@font-face{font-family:Archivo;src:url('assets/fonts/archivo-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Archivo Black';src:url('assets/fonts/archivo-black-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#141414;--paper:#F8F8F5;--orange:#F04E14;--smoke:#4F4F4F;--edge:clamp(24px,5vw,80px);--body:Archivo,'Segoe UI',sans-serif;--display:'Archivo Black','Arial Black',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;background:var(--ink);color:var(--paper);font:400 17px/1.6 var(--body)}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:0}a{color:inherit;text-underline-offset:5px}button,input{font:inherit;border-radius:0}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--orange);color:var(--ink)}.skip{position:fixed;top:10px;left:20px;transform:translateY(-160%);z-index:99;background:var(--paper);color:var(--ink);padding:10px}.skip:focus{transform:none}.eyebrow,.intro-label{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:15px 23px;text-decoration:none;font-size:14px;font-weight:600}.button-orange{background:var(--orange);color:var(--ink)}.button:hover{background:var(--paper);color:var(--ink)}.button span{font-size:23px;line-height:1}.text-link{display:flex;gap:25px;align-items:center;width:fit-content;font-size:15px;text-decoration:none;border-bottom:1px solid currentColor;padding:9px 0}.text-link span{font-size:24px}.text-link:hover{text-decoration:underline}
.site-header{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:24px;padding:19px var(--edge);z-index:40;background:var(--ink)}.brand{flex-shrink:0}.brand svg{width:96px;height:67px;display:block}.brand-context{font-size:11px;line-height:1.45;color:#C7C7C3}.desktop-nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.desktop-nav a{text-decoration:none}.desktop-nav a:hover{text-decoration:underline}.header-cta{display:flex;gap:24px;align-items:center;text-decoration:none;padding:8px 16px;border:1px solid #777;font-size:13px}.header-cta:hover{background:var(--paper);color:var(--ink)}.menu-toggle,#mobile-nav{display:none}
.experience-stage{position:relative;min-height:760px;height:94svh;max-height:1000px;isolation:isolate;overflow:hidden}.hero-content{position:relative;z-index:3;padding-top:clamp(170px,23vh,230px);margin-left:var(--edge);width:55%;pointer-events:none}.hero-content a{pointer-events:auto}.intro-label{color:#C7C7C3}.hero-content h1{font-size:clamp(40px,5.3vw,83px);margin:25px 0 26px}.hero-description{max-width:440px;font-size:17px;color:#C7C7C3}.hero-content .button{margin-top:29px}.scene-host{position:absolute;left:42%;right:-4%;top:12%;bottom:7%;touch-action:pan-y;cursor:grab}.scene-host canvas{display:block;width:100%!important;height:100%!important;position:relative;z-index:1}.scene-fallback{position:absolute;inset:7% 20%;background:var(--paper)}.scene-fallback img{width:100%;height:100%;object-fit:contain}.scene-loaded .scene-fallback{visibility:hidden}.scene-failed canvas{display:none}.scene-tools{position:absolute;bottom:35px;right:var(--edge);display:flex;align-items:center;gap:20px;font-size:11px;color:#A7A7A5;z-index:4}.scene-tools button{background:none;border:1px solid #777;min-height:38px;padding:7px 13px;font-size:11px}.scene-tools button span{margin-left:12px}.scroll-cue{position:absolute;bottom:42px;left:var(--edge);display:flex;gap:26px;font-size:12px;text-decoration:none}
.school{display:grid;grid-template-columns:.8fr 1.6fr;gap:55px;padding:85px var(--edge);background:var(--paper);color:var(--ink)}.school>.eyebrow{padding-top:7px}.school h2{font-size:clamp(32px,4vw,60px);margin-bottom:25px}.school div p{max-width:700px}.school div p+p{margin-top:15px;color:var(--smoke)}
.program{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;padding:85px var(--edge)}.program h2{font-size:clamp(31px,3.7vw,55px);margin:24px 0}.program-identity>p:not(.eyebrow){color:#C7C7C3}.status{display:block;font-size:12px;color:#C7C7C3;margin-top:28px}.status:before{content:'';display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:9px}.program-identity .text-link{margin-top:16px}.program-topics{align-self:center}.program details{border-top:1px solid #666;scroll-margin-top:125px}.program details:last-child{border-bottom:1px solid #666}.program summary{list-style:none;display:flex;align-items:start;justify-content:space-between;gap:28px;padding:26px 0;font-size:22px;line-height:1.35;font-weight:600}.program summary::-webkit-details-marker{display:none}.program summary span{font-weight:400;font-size:26px;line-height:1;transition:transform .2s}.program details[open] summary span{transform:rotate(45deg)}.program details p{font-size:16px;color:#C7C7C3;padding:0 38px 27px 0}
.newsletter{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;background:var(--orange);color:var(--ink);padding:76px var(--edge)}.newsletter h2{font-size:clamp(34px,4vw,59px);margin:21px 0}.newsletter>div>p:last-child{max-width:440px}.newsletter-signup{align-self:center}.newsletter-signup label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.signup-row{display:flex;border:1px solid var(--ink);background:var(--paper)}.signup-row input{background:var(--paper);color:var(--smoke);opacity:1;padding:18px;min-width:0;width:100%;border:0}.signup-row input::placeholder{color:var(--smoke);opacity:1}.signup-row button{border:0;background:var(--ink);color:var(--paper);padding:18px;font-size:13px;white-space:nowrap;opacity:1;cursor:default}.signup-row button span{margin-left:15px}.newsletter-signup>p{font-size:12px;margin-top:12px}
.notebook{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;padding:85px var(--edge);background:var(--paper);color:var(--ink)}.notebook-copy h2{font-size:clamp(37px,4.8vw,69px);margin:26px 0}.notebook-copy>p:not(.eyebrow){max-width:350px;color:var(--smoke)}.notebook .text-link{margin-top:25px}.download-link{display:block;margin-top:35px;font-size:12px}.instagram-wrap{min-width:0;max-width:540px;width:100%;justify-self:center}.instagram-media{background:white;border:1px solid #ccc;margin:0!important;width:100%!important;min-width:0!important;max-width:540px!important;min-height:360px;padding:24px}.instagram-wrap iframe{min-width:0!important;width:100%!important;box-shadow:none!important;border-radius:0!important}.embed-note{font-size:11px;color:var(--smoke);margin-top:12px}.closing{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:75px var(--edge);border-bottom:1px solid #555}.closing h2{font-size:clamp(29px,3.5vw,52px);margin-top:22px}.closing .button{flex-shrink:0}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;padding:35px var(--edge);font-size:13px;color:#C7C7C3}.about>p:last-child{max-width:550px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:23px var(--edge);border-top:1px solid #555;font-size:11px;color:#C7C7C3}footer a{text-decoration:none}footer small{width:100%;font-size:10px}
@media(min-width:821px) and (max-height:790px){.experience-stage{min-height:690px}.hero-content{padding-top:155px}.hero-content h1{font-size:4.8vw}}
@media(max-width:1100px){.brand-context{display:none}.desktop-nav{gap:20px}.hero-content h1{font-size:5.2vw}.program,.newsletter,.notebook{gap:45px}.program summary{font-size:20px}.signup-row{flex-direction:column}.signup-row button{text-align:left}.closing{align-items:start;flex-direction:column}}
@media(max-width:820px){.site-header{padding:15px var(--edge)}.brand-context{display:block}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid #777;margin-left:auto;min-height:42px;padding:7px 12px;font-size:12px}.menu-toggle span{font-size:20px}.site-header #mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;padding:12px var(--edge) 24px;background:var(--ink);border-bottom:1px solid #777;flex-direction:column}.site-header #mobile-nav a{padding:12px 0;text-decoration:none}.experience-stage{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-top:144px}.hero-content{margin:0 var(--edge);width:auto;padding:0}.hero-content h1{font-size:clamp(32px,7.3vw,59px)}.hero-description{max-width:500px}.scene-host{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:400px;width:100%;margin-top:-20px}.scene-tools{position:relative;right:auto;bottom:auto;margin:-15px var(--edge) 30px;justify-content:space-between}.scroll-cue{display:none}.school{grid-template-columns:1fr;gap:23px;padding:60px var(--edge)}.program,.newsletter,.notebook{padding:60px var(--edge);grid-template-columns:1fr;gap:38px}.program h2{font-size:40px}.program-topics{width:100%}.program summary{font-size:22px}.newsletter h2{font-size:44px}.signup-row{flex-direction:row}.notebook{gap:35px}.notebook-copy h2{font-size:48px}.instagram-wrap{justify-self:start}.closing{padding:60px var(--edge)}.about{gap:24px;grid-template-columns:1fr}.school h2{font-size:40px}.school div p{font-size:16px}}
@media(max-width:440px){.brand-context{font-size:10px}.site-header{gap:16px}.hero-content h1{font-size:7.05vw;line-height:1.13}.hero-description{font-size:16px}.scene-host{height:330px;margin-top:0}.scene-tools{font-size:10px;gap:8px}.scene-tools button{font-size:10px}.school h2,.program h2{font-size:31px}.program summary{font-size:20px}.newsletter h2{font-size:38px}.signup-row{flex-direction:column}.notebook-copy h2{font-size:40px}.closing h2{font-size:29px}.closing .button{font-size:13px;width:100%;gap:15px}.brand svg{width:96px}.menu-toggle{gap:9px;padding:6px 9px}.brand-context{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.instagram-wrap iframe{padding:0}

/* Footer: newsletter y enlaces de la escuela */
.site-footer{display:block;padding:0;border:0;background:var(--ink);color:var(--paper);font-size:14px}
.footer-newsletter{padding:56px var(--edge);gap:7vw}
.footer-newsletter h2{font-size:clamp(30px,3vw,44px);margin:16px 0}
.footer-newsletter>div>p:last-child{font-size:16px;max-width:420px}
.footer-newsletter .newsletter-signup>p{font-size:12px}
.footer-main{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:40px;padding:48px var(--edge)}
.footer-identity{display:flex;align-items:center;gap:28px}
.footer-identity p{font-size:12px;line-height:1.7;color:#C7C7C3}
.footer-nav{display:flex;flex-direction:column;align-items:start;gap:11px;font-size:13px}
.footer-nav a:hover,.footer-social a:hover,.footer-bottom a:hover{text-decoration:underline}
.footer-social{display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-self:end;font-size:13px}
.footer-social span{font-size:12px;color:#C7C7C3}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 28px;border-top:1px solid #4F4F4F;margin:0 var(--edge);padding:22px 0;color:#C7C7C3;font-size:11px}
.footer-bottom small{width:100%;font-size:10px}
@media(max-width:1100px){.footer-main{grid-template-columns:1.3fr .8fr 1fr;gap:28px}.footer-identity{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:820px){.footer-newsletter{padding:44px var(--edge);gap:26px}.footer-main{grid-template-columns:1fr 1fr;padding:36px var(--edge);gap:28px}.footer-identity{grid-column:1/-1;flex-direction:row;align-items:center}.footer-social{justify-self:start}}
@media(max-width:440px){.footer-newsletter h2{font-size:30px}.footer-identity{align-items:flex-start;flex-direction:column}.footer-main{gap:25px}.footer-social span{font-size:11px}}

/* Públicos: lectura breve con iconos de línea */
.school{display:block}
.school-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.school .school-heading h2{margin:0;width:63%}
.school-heading .eyebrow{padding-top:8px}
.school-audiences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:42px 0 0;padding:0}
.school-audiences li{border-top:1px solid #A7A7A5;padding-top:23px;min-width:0}
.school-audiences svg{display:block;width:56px;height:56px;margin-bottom:20px;color:var(--ink)}
.school-audiences .icon-accent{stroke:var(--orange);stroke-width:3}
.school-audiences h3{margin:0;font:600 20px/1.35 var(--body)}
.school .school-note{font-size:14px;color:var(--smoke);margin-top:30px}
@media(max-width:820px){.school-heading{display:block}.school .school-heading h2{width:auto;margin-top:19px}.school-audiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}.school-audiences h3{font-size:19px}}
@media(max-width:440px){.school-audiences{gap:26px 18px}.school-audiences h3{font-size:16px}.school-audiences svg{width:48px;height:48px;margin-bottom:15px}.school .school-note{font-size:13px}}

/* Portadas originales: verticales, completas y sin recorte */
.instagram-gallery{min-width:0;width:100%;max-width:600px;justify-self:center}
.instagram-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.instagram-posts li{min-width:0}
.instagram-posts a{display:block;background:var(--paper)}
.instagram-posts img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.instagram-posts a:hover{outline:2px solid var(--ink);outline-offset:2px}
.instagram-posts a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.instagram-all{display:inline-block;font-size:12px;margin-top:18px}
@media(max-width:820px){.instagram-gallery{justify-self:start}}
@media(max-width:600px){.instagram-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Formulario real de MailerLite; enlace alternativo siempre disponible. */
.newsletter-signup{min-width:0}
.newsletter-signup .ml-embedded{width:100%;min-height:240px}
.newsletter-signup .newsletter-fallback{font-size:12px;line-height:1.6;margin-top:16px}
.newsletter-fallback a{text-decoration:underline;text-underline-offset:4px}
#newsletter #mlb2-46982728 .ml-form-embedWrapper{background:transparent!important;border-radius:0!important;width:100%!important;max-width:none!important}
#newsletter #mlb2-46982728 .ml-form-embedBody,#newsletter #mlb2-46982728 .ml-form-successBody{padding:0!important}
#newsletter #mlb2-46982728 .ml-form-embedContent h4{display:none}
#newsletter #mlb2-46982728 p,#newsletter #mlb2-46982728 label,#newsletter #mlb2-46982728 input,#newsletter #mlb2-46982728 button{font-family:var(--body)!important;color:var(--ink)!important}
#newsletter #mlb2-46982728 .ml-form-fieldRow input{border-radius:0!important;border-color:var(--ink)!important;background:var(--paper)!important;min-height:52px;font-size:16px!important}
#newsletter #mlb2-46982728 button.primary{background:var(--ink)!important;color:var(--paper)!important;border-radius:0!important;min-height:52px}
#newsletter #mlb2-46982728 button.primary:hover{background:var(--smoke)!important}
#newsletter #mlb2-46982728 .ml-form-successContent h4{font-family:var(--display)!important;font-size:25px!important;color:var(--ink)!important}
#newsletter #mlb2-46982728 input:focus-visible,#newsletter #mlb2-46982728 button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* Titular elegido por Yohi: tres frases con el mismo peso visual. */
.hero-content h1.hero-title-phrases{font-size:clamp(28px,3.6vw,58px);line-height:1.2}
@media(max-width:820px){.hero-content h1.hero-title-phrases{font-size:clamp(18px,5.6vw,46px);line-height:1.25}}

/* Recurso gratuito: portada real y propuesta de valor */
.lead-guide{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(35px,7vw,100px);align-items:center;background:var(--paper);color:var(--ink);padding:64px var(--edge);border-bottom:1px solid #C7C7C3}
.guide-preview{background:var(--orange);padding:27px;display:flex;justify-content:center;max-width:355px;width:100%;justify-self:center}
.guide-preview img{display:block;width:100%;max-width:235px;height:auto;border:1px solid var(--ink)}
.guide-copy h2{font-size:clamp(30px,3.7vw,54px);margin:20px 0}
.guide-copy>p:not(.eyebrow):not(.guide-format){font-size:17px;max-width:500px}
.guide-includes{padding-left:19px;margin:20px 0 26px;font-size:15px;line-height:1.8}
.guide-copy .guide-format{font-size:12px;color:var(--smoke);margin-top:13px}
.guide-copy .button:hover{background:var(--ink);color:var(--paper)}
@media(max-width:820px){.lead-guide{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:48px var(--edge)}.guide-preview{padding:18px}.guide-copy h2{font-size:30px}.guide-copy>p:not(.eyebrow):not(.guide-format){font-size:15px}.guide-includes{font-size:14px}}
@media(max-width:600px){.lead-guide{grid-template-columns:1fr}.guide-preview{max-width:235px;justify-self:start}.guide-preview img{max-width:175px}.guide-copy h2{font-size:clamp(27px,7vw,37px)}.guide-copy .button{font-size:13px}}

/* Guía: solicitud y entrega por MailerLite, independiente del newsletter. */
.guide-signup{max-width:500px;min-width:0}
.guide-signup .guide-delivery{font-size:14px;line-height:1.6;margin:0 0 18px}
.guide-signup .guide-privacy,.guide-signup .guide-fallback{font-size:12px;line-height:1.6;margin:12px 0 0;color:var(--smoke)}
.guide-fallback a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
#guia .ml-embedded{width:100%;min-height:144px}
#guia #mlb2-46983275 .ml-form-embedWrapper{background:transparent!important;border-radius:0!important;width:100%!important;max-width:none!important}
#guia #mlb2-46983275 .ml-form-embedBody,#guia #mlb2-46983275 .ml-form-successBody{padding:0!important}
#guia #mlb2-46983275 .ml-form-embedContent{display:none}
#guia #mlb2-46983275 p,#guia #mlb2-46983275 label,#guia #mlb2-46983275 input,#guia #mlb2-46983275 button{font-family:var(--body)!important;color:var(--ink)!important}
#guia #mlb2-46983275 .ml-form-fieldRow label{display:block;font-size:13px!important;margin-bottom:10px!important}
#guia #mlb2-46983275 .ml-form-fieldRow input{border-radius:0!important;border:1px solid var(--ink)!important;background:var(--paper)!important;min-height:52px;font-size:16px!important}
#guia #mlb2-46983275 button.primary{background:var(--orange)!important;color:var(--ink)!important;border-radius:0!important;min-height:52px;font-size:15px!important;font-weight:600!important}
#guia #mlb2-46983275 button.primary:hover{background:var(--ink)!important;color:var(--paper)!important}
#guia #mlb2-46983275 .ml-form-successContent h4{font-family:var(--display)!important;font-size:25px!important;color:var(--ink)!important}
#guia #mlb2-46983275 input:focus-visible,#guia #mlb2-46983275 button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

.privacy-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.privacy-links a,.privacy-links button{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.privacy-links button{border:0;background:transparent;padding:0;cursor:pointer}
.consent-banner[hidden]{display:none}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--paper);color:var(--ink);border-top:2px solid var(--ink);padding:20px var(--edge);display:flex;align-items:center;gap:30px}.consent-banner>div:first-child{flex:1}.consent-banner strong{font-size:16px}.consent-banner p{font-size:13px;line-height:1.6;margin:6px 0 0;max-width:780px}.consent-banner a{text-decoration:underline;text-underline-offset:3px}.consent-actions{display:flex;gap:12px}.consent-actions button{font:600 13px var(--body);border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:14px 18px;cursor:pointer}.consent-actions button[data-consent=yes]{background:var(--ink);color:var(--paper)}.consent-actions button:focus-visible,.privacy-links button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.privacy-page{padding:70px var(--edge);background:var(--paper);color:var(--ink);min-height:80vh}.privacy-content{max-width:850px;margin:auto}.privacy-content h1{font:400 clamp(30px,5vw,54px)/1.2 var(--display);margin:25px 0 30px}.privacy-content h2{font:600 22px/1.3 var(--body);margin:34px 0 14px}.privacy-content p,.privacy-content li{font-size:16px;line-height:1.7}.privacy-content a{text-decoration:underline;text-underline-offset:3px}.privacy-content ul{padding-left:23px}
@media(max-width:600px){.consent-banner{display:block;padding:18px var(--edge)}.consent-actions{margin-top:14px}.consent-actions button{flex:1;padding:12px 10px}.privacy-page{padding-top:40px}}