:root{--bg:#0A1A2A;--surface:#10263A;--paper:#F4F6F1;--muted:#C3CFC8;--meta:#7C8B9A;--lime:#82C91E;--petrol:#1E4E6B;--line:rgba(244,246,241,.10);color-scheme:dark;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}p{color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 24px}h1,h2,h3,h4{font-family:Archivo,'Arial Black',sans-serif;font-weight:900;letter-spacing:-.02em;margin:0;text-transform:uppercase}h2{font-size:clamp(32px,4.15vw,56px);line-height:1.04}h3{font-size:25px;line-height:1.12}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{max-width:1240px;margin:0 auto;width:calc(100% - 80px)}.section{padding:104px 0;scroll-margin-top:68px}.surface{background:var(--surface)}.eyebrow{display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--lime);margin:0 0 25px}.eyebrow .index{font-family:Archivo,sans-serif;font-weight:900;font-size:38px;line-height:1;letter-spacing:-.04em}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}.head h2{max-width:780px}.head p{max-width:335px;margin:0}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:16px 25px;border:1px solid var(--lime);border-radius:999px;background:var(--lime);color:var(--bg);font-size:14px;font-weight:700;overflow:hidden;transition:background-color .2s,color .2s,border-color .2s}.btn:hover{background:var(--paper);border-color:var(--paper);color:var(--bg)}.btn.secondary{background:transparent;color:var(--paper);border-color:var(--line)}.btn.secondary:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}.arrow{font-size:20px;line-height:1}.textlink{position:relative;padding:8px 0;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:20px}.textlink:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform .25s}.textlink:hover:after{transform:scaleX(1)}.skip{position:fixed;top:-100px;left:10px;background:var(--paper);color:var(--bg);z-index:100;padding:15px}.skip:focus{top:10px}.nav{height:68px;position:fixed;inset:0 0 auto;z-index:50;background:rgba(10,26,42,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{flex:none;width:215px}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{font-size:13px;color:var(--muted);padding:22px 0;white-space:nowrap}.nav-links a:hover{color:var(--paper)}.nav-links a[aria-current],.mobile-links a[aria-current]{color:var(--lime)}.nav .btn{font-size:12px;padding:11px 19px;min-height:39px;white-space:nowrap}.mobile-menu{display:none}.mobile-menu summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:18px;height:10px;border-top:2px solid var(--paper);border-bottom:2px solid var(--paper)}.mobile-menu[open] summary span{height:2px;transform:rotate(45deg);border-bottom:0}.mobile-links{position:absolute;top:68px;left:0;width:100%;padding:18px 28px 24px;background:var(--surface);border-bottom:1px solid var(--line)}.mobile-links a{display:block;padding:12px 0;color:var(--paper)} .hero{position:relative;min-height:100dvh;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:140px 0 90px;background:radial-gradient(ellipse at 6% 5%,rgba(30,78,107,.33),transparent 58%),var(--bg)}.hero-photo{position:absolute;right:0;top:68px;bottom:0;width:52%;z-index:-2;background:url('assets/module-1.webp') center/cover;opacity:.28}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),rgba(10,26,42,.13) 75%),linear-gradient(0deg,var(--bg),transparent 40%)}.hero .wrap{position:relative}.hero h1{font-size:clamp(54px,7.9vw,110px);line-height:.94;max-width:1050px;letter-spacing:-.04em;margin-bottom:31px}.hero h1 span{color:var(--lime)}.hero p{max-width:535px;font-size:18px;margin-bottom:24px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.tags span{font-size:12px;font-weight:500;padding:8px 13px;border:1px solid rgba(244,246,241,.2);border-radius:999px;color:var(--muted)}.actions{display:flex;align-items:center;gap:30px}.hero .btn{min-height:56px;padding:18px 27px}.hero-number{position:absolute;right:0;bottom:2px;font:900 clamp(65px,11vw,152px)/.85 Archivo,sans-serif;letter-spacing:-.06em;color:var(--lime);opacity:.8;user-select:none}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.module{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg)}.module-image{width:100%;aspect-ratio:16/10;flex:none;position:relative;overflow:hidden}.module-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform .6s}.module:hover img{transform:scale(1.035)}.module-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,var(--bg))}.roman{position:absolute;z-index:1;bottom:16px;left:24px;width:90px;height:58px;text-align:left;color:var(--lime);font:900 58px/1 Archivo,sans-serif;letter-spacing:-.05em}.module-body{display:flex;flex-direction:column;flex:1;padding:14px 26px 30px}.module-body>.topic-list{flex:1}.module-body .meta{font-size:12px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:13px;display:block}.module-body h3{min-height:88px}.topic-list{list-style:none;margin:26px 0 0;padding:0}.topic-list li{position:relative;padding:0 0 15px 15px;font-size:14px;line-height:1.55;color:var(--muted)}.topic-list li:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;background:var(--lime);border-radius:50%}.module-bottom{margin:24px 0 0;min-height:56px;line-height:1.5;padding-top:20px;border-top:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--lime)}.stairs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;margin-top:52px}.step{padding:28px 24px;border:1px solid var(--line);border-top:2px solid var(--lime);border-radius:16px;background:var(--surface);min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.step:nth-child(2){min-height:265px}.step:nth-child(3){min-height:310px}.step:nth-child(4){min-height:355px;background:var(--lime);color:var(--bg)}.step-number{font-family:Archivo,sans-serif;font-size:48px;font-weight:900;color:var(--lime);margin-bottom:25px;line-height:1}.step h3{margin-bottom:12px}.step p{margin:0;font-size:14px;line-height:1.65}.step:last-child .step-number,.step:last-child p{color:var(--bg)}.paradigm-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.paradigm-grid h2{margin-bottom:38px}.mind-tools{display:grid;gap:14px}.mind-card{border:1px solid rgba(130,201,30,.65);border-radius:16px;padding:22px 24px}.mind-card h3{font-size:16px;margin-bottom:10px}.mind-card p{font-size:14px;line-height:1.5;margin:0}.countdown{font:900 30px Archivo,sans-serif;color:var(--lime);letter-spacing:.1em}.beliefs{padding-top:20px}.belief{padding:22px 0;border-bottom:1px solid var(--line)}.belief del{display:block;color:var(--muted);text-decoration-color:var(--lime);font-size:15px;margin-bottom:12px}.belief p{font-size:16px;line-height:1.6;color:var(--paper);margin:0}.tools-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.workbook{background:var(--surface);border-radius:16px;overflow:hidden;position:relative}.workbook img{width:100%;aspect-ratio:4/5;object-fit:cover}.tools-grid h2{margin-bottom:28px}.availability{border:1px dashed rgba(130,201,30,.65);border-radius:16px;padding:24px}.availability p{font-size:14px;margin-bottom:10px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px}.result{border-top:1px solid rgba(244,246,241,.2);padding:28px 0 35px}.result strong{display:block;font:900 65px/1 Archivo,sans-serif;color:var(--lime);letter-spacing:-.04em;margin-bottom:17px}.result h3{font-size:18px;margin-bottom:12px}.result p{font-size:14px;margin:0}.plans-head{max-width:800px;margin-bottom:45px}.plans-head h2{margin-bottom:23px}.plans-head p{max-width:670px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.plan{border:1px solid var(--line);background:var(--surface);padding:31px;border-radius:16px;display:flex;flex-direction:column;position:relative}.plan.featured{border:1px solid var(--lime)}.plan-tag{font-size:11px;text-transform:uppercase;letter-spacing:.09em;background:var(--lime);color:var(--bg);font-weight:700;padding:8px 14px;position:absolute;top:-16px;left:24px;border-radius:999px}.plan .plan-index{color:var(--lime);font-size:12px;letter-spacing:.1em;margin-bottom:25px}.plan h3{font-size:25px;min-height:60px}.price{font-family:Archivo,sans-serif;font-weight:700;color:var(--paper);font-size:20px;margin:30px 0 0}.plan .topic-list{margin-bottom:28px;flex:1}.plan .btn{width:100%}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.faq-grid h2{max-width:370px}.faq-list{border-top:1px solid rgba(244,246,241,.2)}.faq-item{border-bottom:1px solid rgba(244,246,241,.2)}.faq-item summary{padding:24px 38px 24px 0;list-style:none;font-size:16px;font-weight:600;position:relative;cursor:pointer;line-height:1.45}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:1px;top:20px;color:var(--lime);font-size:25px;font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-item p{font-size:15px;margin:0;padding:0 35px 25px 0}.contact-head{max-width:780px;margin-bottom:46px}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px}.contact-card{background:var(--surface);padding:35px;border:1px solid var(--line);border-radius:16px;height:fit-content}.whatsapp{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--lime);border-radius:16px;padding:20px;color:var(--lime);margin:4px 0 20px}.whatsapp small{display:block;font-size:12px;margin-bottom:5px}.whatsapp strong{font-size:22px;letter-spacing:-.02em}.footer{padding:58px 0 25px;background:var(--surface);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr 1fr;gap:80px;padding-bottom:50px}.footer-brand{max-width:310px}.footer-brand p{font-size:14px;max-width:270px;margin:0}.footer h3{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.12em;font-weight:600;margin-bottom:21px;color:var(--lime)}.footer-links{display:grid;gap:13px;font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--paper)}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:25px}.to-top{white-space:nowrap}.reveal{transform:translateY(15px);transition:transform .7s ease}.reveal.visible{transform:translateY(0)} @media(min-width:1500px){.hero h1{font-size:116px}.hero{min-height:850px;min-height:100dvh}} @media(max-width:1150px){.nav-links{gap:13px}.nav-links a{font-size:12px}.brand{width:185px}.nav-inner{gap:16px}.wrap{width:calc(100% - 48px)}.hero-number{font-size:95px}.paradigm-grid,.contact-grid{gap:50px}.tools-grid{gap:40px}.head{gap:30px}.module-body{padding:14px 20px 28px}.module-body h3{font-size:22px}.plan{padding:28px 23px}.nav .btn{padding:11px 13px}} @media(max-width:980px){.nav-links,.nav-inner>.btn{display:none}.mobile-menu{display:block}.brand{width:220px}.hero h1{font-size:clamp(58px,10vw,94px)}.hero-number{display:none}.hero-photo{width:65%;opacity:.22}.head{display:block}.head p{max-width:600px;margin-top:24px}.program-grid{gap:14px}.module-body h3{font-size:21px;min-height:88px}.topic-list li{font-size:13px}.stairs{gap:10px}.step{padding:24px 18px}.step h3{font-size:23px}.tools-grid{grid-template-columns:.8fr 1fr;gap:35px}.faq-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.contact-grid{gap:30px}.contact-card{padding:25px}.footer-grid{gap:40px}} @media(max-width:740px){.wrap{width:calc(100% - 40px)}.section{padding:72px 0}.eyebrow{font-size:11px;margin-bottom:20px}.hero{padding:130px 0 70px;min-height:100dvh}.hero h1{font-size:clamp(49px,12.9vw,84px);line-height:.98;margin-bottom:27px}.hero p{font-size:16px;max-width:430px}.hero-photo{width:100%;opacity:.17}.hero-photo:after{background:linear-gradient(90deg,var(--bg),rgba(10,26,42,.35)),linear-gradient(0deg,var(--bg),transparent 70%)}.hero .actions{gap:24px;flex-wrap:wrap}.hero .btn{padding:16px 21px;min-height:52px}.tags{gap:6px;margin-bottom:30px}.tags span{padding:7px 10px;font-size:11px}.head{margin-bottom:33px}h2{font-size:34px;line-height:1.08}.program-grid{grid-template-columns:1fr;gap:25px}.module-body{padding:14px 25px 28px}.module-body h3{font-size:27px;min-height:0;max-width:330px}.topic-list li{font-size:14px}.module-image{max-height:none}.stairs{grid-template-columns:1fr;margin-top:35px;gap:12px}.step,.step:nth-child(2),.step:nth-child(3),.step:nth-child(4){min-height:0;flex-direction:row;align-items:flex-start;gap:25px;padding:25px}.step-number{font-size:38px;margin:0;min-width:52px}.step>div:last-child{flex:1}.step h3{font-size:23px}.paradigm-grid,.tools-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.beliefs{padding-top:0}.tools-grid .book-column{max-width:450px;width:100%;margin:auto}.tools-grid{gap:45px}.results-grid{grid-template-columns:1fr 1fr;column-gap:24px}.result strong{font-size:52px}.result h3{font-size:16px;line-height:1.2}.result p{font-size:13px}.plans-grid{grid-template-columns:1fr;gap:29px}.plan{padding:30px}.plan h3{min-height:0}.price{margin-top:24px}.plan .topic-list{margin-top:22px}.faq-grid h2{max-width:100%}.contact-head{margin-bottom:35px}.contact-card{padding:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:18px}.footer{padding-top:45px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{transform:none}.module:hover img,.btn:hover{transform:none}} @media(max-width:740px){.results-grid{grid-template-columns:1fr}} /* Program footer bands and WhatsApp-only contact. */ .module-body{padding-bottom:0} .module-bottom{background:var(--lime);color:var(--bg);border-top:0;font-weight:700;min-height:64px;display:flex;align-items:center;padding:20px 26px;margin:24px -26px 0} .contact-grid{grid-template-columns:1fr} .contact-whatsapp-only{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:40px} .contact-whatsapp-only .whatsapp{margin:0;padding:32px 26px;min-height:160px} .contact-whatsapp-only .whatsapp strong{display:flex;align-items:center;gap:14px;font-size:clamp(24px,2.8vw,36px);white-space:nowrap} .contact-whatsapp-only .whatsapp small{font-size:14px;margin-bottom:16px} .whatsapp-icon{flex:none;width:32px;height:32px} .footer-whatsapp{display:flex;align-items:center;gap:10px} .footer-whatsapp .whatsapp-icon{width:20px;height:20px} @media(max-width:1150px){.module-body{padding-bottom:0}.module-bottom{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.contact-whatsapp-only{gap:30px;padding:30px}} @media(max-width:740px){.module-body{padding-bottom:0}.module-bottom{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}.contact-whatsapp-only{grid-template-columns:1fr;gap:32px;padding:24px}.contact-whatsapp-only .whatsapp{padding:24px 18px;min-height:130px}.contact-whatsapp-only .whatsapp strong{font-size:24px;gap:10px}.eyebrow .index{font-size:34px}} @media(max-width:480px){.contact-whatsapp-only .whatsapp strong{font-size:clamp(18px,5.2vw,24px)}.contact-whatsapp-only .whatsapp .arrow{display:none}.contact-whatsapp-only .whatsapp-icon{width:28px;height:28px}} /* Updated teaching materials, centered card footers and published prices. */ .module-bottom{justify-content:center;text-align:center;font-size:14px;letter-spacing:.04em;min-height:74px} .module-practice{border-top:1px solid var(--line);padding-top:20px;margin-top:14px;min-height:132px} .module-practice>span{display:block;color:var(--lime);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:9px} .module-practice p{font-size:14px;line-height:1.6;margin:0} .module-image img{filter:none} .workbook img{aspect-ratio:1;object-fit:contain} .workbook-syllabus{margin:30px 0;display:grid;gap:0} .workbook-syllabus>div{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)} .workbook-syllabus>div>span{min-width:45px;color:var(--lime);font:900 34px/1 Archivo,sans-serif} .workbook-syllabus h3{font-size:17px;margin-bottom:8px} .workbook-syllabus p{font-size:14px;line-height:1.6;margin:0} .price{min-height:87px;display:flex;flex-direction:column;gap:8px;justify-content:center} .price .amount{font-size:clamp(28px,2.6vw,36px);line-height:1.15;letter-spacing:-.04em;white-space:nowrap} .price small{font:600 13px/1.4 Inter,sans-serif;letter-spacing:.04em} .plan.featured{background:var(--lime);color:var(--bg)} .plan.featured .plan-index,.plan.featured .price,.plan.featured .topic-list li{color:var(--bg)} .plan.featured .topic-list li:before{background:var(--bg)} .plan.featured .plan-tag{background:var(--bg);color:var(--paper);border:1px solid var(--lime)} .plan.featured .btn{background:var(--bg);border-color:var(--bg);color:var(--paper)} .plan.featured .btn:hover{background:var(--paper);border-color:var(--paper);color:var(--bg)} @media(max-width:740px){.module-bottom{font-size:14px}.module-practice{min-height:0;margin-top:10px;padding-bottom:5px}.price .amount{font-size:36px}.workbook-syllabus h3{font-size:16px}} .plan.featured .btn:focus-visible{outline-color:var(--bg)} /* Transparent workbook composition and aligned footer identity. */ .workbook{background:transparent;border-radius:0;overflow:visible;box-shadow:none} .workbook img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain} .footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:clamp(28px,4vw,64px)} .footer-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;justify-self:center;width:100%;max-width:340px;text-align:center;gap:12px} .footer-brand p{max-width:none;margin:0;font-size:14px;line-height:1.6} .footer-contact-item{display:flex;align-items:flex-start;gap:10px;line-height:1.6;min-width:0} .footer-contact-item>svg,.footer-contact-item>.whatsapp-icon{width:20px;height:20px;flex:0 0 20px;color:var(--lime);margin-top:1px} .footer-contact-item>span{overflow-wrap:anywhere} @media(max-width:740px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-brand{grid-column:1/-1;margin-bottom:8px}} @media(max-width:420px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-grid>div:not(.footer-brand){width:100%}} /* Equal-size image windows keep all three covers and half-height steps exact. */ .workbook-staircase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,1fr);column-gap:2%;aspect-ratio:1.04;isolation:isolate} .workbook-cover{position:relative;overflow:hidden;display:block;min-width:0;grid-row:span 2} .cover-1{grid-column:1;grid-row:1/3}.cover-2{grid-column:2;grid-row:2/4}.cover-3{grid-column:3;grid-row:3/5} .workbook-cover img{position:absolute;max-width:none;object-fit:fill;aspect-ratio:auto} .cover-1 img{width:303.902439%;height:205.032468%;left:-5.365854%;top:-14.285714%} .cover-2 img{width:319.487179%;height:203.709677%;left:-111.282051%;top:-64.193548%} .cover-3 img{width:305.392157%;height:216.267123%;left:-202.450980%;top:-114.383562%} /* Direct WhatsApp invitation with a prominent green action. */ .contact-invitation{font-size:18px;line-height:1.75;margin:0;max-width:580px;color:var(--paper)} .contact-whatsapp-only{grid-template-columns:1.1fr 1fr;gap:48px} .contact-whatsapp-only .whatsapp{background:var(--lime);color:var(--bg);border-color:var(--lime);min-height:140px;transition:background-color .2s,border-color .2s} .contact-whatsapp-only .whatsapp:hover{background:var(--paper);border-color:var(--paper)} .contact-whatsapp-only .whatsapp small{font-weight:600;margin-bottom:12px} @media(max-width:740px){.contact-whatsapp-only{grid-template-columns:1fr;gap:26px}.contact-invitation{font-size:16px}.contact-whatsapp-only .whatsapp{min-height:120px}} /* Section medallions echo the navy frame of the brand symbol. */ .eyebrow .index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 62px;width:62px;height:62px;border-radius:50%;background:#102C46;border:1px solid rgba(130,201,30,.3);color:var(--lime);font-size:34px;line-height:1;letter-spacing:0} .contact-whatsapp-only .whatsapp{position:relative;justify-self:center;display:flex;align-items:center;justify-content:center;width:100%;max-width:330px;min-height:110px;padding:22px 34px;text-align:center;transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s} .contact-whatsapp-only .whatsapp>span:first-child{display:flex;flex-direction:column;align-items:center} .contact-whatsapp-only .whatsapp small{text-align:center;font-size:14px;margin:0 0 10px} .contact-whatsapp-only .whatsapp strong{justify-content:center;font-size:24px;gap:10px} .contact-whatsapp-only .whatsapp-icon{width:28px;height:28px} .contact-whatsapp-only .whatsapp .arrow{position:absolute;right:12px;top:12px;font-size:17px;line-height:1;transition:transform .25s} @media(hover:hover) and (pointer:fine){.contact-whatsapp-only .whatsapp:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.18)}.contact-whatsapp-only .whatsapp:hover .arrow{transform:translate(2px,-2px)}} .contact-whatsapp-only .whatsapp:active{transform:translateY(0);box-shadow:none} @media(max-width:740px){.eyebrow .index{width:52px;height:52px;flex-basis:52px;font-size:29px}.contact-whatsapp-only .whatsapp{max-width:310px;padding:22px 30px}.contact-whatsapp-only .whatsapp .arrow{display:block}} @media(prefers-reduced-motion:reduce){.contact-whatsapp-only .whatsapp,.contact-whatsapp-only .whatsapp .arrow{transition:none}.contact-whatsapp-only .whatsapp:hover,.contact-whatsapp-only .whatsapp:hover .arrow{transform:none}} /* Workbook availability and neutral back-to-top interaction. */ .availability p{font-size:17px;margin:0} .to-top,.to-top:visited{color:var(--muted);transition:color .2s} .to-top:hover,.to-top:focus-visible,.to-top:active{color:var(--paper)} @media(max-width:740px){.availability p{font-size:16px}} /* Clearer section labels, practice panels, and expanded FAQ states. */ .section .eyebrow{font-size:16px;line-height:1.4;letter-spacing:.1em} .eyebrow .index{border-width:5px;border-color:var(--lime)} .module-practice{border:1px dashed rgba(130,201,30,.65);border-radius:16px;padding:24px 18px;min-height:132px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:14px} .module-practice p{text-align:center;margin:0} .footer-contact-item>svg,.footer-contact-item>.whatsapp-icon{display:block;width:20px;height:20px;min-width:20px;max-width:20px;flex:0 0 20px;object-fit:contain} .faq-item{background:var(--bg);transition:background-color .2s,color .2s} .faq-item summary{padding-left:20px;padding-right:52px} .faq-item summary:after{right:20px} .faq-item p{padding-left:20px;padding-right:35px} .faq-item[open]{background:var(--lime);color:var(--bg)} .faq-item[open] summary,.faq-item[open] p,.faq-item[open] summary:after{color:var(--bg)} .faq-item summary:focus-visible{outline-offset:-4px} @media(max-width:740px){.module-practice{min-height:0;padding:24px 18px}.section .eyebrow{font-size:16px;letter-spacing:.07em}} @media(prefers-reduced-motion:reduce){.faq-item{transition:none}} /* Framed 5×5 hero mark and top-aligned methodology content. */ .hero-number{opacity:1;background:rgba(16,44,70,.94);border:1px solid rgba(130,201,30,.65);border-bottom:5px solid var(--lime);border-radius:24px;padding:28px 32px 32px;box-shadow:0 18px 48px rgba(0,0,0,.24);font-size:clamp(80px,9vw,124px);line-height:1;bottom:0} .step{justify-content:flex-start} /* Preserve the ascending methodology cards with the expanded classroom copy. */ @media(min-width:741px){.step{min-height:240px}.step:nth-child(2){min-height:285px}.step:nth-child(3){min-height:330px}.step:nth-child(4){min-height:375px}} /* Program link bullets and the same subtle photo zoom for the workbook group. */ .footer-program-links a{display:flex;align-items:baseline;gap:10px} .footer-program-links a:before{content:'';display:block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--lime);align-self:center} .workbook-staircase{transition:transform .6s;transform-origin:center} .book-column:hover .workbook-staircase{transform:scale(1.035)} @media(prefers-reduced-motion:reduce){.workbook-staircase{transition:none}.book-column:hover .workbook-staircase{transform:none}} /* ========================================================================== PÁGINAS LEGALES — Aviso de Privacidad y Términos y Condiciones Bloque añadido al diseño original. Usa los mismos tokens de :root. ========================================================================== */ /* Enlaces legales del pie (presentes en todas las páginas) */ /* margin-left:auto agrupa los enlaces legales junto a "Volver arriba", a la derecha */ .footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-left:auto} .footer-legal a{color:var(--muted);transition:color .2s} .footer-legal a:hover,.footer-legal a:focus-visible{color:var(--lime)} /* Encabezado de la página legal */ .legal{padding:72px 0 96px} .legal-head{max-width:880px} .legal-head h1{font-size:clamp(34px,5.2vw,64px);line-height:1.02;letter-spacing:-.03em;max-width:none;margin-bottom:22px} .legal-head .lead{max-width:740px;margin:0;color:var(--muted);font-size:17px;line-height:1.65} .legal-meta{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--meta)} .legal-meta strong{color:var(--paper);font-weight:600} /* Índice de contenidos */ /* max-width igual al de .legal-body para que el fondo no sobresalga del texto */ .legal-toc{max-width:880px;margin:48px 0 0;padding:28px 30px;background:var(--surface);border:1px solid var(--line);border-radius:16px} .legal-toc h2{max-width:none;margin-bottom:16px;font-size:12px;letter-spacing:.16em;color:var(--lime)} .legal-toc ol{margin:0;padding-left:20px;font-size:14px;line-height:2.05} .legal-toc a{color:var(--muted)} .legal-toc a:hover,.legal-toc a:focus-visible{color:var(--lime)} /* Cuerpo del documento */ .legal-body{max-width:880px;margin-top:60px} .legal-body section{margin-bottom:54px;scroll-margin-top:96px} .legal-body h2{display:flex;gap:14px;max-width:none;margin-bottom:20px;font-size:clamp(20px,2.2vw,26px);line-height:1.2} .legal-body h2 .n{flex:0 0 auto;color:var(--lime)} .legal-body h3{margin:28px 0 12px;font-size:15px;letter-spacing:.03em} .legal-body p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.75} .legal-body ul{margin:0 0 18px;padding:0;list-style:none} .legal-body li{position:relative;margin-bottom:10px;padding-left:22px;color:var(--muted);font-size:15px;line-height:1.7} .legal-body li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--lime)} .legal-body strong{color:var(--paper);font-weight:600} /* :not(.btn) para no pisar el color ni quitar el estilo del boton de cierre */ .legal-body a:not(.btn){color:var(--lime);text-decoration:underline;text-underline-offset:3px} /* Bloque destacado dentro del texto */ .legal-callout{margin:24px 0;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:12px} .legal-callout p:last-child{margin-bottom:0} @media(max-width:740px){ /* el pie se apila en columna: sin el auto, los enlaces quedan alineados como el resto */ .footer-legal{margin-left:0} .legal{padding:48px 0 72px} .legal-toc{margin-top:36px;padding:22px 20px} .legal-body{margin-top:42px} .legal-body section{margin-bottom:42px} } /* ========================================================================== VENTANA EMERGENTE de los documentos legales El contenido se toma de aviso-de-privacidad.html y terminos-y-condiciones.html, así que reutiliza los estilos .legal-head / .legal-toc / .legal-body de arriba. ========================================================================== */ .legal-modal{width:min(980px,calc(100vw - 48px));max-height:calc(100dvh - 72px);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--paper);overflow:hidden} /* display solo cuando está abierto: el navegador oculta sin [open] */ .legal-modal[open]{display:flex;flex-direction:column} .legal-modal::backdrop{background:rgba(5,14,24,.8)} /* Barra superior con el título y la X */ .legal-modal-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;background:var(--surface);border-bottom:1px solid var(--line)} /* mismo tamaño y altura de línea que .legal-body h2, los encabezados de sección */ .legal-modal-title{margin:0;max-width:none;font-size:clamp(20px,2.2vw,26px);line-height:1.2} /* Círculo lima con la X oscura y un aro exterior separado. El aro se hace con box-shadow, no con outline: el primer reborde usa el color de la barra para abrir el hueco y el segundo dibuja el aro. Así outline queda libre para señalar el foco del teclado, que si no sería invisible. appearance:none evita que iOS Safari imponga su estilo propio de