.landing{--navy:#374655;--navy-deep:#2f3c49;--surface:#2a3540;--input:#2c3a47;--ink:#f0efed;--muted:#9fb0a6;--faint:#7f9088;--line:#f0efed17;--sage:#93a792;--gold:#fbd963;--gold-deep:#bc9618;--risk:#e0574a;--maxw:1080px;background:var(--navy);color:var(--ink);font-family:var(--font-cuerpo), system-ui, sans-serif;width:100%;font-size:17px;line-height:1.6;overflow-x:hidden}.landing h1,.landing h2,.landing h3,.landing .eyebrow,.landing .btn,.landing .brand,.landing .section-label,.landing .chart-head .t,.landing .bocha-name{font-family:var(--font-titulo), system-ui, sans-serif}.landing h1,.landing h2,.landing h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}.landing p{margin:0}.landing a{color:inherit;text-decoration:none}.landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.landing .nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#374655d1;position:sticky;top:0}.landing .nav .wrap{justify-content:space-between;align-items:center;height:66px;display:flex}.landing .nav img{height:26px;display:block}.landing .nav-links{align-items:center;gap:28px;display:flex}.landing .nav-links a.txt{color:var(--muted);font-size:15px;transition:color .18s}.landing .nav-links a.txt:hover{color:var(--ink)}@media (max-width:640px){.landing .nav-links a.txt{display:none}}.landing .btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:11px 20px;font-size:15px;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.landing .btn-primary{background:var(--gold);color:var(--navy)}.landing .btn-primary:hover{background:var(--gold-deep)}.landing .btn-primary .dot{background:var(--navy);border-radius:50%;width:7px;height:7px}.landing .btn-ghost{color:#f0efedd9;background:#f0efed0d;border-color:#f0efed29}.landing .btn-ghost:hover{background:#f0efed1a}.landing .btn-lg{padding:15px 28px;font-size:16px}.landing .hero{position:relative}.landing .hero:before{content:"";z-index:0;background:radial-gradient(120% 90% at 78% -10%, #93a79229, transparent 55%), linear-gradient(180deg, var(--navy-deep), var(--navy) 40%);position:absolute;inset:0}.landing .hero .wrap{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding-top:74px;padding-bottom:84px;display:grid;position:relative}@media (max-width:860px){.landing .hero .wrap{grid-template-columns:1fr;gap:40px;padding-top:52px;padding-bottom:56px}}.landing .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--sage);align-items:center;gap:9px;font-size:12.5px;font-weight:600;display:flex}.landing .eyebrow .dot{background:var(--gold);border-radius:50%;width:7px;height:7px}.landing h1{margin:20px 0 0;font-size:clamp(34px,5.4vw,56px)}.landing h1 .em{color:var(--gold)}.landing .sub{color:var(--muted);max-width:34ch;margin-top:22px;font-size:clamp(17px,2.1vw,20px)}.landing .cta-row{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.landing .microcopy{color:var(--faint);margin-top:16px;font-size:13.5px}.landing .card{background:var(--surface);border:1px solid #f0efed14;border-radius:16px}.landing .chart-card{padding:20px 20px 14px;box-shadow:0 24px 60px -30px #0009}.landing .chart-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.landing .chart-head .t{font-size:14px;font-weight:700}.landing .chart-head .s{color:var(--faint);font-size:12px}.landing .chart{width:100%;height:auto;display:block}.landing .grid{stroke:#f0efed0f;stroke-width:1px}.landing .floor{stroke:var(--gold);stroke-width:1.4px;stroke-dasharray:2 5;opacity:.8}.landing .floortag{fill:var(--gold);font-family:var(--font-cuerpo);opacity:.85;font-size:10px}.landing .band{fill:#93a7922b;stroke:none}.landing .line{fill:none;stroke:var(--sage);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.landing .riskv{stroke:var(--risk);stroke-width:1.2px;stroke-dasharray:2 3;opacity:.55}.landing .riskdot{fill:var(--risk)}.landing .risktag{fill:var(--risk);font-family:var(--font-cuerpo);text-anchor:middle;font-size:10px}.landing .hoy{fill:var(--ink)}.landing .hoytag{fill:var(--ink);font-family:var(--font-cuerpo);opacity:.7;font-size:10.5px}.landing .end{fill:var(--gold);stroke:var(--surface);stroke-width:2px}.landing .ax{fill:var(--faint);font-family:var(--font-cuerpo);text-anchor:middle;font-size:10px}.landing .legend{border-top:1px solid var(--line);flex-wrap:wrap;gap:18px;margin-top:8px;padding-top:12px;display:flex}.landing .legend span{color:var(--muted);align-items:center;gap:7px;font-size:11.5px;display:flex}.landing .legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.landing .line{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.9s .25s forwards viernes-draw}@keyframes viernes-draw{to{stroke-dashoffset:0}}.landing .band,.landing .riskdot,.landing .riskv,.landing .risktag,.landing .end{opacity:0;animation:.8s 1.7s forwards viernes-fadein}@keyframes viernes-fadein{to{opacity:1}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.landing .section{border-top:1px solid var(--line);padding:74px 0;scroll-margin-top:84px}.landing .section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:12.5px;font-weight:600}.landing .section h2{max-width:20ch;margin-top:12px;font-size:clamp(26px,3.6vw,36px)}.landing .lead{color:var(--muted);max-width:52ch;margin-top:14px}.landing .pillars{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;display:grid}@media (max-width:760px){.landing .pillars{grid-template-columns:1fr;gap:16px}}.landing .pillar{padding:26px 24px}.landing .pillar .ic{width:40px;height:40px;color:var(--sage);background:#93a79224;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.landing .pillar h3{font-size:19px;font-weight:700}.landing .pillar p{color:var(--muted);margin-top:9px;font-size:15.5px}.landing .bocha{grid-template-columns:auto 1fr;align-items:center;gap:26px;margin-top:38px;display:grid}@media (max-width:680px){.landing .bocha{grid-template-columns:1fr;gap:20px}}.landing .bocha-av{background:var(--surface);border:1px solid var(--line);object-fit:cover;border-radius:50%;width:96px;height:96px}.landing .bubbles{flex-direction:column;gap:12px;max-width:640px;display:flex}.landing .bubble{border-radius:16px;padding:15px 19px;font-size:16px}.landing .bubble.q{background:var(--input);color:var(--ink);border-bottom-left-radius:5px;align-self:flex-start}.landing .bubble.a{color:var(--ink);background:#93a79224;border:1px solid #93a79238;border-bottom-left-radius:5px;align-self:flex-start}.landing .bubble.a b{color:var(--sage)}.landing .bocha-name{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:700}.landing .two{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}@media (max-width:680px){.landing .two{grid-template-columns:1fr}}.landing .two .col{flex-direction:column;gap:16px;display:flex}.landing .two .block-title{max-width:none;margin-top:0;font-size:clamp(24px,2.8vw,30px)}.landing .two .card{padding:28px 26px}.landing .two ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.landing .two li{color:var(--muted);padding-left:26px;font-size:15.5px;position:relative}.landing .two li:before{font-family:var(--font-cuerpo);position:absolute;top:1px;left:0}.landing .two .is li:before{content:"✓";color:var(--sage);font-weight:700}.landing .two .isnot li:before{content:"–";color:var(--faint)}.landing .final{text-align:center;border-top:1px solid var(--line);padding:88px 0}.landing .final h2{max-width:18ch;margin:0 auto;font-size:clamp(28px,4vw,40px)}.landing .final .sub{max-width:44ch;margin:18px auto 0}.landing .final .cta-row{justify-content:center}.landing .foot{border-top:1px solid var(--line);padding:40px 0 56px}.landing .foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.landing .foot img{opacity:.9;height:22px}.landing .foot-links{flex-wrap:wrap;gap:24px;display:flex}.landing .foot-links a{color:var(--muted);font-size:14px}.landing .foot-links a:hover{color:var(--ink)}.landing .foot .copy{color:var(--faint);width:100%;font-size:13px}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){.landing .line{stroke-dashoffset:0;animation:none}.landing .band,.landing .riskdot,.landing .riskv,.landing .risktag,.landing .end{opacity:1;animation:none}}
