
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.57 Poppins,Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:900;letter-spacing:-.03em}h2{font-size:clamp(36px,4.5vw,62px);line-height:1.05}section{scroll-margin-top:20px}.wrap{width:min(var(--content-width),calc(100% - var(--page-gutter)));margin:auto}.eyebrow{color:#5c5954;font-size:12px;letter-spacing:.22em;font-weight:800;line-height:1.3}.button{display:inline-flex;gap:15px;justify-content:center;align-items:center;min-height:52px;padding:12px 23px;border:1.5px solid var(--ink);border-radius:999px;text-decoration:none;font-size:12px;letter-spacing:.08em;font-weight:900;white-space:nowrap}.button.primary{background:var(--ink);color:white}.button.secondary{background:transparent;color:var(--ink)}.button.dark{background:var(--ink);color:white}.button[aria-disabled=true]{opacity:.65;cursor:not-allowed}.text-link{font-size:13px;font-weight:900;letter-spacing:.08em;text-decoration:underline;text-underline-offset:6px}

.hero{border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px}.hero-copy{padding:40px 55px 56px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:clamp(54px,6.1vw,83px);line-height:.99;margin:20px 0 28px;max-width:700px}.hero h1 span{color:var(--red)}.hero-lead{font-size:clamp(20px,1.9vw,25px);line-height:1.36;max-width:590px;margin:0 0 21px}.hero-text{font-size:16px;max-width:560px;color:var(--muted);margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.sphere-panel{position:relative;background:var(--sphere);border-left:1px solid var(--line);min-height:620px;overflow:hidden}.sphere-bottom{position:absolute;z-index:2;left:30px;right:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 15px;font-size:12px;letter-spacing:.19em;font-weight:900;color:#605d57}.sphere-bottom{bottom:24px}.sphere-bottom label{white-space:nowrap}.sphere-bottom input{flex:1 1 120px;min-width:0;max-width:170px;accent-color:var(--red);cursor:pointer}#esfera{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}#esfera canvas{display:block;width:100%;height:100%}.preview-note{background:var(--paper);border-bottom:1px solid var(--line);padding:9px 0;font-size:12px;color:#77736c;text-align:center;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.programs{background:white;padding:16px 0 100px}.section-heading{max-width:760px;margin-bottom:40px}.section-heading h2{margin:16px 0}.section-heading>p:last-child{font-size:19px;color:var(--muted)}.program{display:grid;grid-template-columns:24% 76%;border-top:1px solid var(--line);padding:34px 0 40px}.program:last-of-type{border-bottom:1px solid var(--line)}.program-index{display:flex;flex-direction:column;justify-content:space-between}.program-index>span{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--red)}.program-mark{font-size:100px;line-height:.8;font-weight:900;letter-spacing:-.12em;color:#e9e6e0;margin-left:-5px}.mark-lement{color:#ebe7e0}.mark-esencial{color:#f5e9c4}.mark-avanzado{color:#eadbd7}.program-main{max-width:850px}.program h3{font-size:clamp(36px,4vw,55px);line-height:1.06;margin:0 0 13px}.program-intro{font-size:20px;line-height:1.4;max-width:780px;margin-bottom:21px}.program-main>p:not(.program-intro){font-size:15px;color:var(--muted);max-width:750px}.program-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.program-meta span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.program-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.program-foot>span{font-size:13px;font-weight:800}.program-foot a{font-size:12px;font-weight:900;letter-spacing:.09em;text-decoration:none;white-space:nowrap}.program-foot a:hover{color:var(--red)}.program-foot+p{margin:8px 0 0}.pricing-note{max-width:68ch;font-size:13px;color:var(--muted);margin:25px 0 0}
.decision{background:var(--ink);color:white;padding:90px 0}.decision-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:110px;align-items:end}.decision .eyebrow{color:var(--yellow)}.decision h2{margin:18px 0 0}.decision p:not(.eyebrow){font-size:19px;line-height:1.5;color:#e2dfd9}.decision .text-link{color:var(--yellow);display:inline-block;margin-top:12px}.clients{padding:97px 0 90px}.clients h2{margin:15px 0 45px;max-width:730px}.logo-strip{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.logo-strip img{width:100%;height:110px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.source-note{font-size:12px;color:var(--muted);margin:15px 0 0}.testimonials{padding:90px 0 100px;background:white}.testimonial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.testimonial-text h2{margin:16px 0 22px}.testimonial-text>p:not(.eyebrow){font-size:18px;color:var(--muted);margin-bottom:27px}.video{position:relative;display:block;box-shadow:0 18px 60px #0002}.video img{width:100%;aspect-ratio:16/9;object-fit:cover}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:25px;box-shadow:0 0 0 7px #ffc20e55}
.closing{background:var(--yellow);padding:95px 0;text-align:center}.closing .eyebrow{color:var(--ink)}.closing h2{margin:18px 0;max-width:900px;margin-left:auto;margin-right:auto}.closing p:not(.eyebrow){font-size:18px;max-width:720px;margin:0 auto 27px}body>footer{background:#111;color:#ddd;padding:28px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:25px}body>footer a{color:white}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr .9fr}.hero-copy{padding-right:25px}.hero h1{font-size:60px}.decision-grid{gap:50px}.logo-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:730px){.wrap{width:min(100% - 32px,1160px)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:36px 0 48px}.hero h1{font-size:clamp(47px,9.8vw,68px)}.hero-lead{font-size:20px}.sphere-panel{min-height:500px;border-left:0;border-top:1px solid var(--line)}.sphere-bottom{left:16px;right:16px}.sphere-bottom{bottom:16px}.programs,.clients,.testimonials{padding:70px 0}.programs{padding-top:12px}.decision-grid,.testimonial-grid{grid-template-columns:1fr;gap:25px}.program{grid-template-columns:1fr;padding:28px 0 35px}.program-index{flex-direction:row;align-items:center;margin-bottom:15px}.program-mark{font-size:38px;letter-spacing:-.03em}.program-intro{font-size:18px}.program-foot{align-items:flex-start;flex-direction:column}.decision{padding:72px 0}.logo-strip{grid-template-columns:repeat(3,1fr);gap:12px}.logo-strip img{height:80px}.testimonial-grid{gap:40px}.closing{padding:70px 0}.footer-inner{flex-direction:column;gap:12px}}
@media(max-width:430px){.hero h1{font-size:46px}.button{font-size:12px;padding:10px 15px;min-height:46px}.actions{gap:8px}.sphere-panel{min-height:430px}.logo-strip{grid-template-columns:repeat(2,1fr)}}

/* Imágenes y movimiento presentes en la web original de LIDERAPIA. */
.audiences{padding:0 0 16px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience{position:relative;display:block;height:380px;overflow:hidden;background:#202020;color:white;text-decoration:none}.audience img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.audience:hover img{transform:scale(1.04)}.audience:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%)}.audience>span{position:absolute;z-index:1;left:30px;right:30px;bottom:29px;display:flex;flex-direction:column;align-items:flex-start}.audience small{font-size:12px;font-weight:900;letter-spacing:.18em}.audience strong{font-size:clamp(26px,2.5vw,38px);font-weight:900;line-height:1.1;letter-spacing:-.03em;max-width:360px;margin:7px 0}.audience em{font-style:normal;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.impact{position:relative;overflow:hidden;background:#181818;color:white;padding:clamp(48px,5vw,72px) 0 clamp(48px,5.5vw,80px);text-align:center}.impact p{margin:0 auto;text-wrap:balance;color:#dfddd8;font-size:clamp(18px,2vw,28px);font-weight:700;line-height:1.3;letter-spacing:-.02em}.impact strong{display:block;margin:.04em 0 .04em;color:white;font-size:clamp(88px,24vw,320px);font-weight:900;letter-spacing:-.045em;line-height:.82}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.clients{padding:42px 0 47px;background:#eeeae3;border-bottom:1px solid var(--line)}.clients .eyebrow{text-align:center;margin:0 0 20px}.logo-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent)}.logo-track{display:flex;width:max-content;animation:logo-flow 32s linear infinite}.logo-window:hover .logo-track{animation-play-state:paused}.logo-set{display:flex;align-items:center;flex-shrink:0}.logo-set img{flex:0 0 auto;width:180px;height:110px;object-fit:contain;padding:12px 24px;filter:grayscale(1);opacity:.65;transition:filter .3s,opacity .3s}.logo-set img:hover{filter:none;opacity:1}@keyframes logo-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:730px){.audiences{padding:0 0 12px}.audience-grid{grid-template-columns:1fr;gap:14px}.audience{height:290px}.audience>span{left:23px;right:23px;bottom:23px}.clients{padding:35px 0}.logo-set img{width:145px;height:85px;padding:9px 18px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.audience img{transition:none}}
/* Versión oscura inspirada en el tema oscuro del Test LeMent®. */

body{background:var(--paper);color:var(--ink)}
.eyebrow{color:#a7a3ab}.hero{background:#0b0b0d;border-bottom:0}
.button.primary{background:var(--ink);border-color:var(--ink);color:#0b0b0d}.button.secondary{color:var(--ink);border-color:var(--ink)}.button.dark{background:var(--yellow);border-color:var(--yellow);color:#111}.hero-text{color:var(--muted)}.sphere-panel{background:var(--sphere);border:0}.sphere-bottom{color:#bdb8b0}.preview-note{background:#0b0b0d;border:0;color:#aca8a1}.programs{background:#131316}.section-heading>p:last-child,.program-main>p:not(.program-intro),.pricing-note{color:var(--muted)}.program-mark{color:#29292f}.mark-lement{color:#27262d}.mark-esencial{color:#333025}.mark-avanzado{color:#392926}.program-meta span{border-color:#45454b}.program-foot a:hover{color:var(--yellow)}
.decision{background:#1b1b1f}.decision p:not(.eyebrow){color:#dedad3}.impact{background:#0b0b0d}.clients{background:#17171a}.logo-set img{filter:grayscale(1) invert(1);opacity:.68}.logo-set img:hover{filter:invert(1);opacity:1}.testimonials{background:#111114}.closing{background:#1d1d21;border-top:1px solid #33333a}.closing h2{color:var(--yellow)}.closing p:not(.eyebrow){color:#e2ded7}body>footer{background:#08080a}
/* Segunda revisión: portada oscura y secciones interiores con color. */
.audiences,.programs,.clients,.testimonials,.closing{--ink:#1b1a19;--muted:#5f5952;--line:#d4cabe;color:var(--ink)}.audiences{background:#f4efe6}.clients .eyebrow,.testimonials .eyebrow{color:#6b6259}
.programs{background:#f3f1ec}.programs .eyebrow{color:#a70101}.program{--tone:#e8342c;--tone-ink:#a70101;--card:#fce7e2;--rule:rgba(30,31,34,.22);grid-template-columns:22% 1fr;gap:28px;border:0;margin-bottom:14px;padding:36px 38px;background:var(--card)}.program:last-of-type{border-bottom:0}.program-index{justify-content:space-between;gap:24px;padding-right:0}.program-index>span{color:var(--tone-ink)}.program-number{display:block;font-size:clamp(105px,11vw,162px);font-weight:900;line-height:.85;letter-spacing:-.12em;color:var(--tone);font-variant-numeric:lining-nums}
#lement{--tone:#1e1f22;--tone-ink:#1e1f22;--card:#f4c724}#lement .program-subtitle{color:#1e1f22}#esencial{--tone:#6b46e8;--tone-ink:#4a2bc0;--card:#efe9f7}#avanzado{--tone:#a70101;--tone-ink:#a70101;--card:#f5e1de}
.program-meta span{border-color:var(--rule)}.program-foot{border-top-color:var(--rule)}.program-foot a:hover{color:#a70101}
.decision{background:#a92e26;color:#fff}.decision p:not(.eyebrow){color:#fff2e9}.decision .eyebrow,.decision .text-link{color:#ffe38c}
.impact{background:#ffc20e;color:#1b1a19}.impact p,.impact strong{color:#1b1a19}
.clients{background:#fffdf9}.logo-set img{filter:grayscale(1);opacity:.76}.logo-set img:hover{filter:none;opacity:1}
.testimonials{background:#f4efe6}.closing{background:#f6d248}.closing .eyebrow,.closing h2,.closing p:not(.eyebrow){color:#1b1a19}.closing .button.dark{background:#1b1a19;border-color:#1b1a19;color:#fff}
@media(max-width:730px){.program{grid-template-columns:1fr;gap:18px;padding:28px 24px}.program-index{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.program-number{font-size:72px}.program-index>span{max-width:55%}.program-meta span{white-space:normal}}
.hero h1{font-size:clamp(50px,5.1vw,70px)}.hero-proof{margin:20px 0 0;max-width:520px;color:#aaa6a0;font-size:12px;line-height:1.45}
.audiences,.buyer-questions{border-top:1px solid #d4cabe}.buyer-questions{--ink:#1b1a19;--muted:#5f5952;--line:#d4cabe;background:#fffdf9;color:var(--ink);padding:90px 0}.questions-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.buyer-questions h2{margin:16px 0 0}.buyer-questions .eyebrow{color:#9f2c24}.questions-list details{border-top:1px solid var(--line);padding:18px 0}.questions-list details:last-child{border-bottom:1px solid var(--line)}.questions-list summary{cursor:pointer;font-weight:800;font-size:17px;line-height:1.35}.questions-list summary::marker{color:#af3025}.questions-list details p{margin:14px 0 0;color:var(--muted);font-size:15px}
.closing-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.closing .button.secondary{color:#1b1a19;border-color:#1b1a19}
.institute{background:#e9dfd3;color:#1b1a19;padding:90px 0}.institute .eyebrow{color:#a72e24}.institute-heading{max-width:920px;margin-bottom:36px}.institute-heading h2{margin:17px 0 18px}.institute-heading>p:last-child{font-size:18px;color:#5b5149;max-width:790px}.institute-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.founder-card{display:grid;grid-template-columns:42% 58%;background:#fffdf9;min-height:395px;overflow:hidden}.founder-card img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.founder-card>div{padding:34px 29px;display:flex;flex-direction:column;align-items:flex-start}.founder-card h3,.network-card h3{font-size:clamp(28px,2.8vw,38px);line-height:1.1;margin:15px 0 17px}.founder-card p:not(.eyebrow){font-size:15px;color:#4b443e}.founder-card small{border-top:1px solid #d4cabe;padding-top:16px;margin-top:auto;font-size:12px;font-weight:800;line-height:1.4;color:#5b5149}.network-card{background:#f3cd57;padding:39px;display:flex;flex-direction:column}.network-card .eyebrow{color:#5b3529}.network-card>p:not(.eyebrow){font-size:16px;line-height:1.5;max-width:500px}.region-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:25px}.region-list span{border:1px solid #89712c;border-radius:100px;padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.1em}
.quote-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.quote-grid blockquote{margin:0;padding:27px 25px;background:#fffdf9;border-top:3px solid #c43c2b;display:flex;flex-direction:column;justify-content:space-between}.quote-grid p{font-size:16px;line-height:1.45;color:#25211e;margin:0 0 22px}.quote-grid footer{background:transparent;color:#6a6159;padding:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:730px){.institute{padding:70px 0}.institute-grid,.founder-card{grid-template-columns:1fr}.founder-card img{height:300px;object-position:center 18%}.founder-card>div,.network-card{padding:29px}.network-card{min-height:310px}.quote-grid{grid-template-columns:1fr;margin-top:0}}
@media(min-width:731px){.questions-grid>div:first-child{position:sticky;top:40px;align-self:start}}@media(min-width:731px) and (max-width:970px){.questions-grid>div:first-child{top:88px}}
@media(max-width:730px){.hero h1{font-size:clamp(46px,9.3vw,62px)}.buyer-questions{padding:70px 0}.questions-grid{grid-template-columns:1fr;gap:26px}.closing-actions{flex-direction:column}.closing-actions .button{white-space:normal}}
/* Portada del Instituto: el diagnóstico es una vía dentro de la oferta. */
.hero h1{font-size:clamp(47px,5.15vw,71px);max-width:760px}
.hero .hero-lead{max-width:630px}
@media(max-width:730px){.hero h1{font-size:clamp(45px,8.9vw,62px)}}
.section-heading h2 span{color:#b53327}.programs .section-heading h2 span{color:#e8342c}
.world-map{width:100%;margin:15px 0 5px;padding:6px 0;border-top:1px solid #a18a33;border-bottom:1px solid #a18a33}.world-map svg{display:block;width:100%;height:auto;max-height:150px}.map-land{fill:#5e4c1d;opacity:.32}.map-lines{fill:none;stroke:#6e3a26;stroke-width:2;stroke-dasharray:5 6;opacity:.75}.map-points{fill:#d4382a;stroke:#f3cd57;stroke-width:4}.network-card .region-list{margin-top:12px;padding-top:0}@media(max-width:730px){.world-map svg{max-height:130px}}

.footer-alliance{color:#bdb5ae;font-size:12px;text-decoration:underline;text-underline-offset:3px}.footer-alliance:hover{color:#fff}

#inteligencia-comunicativa{--tone:#1e1f22;--tone-ink:#1e1f22;--card:#e7e6e4}.programs .section-heading{max-width:880px}
.workshop-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin:0 0 14px;padding:32px 38px 34px;background:#1e1f22;color:#f3f1ec;border-left:7px solid #7a4ee1}
.workshop-bridge .eyebrow{color:#b9a4f5;margin-bottom:12px}
.workshop-bridge h3{font-size:clamp(29px,3.2vw,43px);line-height:1.1;margin:0 0 12px}
.workshop-bridge p:not(.eyebrow){max-width:62ch;margin:0;color:#e7e6e4;font-size:15px;line-height:1.55}
.workshop-bridge a{color:#fff;border-bottom:2px solid #7a4ee1;padding-bottom:7px;font-size:12px;font-weight:900;letter-spacing:.07em;text-decoration:none;white-space:nowrap}
@media(max-width:730px){.workshop-bridge{grid-template-columns:1fr;gap:25px;padding:30px 25px}.workshop-bridge a{justify-self:start;white-space:normal}}
.closing p.contact-note{font-size:12px;line-height:1.5;color:#b9afa9;margin:17px auto 0;max-width:650px}

/* Testimonios atribuidos a personas y cargos publicados en Casos de LIDERAPIA. */
.quote-grid footer{display:flex;align-items:center;gap:12px;text-transform:none;letter-spacing:0}
.quote-grid footer img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.quote-grid footer span{display:flex;flex-direction:column;gap:3px}
.quote-grid footer strong{font-size:13px;color:#28231f;line-height:1.2}
.quote-grid footer small{font-size:12px;color:#6a6159;line-height:1.25;font-weight:600}
.testimonial-source{font-size:12px;color:#6a6159;margin:17px 0 0}
.testimonial-source a{color:inherit;text-underline-offset:3px}

/* Testimonios escritos y vídeos verificados del canal de LIDERAPIA. */
.quote-grid footer .avatar-initials{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#e4d3bf;color:#8c3729;font-size:13px;font-weight:900;flex:none}
.testimonial-videos{margin-top:38px;border-top:1px solid #cfc4b8;padding-top:25px}
.testimonial-videos-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:17px}
.testimonial-videos-heading h3{font-size:25px;margin:0}
.testimonial-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.testimonial-video-grid a{display:flex;align-items:center;gap:13px;padding:19px 17px;background:#241f1c;color:#fff;text-decoration:none;min-height:83px}
.testimonial-video-grid a:hover{background:#a82f25}
.video-play{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#f6d248;color:#241f1c;font-size:13px;flex:none}
.testimonial-video-grid a>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.testimonial-video-grid strong{font-size:14px;line-height:1.2}
.testimonial-video-grid small{font-size:12px;color:#e4dad1;line-height:1.3}
.video-arrow{margin-left:auto;align-self:flex-start;font-size:16px}
@media(max-width:730px){.testimonial-videos-heading{display:block}.testimonial-videos-heading h3{margin-top:10px}.testimonial-video-grid{grid-template-columns:1fr}}
.video.video-text{min-height:310px;padding:35px 37px;background:#24211f;color:#f8f3eb;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-shadow:none}
.video-text-label{font-size:12px;font-weight:900;letter-spacing:.17em;color:#f6d248}
.video-text strong{max-width:440px;font-size:clamp(30px,3.5vw,51px);line-height:1.04;letter-spacing:-.03em}
.video-text .play{position:static;transform:none;width:52px;height:52px;font-size:17px;box-shadow:none}
.video-text-link{font-size:12px;font-weight:900;letter-spacing:.1em}
.video.video-text:hover{background:#312a25}
@media(max-width:730px){.video.video-text{min-height:265px;padding:28px}}

/* Logos suministrados por LIDERAPIA, sin alterar sus archivos. */
.clients{background:#fff;padding:42px 0 38px}.logo-track{animation-duration:65s}.logo-set{gap:15px;padding-right:15px}.logo-cell{position:relative;flex:none;width:210px;height:130px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo-set .logo-cell img{width:100%;height:100%;padding:0;object-fit:contain;filter:none;opacity:1;transform:scale(1.15)}.logo-set .logo-zoom img{transform:scale(1.65)}.logo-set .logo-tall img{transform:scale(1.05)}.logo-cell span{position:absolute;bottom:3px;font-size:12px;font-weight:900;letter-spacing:.2em;color:#111;background:#fff;padding:2px 7px}.restored-quotes{gap:16px;margin-top:28px}.restored-quotes blockquote{border-top:3px solid #c43c2b;padding:27px 25px;background:#fffdf9;min-height:0}.restored-quotes blockquote:before{display:none}.restored-quotes p{font-size:16px;line-height:1.45;margin:0 0 22px}.restored-quotes footer{display:block;padding:0;border:0;background:transparent}.restored-quotes footer span{font-size:12px;line-height:1.4;color:#6a6159;font-weight:800}.testimonial-head{display:block;max-width:850px}.testimonial-head>p{max-width:700px;margin:20px 0 0}.testimonial-head h2{font-size:clamp(36px,4.5vw,62px)}
@media(max-width:730px){.logo-cell{width:180px;height:115px}.restored-quotes{grid-template-columns:1fr}}


/* Franja de clientes: tamaño compacto y presentación monocroma. */
.logo-set{gap:20px;padding-right:20px}
.logo-cell{width:165px;height:96px;background:#fff}
.logo-set .logo-cell img{width:100%;height:100%;object-fit:contain;transform:scale(1.12);filter:grayscale(1);opacity:1}
.logo-set .logo-zoom img{transform:scale(1.45)}
.logo-set .logo-tall img{transform:scale(.94)}
.logo-cell img[src*="cliente-nuevo-2."]{transform:scale(1.48)}
.logo-cell img[src*="cliente-nuevo-3."]{transform:scale(.88)}
.logo-cell img[src*="cliente-nuevo-5."]{transform:scale(1.16)}
.logo-cell img[src*="cliente-nuevo-6."]{transform:scale(.98)}
.logo-cell img[src*="cliente-nuevo-9."]{transform:scale(1.04)}
.logo-cell img[src*="cliente-nuevo-10."]{transform:scale(.98)}
.logo-cell img[src*="cliente-nuevo-11."]{transform:scale(1.1)}
.logo-cell img[src*="cliente-nuevo-12."]{transform:scale(1.06)}
.logo-cell img[src*="cliente-nuevo-14."]{transform:scale(1.2);filter:grayscale(1) brightness(1.55) contrast(1.7)}
.logo-set .logo-cell img:hover{filter:grayscale(1);opacity:1}
.logo-set .logo-cell img[src*="cliente-nuevo-14."]:hover{filter:grayscale(1) brightness(1.55) contrast(1.7)}
.logo-cell span{bottom:0;font-size:8px;letter-spacing:.14em}
@media(max-width:730px){.logo-cell{width:145px;height:86px}.logo-set{gap:14px;padding-right:14px}}
.hero .hero-text{margin:0;max-width:560px;font-size:17px;font-weight:700;line-height:1.4;color:#f2eee7}.hero .hero-text a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(242,238,231,.4)}.hero .hero-text a:hover,.hero .hero-text a:focus-visible{border-bottom-color:currentColor}
.impact .wrap{position:relative;z-index:1}.impact::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55) 50%,transparent);transform:translateX(-120%) skewX(-18deg);opacity:0;pointer-events:none}.impact.is-visible::after{animation:impact-shine 1.4s ease-out .15s 1 both}@keyframes impact-shine{0%{transform:translateX(-120%) skewX(-18deg);opacity:0}15%{opacity:1}100%{transform:translateX(330%) skewX(-18deg);opacity:0}}@media(prefers-reduced-motion:reduce){.impact.is-visible::after{animation:none}}

/* Portada más clara: escenas primero, cómo funciona y caminos por perfil. */
.hero .hero-text{font-size:15px;font-weight:600;font-style:italic;color:#bdb8b0}
.hero-proof{font-size:12px;font-weight:700;letter-spacing:.02em;color:#c9c5bd}
.audiences{background:#fffdf9;padding:90px 0 80px}.audiences .eyebrow{color:#a70101}.path-heading{max-width:820px;margin-bottom:34px}.path-heading h2{margin:16px 0 0}.path-heading h2 span{color:#e8342c}
.path-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:none}.path-steps li{background:#f4efe6;padding:28px 26px 30px}.path-number{display:block;font-size:54px;font-weight:900;line-height:.9;letter-spacing:-.03em;color:#e8342c}.path-kind{margin:16px 0 4px;font-size:12px;font-weight:900;letter-spacing:.16em;color:#6b6259}.path-steps h3{font-size:26px;line-height:1.1;margin:0 0 10px}.path-steps li>p:last-child{margin:0;font-size:15px;line-height:1.5;color:#4b443e}

.programs{border-top:1px solid #d4cabe}.program-foot>span{font-size:14px}
@media(max-width:730px){.audiences{padding:70px 0}.path-steps{grid-template-columns:1fr}.path-number{font-size:44px}}
.program-interview{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0 0}.program-interview a{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border:1.5px solid #1b1a19;border-radius:999px;color:#1b1a19;font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none}.program-interview a:hover{background:#1b1a19;color:#fff}.program-interview span{font-size:13px;color:#4b443e}
.clients .eyebrow{margin-bottom:8px}.clients .clients-title{margin:0 auto 20px;max-width:760px;text-align:center;font-size:clamp(17px,1.7vw,21px);line-height:1.15;letter-spacing:-.03em;color:#1b1a19}
/* Ocho Saberes sobre fondo negro, con el mismo tono que el bloque de problemas. */
#metodo.method-section{--method-bg:#141416;--method-card:#1f1f23;--method-ink:#f2eee7;--method-muted:#c9c5bd;--method-line:#35353b;--method-accent:#e8342c;background:#141416;color:#f2eee7}
#metodo.method-section .method-piece-visual path{fill:#2a2a30;stroke:#4a4a52}
#metodo.method-section .method-piece:nth-of-type(even) .method-piece-visual path{fill:#24242a}
#metodo.method-section .method-piece[aria-current=true] .method-piece-visual path{fill:#e8342c;stroke:#e8342c}
#metodo.method-section .method-piece text{fill:#f2eee7}
#metodo.method-section .method-piece[aria-current=true] text{fill:#fff}
#metodo.method-section .method-hub{fill:#1f1f23;stroke:#35353b}
/* Cómo funciona: pasos conectados. */
.path-steps{position:relative;gap:22px}
.path-steps li{position:relative;padding:34px 28px 32px;border-top:4px solid #e8342c;background:#f4efe6;transition:transform .25s ease,box-shadow .25s ease}
.path-steps li:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(27,26,25,.1)}
.path-steps li+li::before{content:"→";position:absolute;left:-21px;top:34px;z-index:1;display:grid;place-items:center;width:20px;height:44px;font-size:18px;font-weight:900;color:#e8342c}
.path-number{font-size:64px;color:transparent;-webkit-text-stroke:2px #e8342c}
.path-kind{margin-top:20px}
.path-steps h3{font-size:28px}
@media(max-width:730px){.path-steps li+li::before{content:"↓";left:28px;top:-26px;width:44px;height:24px}.path-steps{gap:30px}.path-number{font-size:52px}}
/* Bloques de programas 01–05: tarjetas limpias, número protagonista y acciones claras. */
.programs .program{--tone:#e8342c;grid-template-columns:200px 1fr;gap:44px;margin-bottom:18px;padding:44px 48px;background:#fffdf9;border:1px solid #e3dccf;border-top:6px solid var(--tone);box-shadow:0 1px 0 rgba(27,26,25,.04);transition:transform .25s ease,box-shadow .25s ease}
.programs .program:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(27,26,25,.10)}
.programs #lement{--tone:#e0a800}.programs #esencial{--tone:#6b46e8}.programs #avanzado{--tone:#a70101}.programs #inteligencia-comunicativa{--tone:#1e1f22}
.programs .program-index{justify-content:flex-start;gap:18px}
.programs .program-index>span{align-self:flex-start;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--tone) 12%,#fff);color:var(--tone);font-size:12px;letter-spacing:.14em;line-height:1.3}
.programs .program-number{font-size:clamp(110px,10vw,150px);line-height:.8;color:var(--tone);letter-spacing:-.1em}
.programs .program h3{margin-bottom:10px}
.programs .program-meta span{border-color:#d9d0c3;background:#fff}
.programs .program-foot{border-top-color:#e3dccf}
.program-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;padding-top:24px;border-top:1px solid #e3dccf}
.program-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.program-btn-primary{background:#1b1a19;color:#fff;border:1.5px solid #1b1a19}.program-btn-primary:hover{background:var(--tone);border-color:var(--tone)}
.program-btn-outline{background:transparent;color:#1b1a19;border:1.5px solid #1b1a19}.program-btn-outline:hover{background:#1b1a19;color:#fff}
.program-btn-lg{min-height:64px;padding:18px 40px;font-size:14px;letter-spacing:.1em}
.program-note{margin:12px 0 0!important;font-size:13px!important;color:#6b6259!important}
@media(max-width:730px){.programs .program{grid-template-columns:1fr;gap:16px;padding:30px 24px}.programs .program-index{flex-direction:row;align-items:center;justify-content:space-between}.programs .program-number{font-size:80px}.program-btn{width:100%;justify-content:center}}
/* Bloques 01–05 con más carácter: panel de color con el número en grande. */
.programs .program{--tone-text:#fff;grid-template-columns:250px 1fr;gap:0;padding:0;border:0;border-top:0;overflow:hidden;background:#fffdf9;box-shadow:0 2px 0 rgba(27,26,25,.05)}
.programs #lement{--tone:#f4c724;--tone-text:#1b1a19}
.programs .program-index{position:relative;justify-content:space-between;padding:34px 30px 30px;background:var(--tone);color:var(--tone-text);overflow:hidden}
.programs .program-index::after{content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.12)}
.programs .program-index>span{position:relative;z-index:1;background:rgba(255,255,255,.18);color:var(--tone-text);border:1px solid rgba(255,255,255,.35)}
.programs #lement .program-index>span{background:rgba(27,26,25,.08);border-color:rgba(27,26,25,.2)}
.programs .program-number{position:relative;z-index:1;font-size:clamp(130px,12vw,180px);color:var(--tone-text);transition:transform .35s ease}
.programs .program:hover .program-number{transform:translateX(6px) scale(1.04)}
.programs .program-main{padding:42px 46px 38px;max-width:none}
.programs .program h3{font-size:clamp(34px,3.6vw,50px)}
.programs .program-meta span{background:color-mix(in srgb,var(--tone) 10%,#fff);border-color:color-mix(in srgb,var(--tone) 35%,#fff)}
.programs .program-actions{border-top-color:color-mix(in srgb,var(--tone) 30%,#e3dccf)}
.programs .program-btn-primary:hover{color:var(--tone-text)}
@media(max-width:730px){.programs .program{grid-template-columns:1fr}.programs .program-index{flex-direction:row;align-items:flex-end;padding:22px 24px}.programs .program-number{font-size:90px}.programs .program-main{padding:28px 22px 26px}}
/* Lo que consigues */
.benefits{background:#fffdf9;color:#1b1a19;padding:95px 0}.benefits .eyebrow{color:#a70101}.benefits-heading{max-width:820px;margin-bottom:40px}.benefits-heading h2{margin:16px 0 18px}.benefits-heading h2 span{color:#e8342c}.benefits-heading>p:last-child{margin:0;font-size:19px;line-height:1.5;color:#5f5952}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.benefit{padding:30px 26px;background:#f4efe6;border-bottom:4px solid #ffc20e;transition:transform .25s ease,box-shadow .25s ease}.benefit:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(27,26,25,.1)}
.benefit-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:50%;background:#1b1a19;color:#ffc20e;font-size:22px;font-weight:900}
.benefit h3{margin:0 0 10px;font-size:24px;line-height:1.12}.benefit p{margin:0;font-size:15px;line-height:1.55;color:#4b443e}
/* Respaldo */
@media(max-width:950px){.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:730px){.benefits{padding:70px 0}.benefit-grid{grid-template-columns:1fr}}
/* Cómo funciona sin tarjetas de imagen: menos espacio al final */

/* Vídeo de testimonios */
.home-video{position:relative;display:block;margin:34px 0 0;height:300px;overflow:hidden;background:#1b1a19;color:#fff;text-decoration:none}
.home-video img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .6s ease,opacity .4s}
.home-video:hover img{transform:scale(1.04);opacity:.45}
.home-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#ffc20e;color:#1b1a19;font-size:28px;box-shadow:0 0 0 10px rgba(255,194,14,.3)}
.home-video-text{position:absolute;left:32px;bottom:26px;display:flex;flex-direction:column;gap:4px}.home-video-text small{font-size:12px;font-weight:900;letter-spacing:.16em;color:#ffc20e}.home-video-text strong{font-size:clamp(22px,2.4vw,32px);font-weight:900;letter-spacing:-.03em}.home-video-text em{font-style:normal;font-size:12px;font-weight:900;letter-spacing:.08em}
/* Cierre */
.closing-line{background:#0b0b0d;color:#f2eee7;padding:100px 0;text-align:center}.closing-line .eyebrow{color:#ffc20e}.closing-line h2{max-width:900px;margin:18px auto 34px;font-size:clamp(40px,5vw,72px);line-height:1}.closing-line h2 span{color:#e8342c}
.closing-line-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.closing-line .button.primary{background:#ffc20e;border-color:#ffc20e;color:#1b1a19}.closing-line .button.secondary{color:#f2eee7;border-color:#f2eee7}
@media(max-width:730px){.home-video{height:230px}.home-video-text{left:20px;right:20px;bottom:18px}.closing-line{padding:70px 0}.closing-line-actions .button{width:100%;white-space:normal}}
/* Lo que consigues: iconos de línea, sin círculo ni subrayado */
.benefit{background:#f4efe6;border:0;border-top:3px solid #e8342c;padding:32px 28px 30px}
.benefit-icon{display:block;width:44px;height:44px;margin:0 0 22px;padding:0;border-radius:0;background:none;color:#e8342c}
.benefit:hover{box-shadow:0 16px 34px rgba(27,26,25,.1)}
/* Encuadre de la foto de Maite */
.founder-card img[src*="maite-moya-natural"]{object-position:56% 30%}
/* Habilidades humanas frente a la IA */
.ai-note{background:#ffc20e;color:#1b1a19;padding:64px 0}
.ai-note-grid{max-width:900px}.ai-note .eyebrow{color:#1b1a19}
.ai-note h2{margin:14px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.05}.ai-note h2 span{color:#a70101}
.ai-note p:not(.eyebrow){margin:0;max-width:720px;font-size:18px;line-height:1.55}
/* Preguntas agrupadas */
.questions-group{margin:24px 0 4px!important;font-size:11px!important;font-weight:900;letter-spacing:.16em;color:#a70101!important}.questions-list .questions-group:first-child{margin-top:0!important}
@media(max-width:730px){.ai-note{padding:52px 0}}

/* Botones de la portada más contenidos */
.hero .actions .button{min-height:44px;padding:10px 20px;font-size:11px;gap:10px}

/* Ritmo vertical único entre secciones de contenido de la portada. */
main>section:not(.hero):not(.story):not(.clients):not(.impact):not(.events-even):not(.voices-photos):not(.events-hero){padding-top:88px!important;padding-bottom:88px!important}
@media(max-width:730px){main>section:not(.hero):not(.story):not(.clients):not(.impact):not(.events-even):not(.voices-photos):not(.events-hero){padding-top:70px!important;padding-bottom:70px!important}}

/* Programas: entradilla más contenida. */
.programs .program-intro{font-size:17px;line-height:1.5}
@media(max-width:730px){.programs .program-intro{font-size:16px}}

/* Portada: más aire entre el titular, la entradilla y los botones. */
.hero .hero-copy h1{line-height:1.06;margin-top:0;margin-bottom:36px}
.hero .hero-copy .hero-lead{line-height:1.55;margin-bottom:28px}
.hero .hero-copy .actions{margin-top:40px}

/* Titular de portada: letras y palabras con más separación para leer mejor. */
.hero .hero-copy h1{letter-spacing:-.005em;word-spacing:.06em}
.hero .hero-copy h1 span{display:inline-block}

/* Etiqueta de la portada: algo más grande y legible. */
.hero .hero-copy .hero-lead{font-size:15px;line-height:1.55}
@media(max-width:730px){.hero .hero-copy .hero-lead{font-size:14px}}

/* Titular de portada: «Comunica y decide» siempre en una sola línea. */
.hero .hero-copy h1 .hero-keep{color:inherit;white-space:nowrap}
.hero .hero-copy h1{font-size:clamp(34px,4.6vw,66px)}
@media(max-width:730px){.hero .hero-copy h1{font-size:clamp(28px,8.8vw,48px)}}

/* Enlaces de texto con área táctil suficiente en móvil. */
@media(max-width:730px){.method-cta,.program-foot a,.workshop-bridge a,.testimonial-more a{display:inline-flex;align-items:center;min-height:44px}}


/* Cómo funciona: el texto va justo debajo de cada título; el título largo del paso 02 cabe en dos líneas. */
@media(min-width:731px){.path-steps h3{font-size:24px}}

/* Cómo funciona: bloques 01–03 más contenidos. */
.path-steps li{padding:26px 24px 26px}
.path-number{font-size:48px}
.path-kind{margin-top:14px}
@media(min-width:731px){.path-steps h3{font-size:21px}}
@media(max-width:730px){.path-number{font-size:42px}.path-steps h3{font-size:21px}}

/* Al pasar el cursor por los Saberes 05–08, la pieza se ilumina en amarillo (no en rojo). */
#metodo.method-section .method-piece:is([data-saber="05"],[data-saber="06"],[data-saber="07"],[data-saber="08"])[aria-current=true] .method-piece-visual path{fill:#ffc20e;stroke:#ffc20e}
#metodo.method-section .method-piece:is([data-saber="05"],[data-saber="06"],[data-saber="07"],[data-saber="08"])[aria-current=true] text{fill:#1b1a19}

/* Aviso discreto para consultores y firmas, después del formulario. */
.partners-note{background:#f4efe6;border-top:1px solid #e2d9cc;padding:26px 0;text-align:center}
.partners-note p{margin:0;font-size:15px;color:#4b443e}
.partners-note a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-left:6px;font-weight:800;color:#1b1a19;text-underline-offset:4px}

/* Línea de alcance bajo las fotos de clientes y eventos. */
.clients-reach{margin:16px 0 0;text-align:center;font-size:13px;letter-spacing:.02em;color:#6b635a}

/* Logos de clientes: cada uno escalado para que su contenido tenga un tamaño visual parecido. */
.logo-set .logo-cell img[src*="cliente-nuevo-1."]{transform:scale(1.5)}
.logo-set .logo-cell img[src*="cliente-nuevo-2."]{transform:scale(1.5)}
.logo-set .logo-cell img[src*="cliente-nuevo-3."]{transform:scale(0.59)}
.logo-set .logo-cell img[src*="cliente-nuevo-4."]{transform:scale(1.5)}
.logo-set .logo-cell img[src*="cliente-nuevo-5."]{transform:translate(-0.5%,2.6%) scale(0.92)}
.logo-set .logo-cell img[src*="cliente-nuevo-6."]{transform:scale(0.77)}
.logo-set .logo-cell img[src*="cliente-nuevo-7."]{transform:scale(1.67)}
.logo-set .logo-cell img[src*="cliente-nuevo-8."]{transform:translate(-0.2%,-10.7%) scale(1.37)}
.logo-set .logo-cell img[src*="cliente-nuevo-9."]{transform:scale(1.19)}
.logo-set .logo-cell img[src*="cliente-nuevo-10."]{transform:scale(0.97)}
.logo-set .logo-cell img[src*="cliente-nuevo-11."]{transform:scale(1.09)}
.logo-set .logo-cell img[src*="cliente-nuevo-12."]{transform:translate(2.1%,6.8%) scale(1.05)}
.logo-set .logo-cell img[src*="cliente-nuevo-13."]{transform:scale(1.2)}
.logo-set .logo-cell img[src*="cliente-nuevo-14."]{transform:scale(1.6)}
.logo-set .logo-cell img[src*="cliente-nuevo-15."]{transform:scale(1)}
.logo-set .logo-cell img[src*="cliente-nuevo-16."]{transform:scale(1.49)}

/* Sin wrap, entre 731 y ~1000 px el texto del pie se comprime a 100 px de ancho junto al botón. */
.programs .program-foot{flex-wrap:wrap;gap:16px 24px}
.programs .program-foot>span{flex:1 1 280px}
.programs .program-foot+p{margin-top:16px}
@media(max-width:730px){.programs .program-foot>span{flex:none}}

.program-saberes{display:inline-block;margin:0 0 12px;padding:5px 10px;border:1px solid var(--tone);color:var(--tone-ink);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
/* Botón flotante: visible en todos los anchos; la JS lo esconde sobre la portada y el formulario */
.floating-cta{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:999px;background:#e8342c;color:#fff;font-size:13px;font-weight:900;letter-spacing:.06em;text-decoration:none;box-shadow:0 8px 24px rgb(0 0 0 / .35);transition:opacity .2s,transform .2s}.floating-cta.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}
/* ¿A ti también te pasa? en gris claro en la home */
.story .story-band-dark{--story-ink:#1b1a19;--story-muted:#5f5952;--story-accent:#c4281c;--story-red:#d93628;background:#ececea;color:var(--story-ink)}
.story .story-band-dark .story-pain{background:#fff}
.story .story-band-dark .story-pain h3{color:var(--story-ink)}
.story .story-band-dark .story-pain:hover{border-top-color:#1b1a19}.story .story-band-dark .story-pain:hover::before{color:#1b1a19}
/* Lo que cambia cuando lo entrenas: amarillo de marca en la home */
.story .story-band-light{--story-bg:#ffc20e;--story-card:#fffbea;--story-ink:#1b1a19;--story-muted:#4a4238;--story-line:#e5a800;--story-red:#1b1a19;--story-accent:#1b1a19}
.story .story-band-light .story-shifts li{background:#fffbea;border-color:#e5a800}
.story .story-band-light .story-shifts small{color:#6b5a1e}
.story .story-band-light .story-cta{background:#1b1a19;color:#fff}
.story .story-band-light .story-cta:hover,.story .story-band-light .story-cta:focus-visible{background:#fff}
/* IA: banda oscura para separarla de Programas (crema) y de la cifra (amarillo) */
.ai-note{background:#1e1f22;color:#f3f1ec}
.ai-note .eyebrow{color:#ffc20e}
.ai-note h2 span{color:#ffc20e}
.ai-note p:not(.eyebrow){color:#d9d6d0}
/* Fichas de programa: tarjeta oscura plana, línea lateral por tipo (metacognición lila, Esencial amarillo, Avanzado rojo, Inteligencia Comunicativa blanco) y número alineado con el contenido */
.programs .program-list{display:flex;flex-direction:column;gap:16px}
.programs .program-list .program{--bar:#ffc20e;--bar-text:#1b1a19;display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 56px;align-items:start;margin:0;padding:36px 40px 36px 36px;border:0;border-radius:0;background:#1f1f23;color:#f3f1ec;box-shadow:inset 4px 0 0 var(--bar);overflow:visible;transition:none}
.programs .program-list .program:hover{transform:none;box-shadow:inset 4px 0 0 var(--bar)}
.programs .program-list #test,.programs .program-list #lement{--bar:#b4a0ff}
.programs .program-list #talleres-lement,.programs .program-list #esencial{--bar:#ffc20e}
.programs .program-list #avanzado{--bar:#e8342c;--bar-text:#fff}
.programs .program-list #inteligencia-comunicativa{--bar:#fff}
.programs .program-list .program-index{display:contents}
.programs .program-list .program-index::after{display:none}
.programs .program-list .program-number{grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:88px;height:88px;margin:0;border-radius:50%;background:var(--bar);color:var(--bar-text);font-size:34px;line-height:1;letter-spacing:-.04em;transform:none;transition:none}
.programs .program-list .program-index>span,.programs .program-list #lement .program-index>span{grid-column:2;grid-row:1;max-width:none;margin:0 0 10px;padding:0;border:0;border-radius:0;background:none;color:var(--bar);font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.4}
.programs .program-list .program-main{grid-column:2;grid-row:2;padding:0;max-width:none}
.programs .program-list .program h3{margin:0 0 10px;font-size:clamp(28px,2.8vw,40px);line-height:1.06;color:#fff}
.programs .program-list .program-intro{margin:0;font-size:16px;line-height:1.6;color:#c9c5bd}
.programs .program-list .program-main>p:not(.program-intro):not(.program-saberes):not(.program-subtitle){color:#a9a59e}
.programs .program-list #lement .program-subtitle{margin:0 0 10px;color:var(--bar)}
.programs .program-list .program-saberes{display:block;margin:0 0 12px;padding:0;border:0;color:var(--bar);font-size:12px;letter-spacing:.12em}
.programs .program-list .program-meta{margin-top:18px}
.programs .program-list .program-meta span{white-space:normal;background:transparent;border-color:#3a3a41;color:#c9c5bd}
.programs .program-list .program-actions,.programs .program-list .program-foot{margin-top:24px;padding-top:22px;border-top:1px solid #35353b;color:#c9c5bd}
.programs .program-list .program-btn-lg,.programs .program-list .workshop-bridge a.program-btn{min-height:50px;padding:13px 24px;border:1.5px solid var(--bar);font-size:12px;letter-spacing:.1em;white-space:nowrap}
.programs .program-list .program-btn-primary,.programs .program-list .workshop-bridge a.program-btn{background:var(--bar);color:var(--bar-text)}
.programs .program-list .program-btn-primary:hover,.programs .program-list .workshop-bridge a.program-btn:hover{background:transparent;border-color:var(--bar);color:var(--bar)}
.programs .program-list .program-btn span{transform:none;transition:none}
.programs .program-list .program-actions{display:flex;justify-content:flex-end}
.programs .program-list .program-foot{display:flex;align-items:center;justify-content:space-between}
.programs .program-list .program-foot>a{margin-left:auto}
@media(max-width:730px){
  .programs .program-list .program{grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;gap:0 16px;align-items:center;padding:26px 20px 26px 24px}
  .programs .program-list .program-number{grid-row:1;width:56px;height:56px;font-size:22px}
  .programs .program-list .program-index>span,.programs .program-list #lement .program-index>span{margin:0}
  .programs .program-list .program-main{grid-column:1/-1;margin-top:20px}
  .programs .program-list .program-btn-lg{width:100%;justify-content:center;white-space:normal}
}
/* Botones de las fichas: mismo ancho y pegados al borde derecho, opuesto al número */
@media(min-width:731px){.programs .program-list .program-btn{width:260px;justify-content:center}}
/* Botón en la misma fila que los chips, sin fila ni línea aparte */
@media(min-width:731px){
  .programs .program-list .program-main{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end}
  .programs .program-list .program-main>*{grid-column:1/-1}
  .programs .program-list .program-main>.program-meta{grid-column:1;order:1;margin-top:20px}
  .programs .program-list .program-main>.program-actions{grid-column:2;order:2;margin:20px 0 0;padding:0;border:0}
  .programs .program-list #test .program-foot{display:contents}
  .programs .program-list #test .program-foot>a{grid-column:2;order:2;margin:20px 0 0}
  .programs .program-list #test .program-foot>span{grid-column:1/-1;order:3;margin-top:20px;padding-top:18px;border-top:1px solid #35353b}
  .programs .program-list #test .program-main>p:last-child{order:4}
  .programs .program-list #inteligencia-comunicativa .program-meta{margin-top:20px}
}
.hero-kicker{margin:0 0 18px;font-size:13px;font-weight:800;letter-spacing:.18em;line-height:1.4;color:#ffc20e}
@media(max-width:730px){.hero-kicker{font-size:12px;letter-spacing:.14em}}
/* Cifra de impacto más contenida */
.impact strong{font-size:clamp(64px,10vw,136px);line-height:1}
/* Texto de la cifra sin negrita (solo el número va en peso alto) */
.impact p{font-weight:400}
.impact strong{font-weight:900}
/* Enlace al programa de cada Saber con el color de su pieza: rojo (01–04, Esencial) o amarillo (05–08, Avanzado) */
#metodo .method-cta{display:inline-flex;align-items:center;min-height:44px;margin-top:28px;padding:10px 22px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
#metodo .method-cta-esencial{background:#e8342c;color:#fff}
#metodo .method-cta-avanzado{background:#ffc20e;color:#1b1a19}
#metodo .method-cta:hover{background:#fff;color:#1b1a19}
