/* Landing basada en la maqueta de la titular, octubre 2026. */
.landing-view{--landing-navy:#103654;--landing-orange:#ed851b;background:#f0f0ef!important}
.landing-view>header{display:none}.landing-view #app{max-width:none;padding:0;margin:0;min-height:0}
.landing-view .landing-hero{position:relative;isolation:isolate;min-height:620px;height:min(56.25vw,850px);display:grid;place-items:center;text-align:center;padding:100px 24px 50px;background:#1e3a4c;overflow:hidden}
.landing-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.landing-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#091f3038,#081d3266 40%,#081d3299);z-index:-1}
.landing-nav{position:absolute;top:28px;right:4%;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.landing-view .landing-nav a{background:#ffffffed;color:#103654;border-radius:6px;padding:10px 16px;text-decoration:none;font-size:14px;font-weight:650}
.hero-copy{max-width:900px;margin-top:70px}.landing-view .hero-copy h1{color:white;font-size:clamp(48px,5.7vw,80px);letter-spacing:-2px;margin:0 0 16px;text-shadow:0 2px 12px #061b3066}.hero-copy h1 span{color:#ff9d36}
.landing-view .hero-copy p{color:#ffd09c;font-size:clamp(17px,2vw,26px);line-height:1.5;text-transform:uppercase;letter-spacing:1.6px;margin:0 0 28px;font-weight:650;text-shadow:0 2px 8px #061b30}
body.landing-view .hero-cta{background:#103654;color:#fff;border:1px solid #ffffff66;border-radius:4px;min-width:190px;padding:16px 26px;text-transform:uppercase;font-size:14px;letter-spacing:1px}
.landing-about{display:grid;grid-template-columns:1fr 1fr;min-height:440px;max-width:1366px;margin:auto;align-items:stretch}
.about-logo{background:white;display:grid;place-items:center;overflow:hidden;min-height:320px}.about-logo img{width:100%;max-width:580px;height:100%;max-height:440px;object-fit:cover}
.about-copy{padding:70px 64px;align-self:center}.landing-view .about-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.2;max-width:430px;margin-top:0}.landing-view .about-copy p{font-size:18px;color:#97500d;line-height:1.75;max-width:480px;margin-bottom:0}
.landing-steps{padding:76px 40px 88px;max-width:1280px;margin:auto}.landing-steps>h2{font-size:clamp(27px,3vw,38px);margin:0 0 36px;letter-spacing:-.8px}.landing-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.landing-step{background:white;min-width:0;overflow:hidden}.step-photo{aspect-ratio:1.6;overflow:hidden;position:relative;background:#eee}.step-photo img{position:absolute;max-width:none}
/* Encadre de las fotos dentro de los márgenes de las exportaciones de Canva. */
.photo-know img{width:196%;left:-40.8%;top:-16%}.photo-explore img{width:161.2%;left:-26%;top:-18%}.photo-project img{width:124.6%;left:-12.3%;top:-10.2%}
.step-copy{padding:25px 28px 30px}.landing-view .step-copy h3{font-size:20px;margin:0 0 18px}.step-copy strong{display:block;color:#97500d;font-size:17px;margin-bottom:8px}.landing-view .step-copy p{color:#506577;margin:0;line-height:1.65}
.landing-access{display:grid;grid-template-columns:1fr 1fr;max-width:1366px;margin:auto;background:#e9eef2}
.community-photo{position:relative;overflow:hidden;min-height:650px;background:#103654}.community-photo img{height:100%;width:auto;max-width:none;position:absolute;left:50%;transform:translateX(-47%)}
.landing-view .landing-access .entry-card{padding:48px 56px;background:transparent;border:0;border-radius:0;box-shadow:none;align-self:center;min-width:0}
.entry-kicker{display:flex;align-items:center;gap:16px;margin-bottom:18px}.entry-kicker img{width:82px;height:82px;object-fit:contain}.entry-kicker span{font-size:18px;color:#103654}.landing-view .landing-access h2{font-size:clamp(30px,3vw,42px);color:#a64f00;margin:0 0 18px}.landing-view .landing-access p{font-size:17px;line-height:1.65}.landing-access #login{margin-top:14px}.landing-access .purchase-entry{margin-top:26px;padding-top:22px}.landing-access .purchase-entry p{font-size:14px}.landing-access .purchase-entry h3{font-size:19px}.landing-access .purchase-entry .hint{font-size:12px}
.landing-closing{background:#103654;text-align:center;padding:60px 30px 66px}.landing-closing img{width:125px;height:125px;object-fit:contain;margin-bottom:28px}.landing-view .landing-closing p{color:#f0f5fa;font-size:clamp(18px,2vw,24px);line-height:1.7;max-width:940px;margin:0 auto}.landing-view .landing-closing .closing-note{font-size:14px;color:#ccdae6;max-width:800px;margin-top:26px}
.landing-view>footer{max-width:none;background:#0b2b44;border-color:#31516a;color:#cfdeea;padding:24px max(24px,calc((100vw - 1200px)/2))}.landing-view>footer a{color:#fff}
.landing-view #tu-espacio{scroll-margin-top:20px}
@media(min-width:1500px){.landing-about,.landing-access{max-width:none;grid-template-columns:1fr 1fr}.about-copy,.landing-access .entry-card{max-width:680px}.about-logo img{max-width:630px}}
@media(max-width:850px){.landing-view .landing-hero{min-height:530px}.landing-nav{top:18px}.landing-nav a{font-size:12px!important;padding:9px 12px!important}.about-copy{padding:42px 28px}.landing-steps{padding:48px 24px}.landing-step-grid{gap:16px}.step-copy{padding:20px 16px}.landing-view .landing-access .entry-card{padding:30px}.community-photo{min-height:650px}}
@media(max-width:620px){.landing-view .landing-hero{height:auto;min-height:660px;padding:170px 22px 45px;align-items:end}.landing-hero-photo{object-position:64% center}.landing-hero:after{background:linear-gradient(180deg,#0b26302b,#0b263080 45%,#071e32e8)}.landing-nav{left:16px;right:16px;justify-content:center;top:18px}.hero-copy{margin-top:0}.landing-view .hero-copy h1{font-size:52px}.landing-view .hero-copy p{font-size:17px;max-width:320px}.hero-cta{width:auto}.landing-about{grid-template-columns:1fr;min-height:0}.about-logo{min-height:0;height:235px}.about-logo img{width:100%;max-width:390px;height:390px;max-height:none;align-self:center}.about-copy{padding:36px 26px 42px}.landing-step-grid{grid-template-columns:1fr;gap:28px}.landing-steps{padding:38px 22px 46px}.landing-steps>h2{font-size:29px;margin-bottom:28px}.step-copy{padding:24px}.landing-access{grid-template-columns:1fr}.community-photo{min-height:0;height:340px}.community-photo img{height:auto;width:235%;top:-10px;left:50%;transform:translateX(-47%)}.landing-view .landing-access .entry-card{padding:34px 26px 40px}.landing-closing{padding:40px 24px}.landing-closing img{width:96px;height:96px;margin-bottom:20px}.landing-view>footer{padding:24px;gap:12px}.landing-view .hero-cta{width:100%}}
@media(prefers-reduced-motion:no-preference){html:has(.landing-view){scroll-behavior:smooth}}
body.landing-view .hero-copy h1{color:#fff}
body.landing-view .landing-access h2{color:#a64f00}
body.landing-view>footer a{color:#fff}
.step-photo img{height:auto}
.photo-project img{width:155%;left:-27.5%;top:-17%}
body.landing-view:not(.report-view)>footer a{color:#fff}
.about-logo{position:relative}
@media(max-width:620px){.about-logo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-know img{top:-38%}.photo-explore img{top:-27%}.photo-project img{top:-13%}}
/* October 23: clear entry, integrated logo and restrained editorial layout. */
.landing-view{background:#f7f8f8!important}.landing-view .landing-hero{min-height:610px;height:72vh;max-height:800px;text-align:left;place-items:center start;padding:120px max(28px,calc((100vw - 1160px)/2)) 70px}.landing-hero:after{background:linear-gradient(90deg,#082b43ed,#082b4380 60%,#082b4320)}.hero-copy{margin:0;max-width:660px}.landing-view .hero-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.landing-view .hero-copy p{font-size:20px;line-height:1.65;letter-spacing:0;text-transform:none;color:#f1f5f8;max-width:510px}.hero-eyebrow{color:#ffca8b;font-size:14px;font-weight:700;letter-spacing:1px}.landing-nav{align-items:center}.landing-nav button{margin:0;padding:10px 16px;font-size:14px;background:white}.landing-about{min-height:0;padding:45px 24px;max-width:1160px;grid-template-columns:.8fr 1.2fr;gap:35px}.about-logo{background:transparent;min-height:0}.about-logo img{mix-blend-mode:multiply;object-fit:contain;width:100%;max-height:330px}.about-copy{padding:35px 15px}.landing-view .about-copy p{font-size:17px;color:#506577}.landing-steps{padding:45px 24px 70px;max-width:1160px}.landing-step{border:1px solid #dce5eb;border-radius:18px}.step-copy{padding:28px}.step-number{display:block;color:#ac570c;font-size:30px;font-weight:700;margin-bottom:22px}.landing-view .step-copy h3{font-size:23px}.landing-access{max-width:1160px;margin:0 auto 60px;border-radius:24px;grid-template-columns:1fr 1fr;background:#edf3f6;overflow:hidden}.access-copy{padding:48px}.landing-view .access-copy h2{color:#073858;font-size:42px;margin-top:15px}.access-copy li{margin:12px 0;font-size:16px}.access-copy ul{padding-left:20px}.landing-view .landing-access .entry-card{padding:40px}.landing-access #buy-evaluation{width:100%;font-size:19px;border-radius:12px}.landing-view .landing-access .launch-price{font-size:14px;text-align:center;line-height:1.6;margin:12px 0 26px}.launch-price span{display:block}.entry-secondary{display:flex;gap:12px}.entry-secondary button{flex:1;margin:0!important;font-size:16px}.landing-view .landing-access .entry-note{font-size:13px;font-style:italic;color:#506577;line-height:1.6;margin-top:18px}.landing-view .landing-access .institution-contact{font-size:14px;margin-top:25px}.landing-closing{padding:36px 24px}.landing-closing p{font-size:22px!important}.landing-closing .closing-note{font-size:13px!important}.landing-closing img{display:none}
@media(max-width:650px){.landing-view .landing-hero{height:auto;min-height:600px;padding:140px 24px 60px}.landing-nav{left:12px;right:12px;gap:6px}.landing-nav button{font-size:12px;padding:9px 12px}.landing-view .hero-copy h1{font-size:44px}.landing-view .hero-copy p{font-size:17px}.landing-about{grid-template-columns:1fr;gap:0;padding:20px 24px}.about-logo{height:190px}.about-logo img{position:static;transform:none;width:240px;height:240px;max-height:240px}.about-copy{padding:20px 0}.landing-steps{padding:35px 24px}.landing-access{margin:0 16px 35px;grid-template-columns:1fr}.access-copy{padding:28px 24px 8px}.landing-view .landing-access .entry-card{padding:20px 24px 30px}.entry-secondary{flex-direction:column}.landing-view .access-copy h2{font-size:34px}}

/* October 26: complete sections, accessible menu, content can grow. */
.landing-view #app>section{box-sizing:border-box;min-height:100svh;height:auto;max-height:none;margin-block:0;scroll-margin-top:0}
.landing-view .landing-hero{min-height:100svh;height:auto;max-height:none}
.landing-view .landing-about,.landing-view .landing-access{align-content:center;align-items:center;padding-block:64px}
.landing-view .landing-steps,.landing-delivery{display:flex;flex-direction:column;justify-content:center;padding:64px 24px;max-width:1160px;margin:auto}
.landing-delivery h2{font-size:clamp(28px,3vw,42px);margin:12px 0 36px}
.landing-view .about-copy h2{max-width:none;font-size:clamp(28px,3vw,42px)}
.landing-view .about-copy p{max-width:none}.landing-view .landing-closing{display:flex;flex-direction:column;justify-content:center;gap:24px}
.landing-menu{position:relative;min-width:0}.landing-menu summary{cursor:pointer;background:white;color:#103654;padding:10px 16px;border-radius:8px;font-size:14px;line-height:24px;font-weight:600;list-style:none}
.landing-menu>div{position:absolute;right:0;top:calc(100% + 8px);width:240px;display:flex;flex-direction:column;padding:10px;background:white;border:1px solid #dce5eb;border-radius:12px;box-shadow:0 10px 35px #082b4333}
.landing-nav{z-index:5}.landing-menu a,.landing-menu button{text-align:left}.landing-menu summary:focus-visible{outline:3px solid #ed851b;outline-offset:3px}
.landing-view .landing-closing .eyebrow{color:#ffca8b}.landing-view .landing-access{border-radius:0}
@media(max-width:650px){.landing-view #app>section{padding-block:48px}.landing-view .landing-hero{padding-top:125px}.landing-view .landing-about{padding-inline:24px}.landing-view .landing-nav{left:auto;right:18px}.landing-view .landing-access{margin:0}.landing-view .landing-step-grid{grid-template-columns:1fr}.landing-view .about-logo img{height:190px}.landing-view .landing-closing{padding-inline:24px}}

.landing-menu summary::-webkit-details-marker{display:none}.landing-menu summary::marker{content:""}