@font-face{font-family:Inter;src:url("fonts/Inter-var-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#0f1730;--mute:#5b6684;--blue:#2447c8;--paper:#eef1f8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.6 Inter,system-ui,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.012em}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,iframe:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
header{height:48px;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100% - 980px)/2));gap:36px;background:rgba(250,250,252,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04)}.logo{font-size:15px;font-weight:700;letter-spacing:-.035em;color:var(--ink);white-space:nowrap}.logo b{font-weight:700}nav{display:flex;gap:36px}nav a{font-size:12px;color:var(--ink);letter-spacing:0}nav a:hover{color:var(--blue);text-decoration:none}
main{max-width:740px;margin:auto;padding:76px 24px 100px}h1{font-size:clamp(38px,6vw,56px);line-height:1.07;letter-spacing:-.03em;font-weight:600;margin:0 0 32px}h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:52px 0 16px}h3{font-size:21px;line-height:1.3;font-weight:600;margin:32px 0 10px}p,li{color:var(--ink)}li{margin:8px 0}.mute,.fecha{color:var(--mute);font-size:14px}.fecha{margin-bottom:32px}
.home{max-width:none;padding:0}.hero{text-align:center;background:var(--paper);padding:86px 24px 76px}.eyebrow{font-size:21px;font-weight:600;margin:0 0 16px}.hero h1{font-size:clamp(48px,7.8vw,88px);max-width:900px;margin:0 auto 24px;line-height:1.03;letter-spacing:-.035em}.hero .lead{font-size:clamp(21px,2.5vw,28px);line-height:1.3;max-width:640px;margin:0 auto 30px}.actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-block;background:#2447c8;border-radius:12px;padding:11px 23px;color:#fff;font-size:17px}.button:hover{background:#1d3aa5;text-decoration:none}.text-link{font-size:19px}.text-link::after{content:" →"}.brand-film{max-width:740px;margin:48px auto 0}.brand-film iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:20px;background:#0e1a3a}.brand-film figcaption{margin:12px 0 0;color:var(--mute);font-size:12px}
.product{text-align:center;padding:90px 24px;background:#fff;border-top:12px solid #fff}.product h2{font-size:clamp(40px,6vw,64px);margin:10px 0 18px;letter-spacing:-.03em}.product .description{font-size:24px;line-height:1.35;max-width:590px;margin:0 auto 28px}.product .mute{margin-top:32px}.score-art{display:flex;justify-content:center;gap:1px;width:min(100%,460px);margin:48px auto 0;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #0000000d;background:#ddd}.score-side{width:50%;padding:28px 20px;background:var(--paper)}.score-side span{display:block;font-size:14px;color:var(--mute)}.score-side strong{font-size:76px;line-height:1.25;font-weight:600;letter-spacing:-.06em}.score-side small{display:block;color:var(--mute);font-size:12px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 12px}.feature{background:var(--paper);text-align:center;padding:64px 30px 70px}.feature h2{font-size:clamp(30px,4vw,42px);margin:0 0 18px;letter-spacing:-.04em}.feature p{max-width:360px;margin:0 auto 24px;font-size:21px;line-height:1.4}.feature .text-link{font-size:17px}
footer{background:var(--paper);padding:30px max(24px,calc((100% - 980px)/2));color:var(--mute);font-size:12px;letter-spacing:0}footer a{color:#2c3557}footer .enlaces{display:flex;gap:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #d5dae8}footer p{color:var(--mute);margin:18px 0 0;font-size:12px}
@media(max-width:600px){header{height:auto;min-height:54px;padding:14px 18px;gap:14px;flex-wrap:wrap}nav{gap:18px;flex-wrap:wrap}nav a{font-size:11px}.hero{padding:62px 20px 48px}.hero h1{font-size:clamp(30px,9vw,48px)}.hero .lead{font-size:21px}.brand-film{margin-top:36px}.brand-film iframe{border-radius:14px}.product{padding:62px 22px}.product .description{font-size:21px}.feature-grid{grid-template-columns:1fr}.feature{padding:52px 24px}main{padding:52px 24px 72px}h2{font-size:25px}footer .enlaces{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;max-width:980px;margin:48px auto 0;text-align:left}
.app-card{display:flex;flex-direction:column;gap:6px;background:var(--paper);border-radius:24px;padding:28px 26px 26px;color:var(--ink);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.app-card:hover{transform:scale(1.015);box-shadow:0 14px 40px #0000001a}
.app-card h3{margin:6px 0 0;font-size:28px;letter-spacing:-.035em}
.app-card p{margin:0;font-size:19px;line-height:1.3}
.app-card small{margin-top:auto;padding-top:14px;color:var(--mute);font-size:13px;line-height:1.4}
.chip{align-self:flex-start;font-size:12px;font-weight:600;color:var(--blue);background:#fff;border-radius:12px;padding:4px 11px}
.card-icon{width:64px;height:64px;border-radius:15px;margin-bottom:10px;box-shadow:0 2px 10px #00000026}
.app-card{align-items:flex-start}
.chip.big{display:inline-block;font-size:15px;padding:8px 18px;background:var(--paper)}
main.app{max-width:none;padding:0 0 100px}
.app-hero{display:flex;gap:36px;align-items:center;padding:72px max(24px,calc((100% - 860px)/2)) 56px;background:var(--paper)}
.app-icon{width:168px;height:168px;border-radius:38px;box-shadow:0 10px 40px #00000026;flex:none}
.app-hero h1{margin:0 0 8px}.app-hero .lead{font-size:24px;margin:0 0 22px;color:var(--ink)}.app-hero .eyebrow{font-size:15px;margin:0 0 8px;color:var(--mute)}
.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.app-body{max-width:740px;margin:0 auto;padding:40px 24px 0}
.lead2{font-size:24px;line-height:1.4;letter-spacing:-.02em}
.shots{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px 24px 8px;margin:0 -24px;max-width:100vw}
.shots figure{margin:0;flex:none;width:210px;scroll-snap-align:center;text-align:center}
.shots img{width:100%;border-radius:26px;border:1px solid #d5dae8;box-shadow:0 8px 28px #0000001a;display:block}
.shots figcaption{font-size:13px;color:var(--mute);margin-top:10px}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.feat{background:var(--paper);border-radius:20px;padding:22px}
.feat h3{margin:0 0 6px;font-size:18px}.feat p{margin:0;font-size:15px;color:#2c3557}
.showcase{background:#fff;text-align:center;padding:90px 24px 70px}
.showcase h2{font-size:clamp(40px,6vw,64px);margin:10px 0 18px;letter-spacing:-.03em}
.showcase .description{font-size:24px;line-height:1.35;max-width:590px;margin:0 auto 28px}
.showcase .actions{justify-content:center}
.home-shots{justify-content:center;max-width:980px;margin:44px auto 0;overflow:visible;flex-wrap:nowrap}
.home-shots figure{width:200px}
@media(max-width:700px){.app-hero{flex-direction:column;align-items:flex-start;gap:24px;padding:48px 22px 40px}.app-icon{width:120px;height:120px;border-radius:27px}.home-shots{justify-content:flex-start;overflow-x:auto}.shots figure{width:180px}.app-hero .lead{font-size:20px}}
/* ---- portada estilo producto ---- */
.hero-dark{position:relative;background:#0e1a3a;color:#fff;overflow:hidden;height:min(100svh - 48px,860px);min-height:520px;display:flex;align-items:flex-end;justify-content:center}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:68%;border:0;pointer-events:none;transform-origin:50% 40%;will-change:transform,opacity}
.hero-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0e1a3a 66%);pointer-events:none}
.hero-copy{position:relative;text-align:center;padding:0 24px 56px;max-width:900px;will-change:transform,opacity}
.hero-copy h1{font-size:clamp(34px,6.4vw,72px);line-height:1.05;letter-spacing:-.03em;font-weight:600;margin:0 0 16px;color:#fff}
.hero-copy .lead{font-size:clamp(18px,2.4vw,24px);margin:0 0 26px;color:#e8ecf7}
.hero-copy .text-link{color:#7ab8ff}
.actions.center{justify-content:center}
.statement{background:#000;color:#eef1f8;text-align:center;padding:120px 24px 110px}
.statement p{font-size:clamp(34px,6vw,72px);line-height:1.08;letter-spacing:-.03em;font-weight:600;margin:0 0 20px;color:#eef1f8}
.statement small{font-size:19px;color:#9aa5c4}
.chapter{background:var(--pbg);color:var(--pfg);text-align:center;padding:96px 24px 80px;border-top:1px solid #ffffff14}
.chapter p,.chapter h2{color:var(--pfg)}
.chapter-in{max-width:1000px;margin:0 auto}
.chapter-icon{width:84px;height:84px;border-radius:20px;box-shadow:0 8px 30px #0006;margin-bottom:22px}
.chapter .eyebrow{font-size:17px;color:var(--pac);margin:0 0 6px}
.chapter h2{font-size:clamp(44px,8vw,96px);letter-spacing:-.035em;line-height:1;margin:0 0 14px}
.chapter-tag{font-size:clamp(20px,3vw,28px);line-height:1.3;max-width:640px;margin:0 auto 26px;opacity:.9}
.chapter .actions,.gadget .actions,.band .actions{justify-content:center}
.chapter .text-link,.gadget .text-link{color:var(--pac,#7ab8ff)}
.chapter .button{background:var(--pac);color:#111}
.art-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:44px 8px 10px;justify-content:flex-start}
.art-strip figure{flex:none;width:190px;margin:0;scroll-snap-align:center;text-align:center}
.art-strip img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 12px 18px #0003)}
.art-strip figcaption{font-size:13px;opacity:.7;margin-top:10px}
@media(min-width:1000px){.art-strip{justify-content:safe center}}
.art-strip.light figcaption{color:var(--mute);opacity:1}
.panel-shots{justify-content:center;padding:44px 0 0;margin:0;max-width:none}
.panel-shots figure{width:210px}
.panel-shots img{border-color:#ffffff33}
.viz-wrap{margin:44px auto 0;max-width:460px}
.viz{width:100%;height:auto;display:block}
.viz-note{font-size:12px;opacity:.6;margin:8px 0 0}
.ecg-line{stroke-dasharray:640;stroke-dashoffset:640;animation:ecg 3.2s linear infinite}
@keyframes ecg{0%{stroke-dashoffset:640}70%,100%{stroke-dashoffset:0}}
.viz-wrap.on-dark{background:var(--pbg);color:var(--pfg);border-radius:28px;padding:32px 28px 22px;max-width:none}
.viz-wrap.on-dark .viz{max-width:460px;margin:0 auto}
.viz-wrap.on-dark .viz-note{text-align:center;color:var(--pfg)}
.gadget{background:linear-gradient(135deg,#2a0f16,#12060a);color:#fff;text-align:center;padding:100px 24px;--pac:#ff7a7f}
.gadget h2{font-size:clamp(36px,6vw,72px);letter-spacing:-.03em;line-height:1.05;margin:6px 0 16px;color:#fff}
.gadget .eyebrow{color:#ff7a7f;font-size:17px}
.gadget .chapter-tag{color:#e9d6d8}
.gadget .button{background:#ff5a5f;color:#fff}
.band{background:var(--paper);text-align:center;padding:90px 24px}
.band.alt{background:#fff}
.band-in{max-width:700px;margin:0 auto}
.band h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;margin:0 0 14px}
.band p{font-size:19px;color:#2c3557}
.band .mute{font-size:14px;color:var(--mute)}
.button.ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.opinion{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.gadget-card{background:linear-gradient(135deg,#2a0f16,#12060a);color:#fff;border-radius:24px;padding:30px}
.gadget-card h3{color:#fff;margin:4px 0 8px}.gadget-card p{color:#e9d6d8}.gadget-card .eyebrow{color:#ff7a7f;font-size:14px;margin:0}
.gadget-card .button{background:#ff5a5f;color:#fff;margin-top:6px}
/* motion */
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.ecg-line{animation:none;stroke-dashoffset:0}}
/* fichas */
.app-hero{background:var(--pbg);color:var(--pfg);padding:72px 24px 60px}
.app-hero-in{max-width:860px;margin:0 auto;display:flex;gap:36px;align-items:center}
.app-hero h1{color:var(--pfg);margin:0 0 8px}.app-hero .lead{color:var(--pfg);opacity:.9}.app-hero .eyebrow{color:var(--pac)}
.app-hero .text-link{color:var(--pac)}.app-hero .button{background:var(--pac);color:#111}
.app-hero .chip.big{background:#ffffff22;color:var(--pfg)}
@media(max-width:700px){.app-hero-in{flex-direction:column;align-items:flex-start;gap:22px}.hero-dark{min-height:460px}.chapter{padding:70px 20px 56px}.statement{padding:84px 22px 76px}}
/* sugerencias */
.sug{display:grid;gap:8px;max-width:560px}
.sug label{font-weight:600;margin-top:12px}
.sug select,.sug textarea,.sug input{font:inherit;padding:12px 14px;border:1px solid #d5dae8;border-radius:12px;background:#fff;color:var(--ink);width:100%}
.sug textarea{resize:vertical}
.sug .button{justify-self:start;margin-top:14px;border:0;cursor:pointer}

/* ---- identidad propia: marino y dorado de Novajota ---- */
header{background:#0e1a3a;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #ffffff1a;height:56px}
.logo,.logo b{color:#fff;font-weight:800;letter-spacing:.12em;font-size:14px}.logo b{color:#f5b53d}
nav a{color:#dfe5f7;font-size:14px}nav a:hover{color:#f5b53d}
h1,h2,.statement p,.chapter h2,.hero-copy h1{font-weight:700}
.statement{background:#0a1228}
.hero-copy .button{background:#f5b53d;color:#0e1a3a}.hero-copy .text-link{color:#f5b53d}
.band .button,.opinion .button:not(.ghost),.sug .button:not(.ghost){background:#0e1a3a;color:#fff}
.band .button:hover{background:#16285a}
.button{font-weight:600}
.legal{font-size:11px;line-height:1.5;color:var(--mute);max-width:820px;margin:14px 0 0}
html{scroll-padding-top:80px}

/* ================= versión redonda y con ambiente ================= */
:root{--r:32px;--soft:0 18px 50px -18px #0f173055}
/* cabecera flotante y redonda */
header{position:sticky;top:12px;height:56px;margin:12px auto 0;width:min(1040px,calc(100% - 24px));border-radius:28px;padding:0 24px;background:#0e1a3acc;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid #ffffff22;box-shadow:0 10px 40px -12px #00000066}
body{background:#0e1a3a}
main:not(.home):not(.app):not(.jugar){background:#fff;border-radius:36px;margin:18px auto 24px;max-width:780px;padding:56px 40px 70px;box-shadow:var(--soft)}
@media(max-width:700px){main:not(.home):not(.app):not(.jugar){margin:12px;padding:36px 22px 48px;border-radius:28px}header{width:calc(100% - 16px);margin-top:8px;border-radius:22px;padding:0 16px}nav{gap:14px}}
.home,main.app,main.jugar{background:transparent}
footer{background:#0a1228;color:#9aa5c4;border-radius:36px 36px 0 0;margin-top:0;padding-top:36px}
footer a{color:#dfe5f7}footer .enlaces{border-bottom-color:#ffffff22}footer p,.legal{color:#9aa5c4}
/* botones y tarjetas redondos */
.button{border-radius:999px;padding:13px 26px;box-shadow:0 10px 24px -10px #00000066;transition:transform .25s ease,box-shadow .25s ease,background .25s}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px #00000077;text-decoration:none}
.button.disabled{opacity:.6;cursor:default;background:#ffffff26!important;color:#fff!important;box-shadow:none}
.button.ghost{box-shadow:inset 0 0 0 1.5px var(--blue)}
.feat,.gadget-card,.rank-card,.feature{border-radius:28px}
.app-card,.jcard{border-radius:32px}
.chip{border-radius:999px}
.shots img,.panel-shots img{border-radius:34px}
/* capítulos: hojas apiladas que se solapan, con ambiente */
.chapter{position:relative;margin-top:-44px;border-radius:52px 52px 0 0;border-top:0;padding-top:120px;padding-bottom:110px;overflow:hidden;isolation:isolate}
.chapter:first-of-type{margin-top:0}
.statement{border-radius:0 0 52px 52px;position:relative;z-index:1;padding-bottom:140px}
.chapter-in{position:relative;z-index:2}
.chapter::before,.chapter::after,.app-hero::before,.app-hero::after{content:"";position:absolute;pointer-events:none;z-index:0}
.chapter-icon{border-radius:26px}
/* ESPACIO: noche con estrellas y nebulosa */
[data-mood=espacio]{background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 90%,transparent),radial-gradient(1px 1px at 78% 12%,#fff 90%,transparent),radial-gradient(1.6px 1.6px at 62% 34%,#fff9 90%,transparent),radial-gradient(1px 1px at 30% 62%,#fff 90%,transparent),radial-gradient(1.4px 1.4px at 88% 70%,#fffb 90%,transparent),radial-gradient(1px 1px at 8% 84%,#fff9 90%,transparent),radial-gradient(1.2px 1.2px at 48% 90%,#fff 90%,transparent),radial-gradient(60% 50% at 80% 0%,#6b5bff33,transparent),radial-gradient(50% 50% at 10% 100%,#18b8ff2b,transparent)}
.chapter[data-mood=espacio],.app-hero[data-mood=espacio],.jhero[data-mood=espacio]{background-color:var(--pbg,#0b1130)}
.jhero[data-mood=espacio]{--pbg:#0b1130;--pfg:#fff;--pac:#9db7ff}
/* HOGAR: luz cálida y suave, tapete */
.chapter[data-mood=hogar]::before,.app-hero[data-mood=hogar]::before{width:620px;height:620px;left:50%;top:-200px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#ffd98a40,transparent 62%)}
.chapter[data-mood=hogar]::after,.app-hero[data-mood=hogar]::after{width:380px;height:380px;right:-120px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,#ff9d6a30,transparent 65%)}
/* TIERRA: colinas, hojas y barro suave */
.chapter[data-mood=tierra]::after{left:-5%;right:-5%;bottom:-2px;height:150px;background:radial-gradient(120% 100% at 20% 100%,#00000026 0 48%,transparent 49%),radial-gradient(110% 100% at 85% 100%,#00000018 0 52%,transparent 53%)}
.chapter[data-mood=tierra]::before{width:460px;height:460px;left:-140px;top:-120px;border-radius:44% 56% 62% 38%/48% 40% 60% 52%;background:radial-gradient(circle,#ffffff24,transparent 66%)}
.app-hero[data-mood=tierra]::before{width:520px;height:520px;right:-140px;top:-160px;border-radius:44% 56% 62% 38%/48% 40% 60% 52%;background:radial-gradient(circle,#ffffff28,transparent 66%)}
.art-strip img{filter:drop-shadow(0 18px 20px #0000002e)}
.art-strip figure{background:radial-gradient(circle at 50% 42%,#ffffff2e,transparent 66%);border-radius:50%;padding:14px 6px 10px}
.art-strip.light figure{background:radial-gradient(circle at 50% 42%,#eef1f8,transparent 68%)}
.viz-wrap.on-dark{border-radius:36px}
/* apps: hero con forma */
.app-hero{position:relative;overflow:hidden;border-radius:0 0 56px 56px;padding-top:80px;padding-bottom:72px;margin-top:-68px;padding-top:140px}
.app-hero-in{position:relative;z-index:2}
.app-icon{border-radius:42px}
main.app{background:transparent}
.app-body{background:#fff;border-radius:44px;max-width:820px;margin:-28px auto 24px;padding:56px 40px 56px;position:relative;z-index:3;box-shadow:var(--soft)}
@media(max-width:700px){.app-body{border-radius:32px;padding:36px 20px 40px;margin:-24px 10px 16px}}
.gadget{border-radius:52px;margin:-44px 0 0;position:relative;padding-top:130px;padding-bottom:110px}
.band{border-radius:52px 52px 0 0;margin-top:-44px;position:relative;padding-top:100px}
.band.alt{border-radius:52px 52px 0 0}
.feature-grid{background:var(--paper);margin-top:-44px;border-radius:52px 52px 0 0;padding:70px 14px 40px}
.feature{background:#fff}
/* portada */
.hero-dark{margin-top:-68px;border-radius:0 0 56px 56px;height:min(100svh,880px)}
.hero-fade{background:linear-gradient(180deg,transparent 40%,#0e1a3a 68%)}
.statement{margin-top:-52px;padding-top:130px}
.statement,.chapter,.gadget,.band,.feature-grid{transition:none}
/* transiciones suaves al entrar */
.js .reveal{transform:translateY(40px) scale(.985);filter:blur(6px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease}
.js .reveal.in{filter:none}
.chapter-icon,.art-strip figure,.shots figure{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.art-strip figure:hover,.shots figure:hover{transform:translateY(-8px) rotate(-1.2deg)}
@keyframes flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.chapter-icon{animation:flota 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.chapter-icon{animation:none}.js .reveal{filter:none}}
/* jugar */
main.jugar{padding:0}
.jhero{position:relative;overflow:hidden;border-radius:0 0 56px 56px;margin-top:-68px;padding:150px 24px 90px;color:#fff;text-align:center}
.jhero h1{color:#fff;margin:0 0 16px;font-size:clamp(40px,7vw,76px)}.jhero .eyebrow{color:#9db7ff}.jhero .lead{max-width:560px;margin:0 auto;color:#dfe5f7}
.jgrid-wrap{background:#fff;border-radius:44px;max-width:900px;margin:-30px auto 24px;padding:44px 30px 36px;position:relative;box-shadow:var(--soft)}
.jgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.jcard{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--paper);padding:28px;color:var(--ink);transition:transform .3s,box-shadow .3s}
.jcard:hover{transform:translateY(-4px);box-shadow:var(--soft);text-decoration:none}
.jcard h3{margin:6px 0 0;font-size:26px}.jcard p{margin:0}.jcard small{color:var(--mute);margin-top:8px}
.center{text-align:center}
.rank-card{background:var(--paper);padding:20px;border-radius:28px;overflow-x:auto}
.rank-box table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.rank-box th,.rank-box td{padding:10px 12px;text-align:left;border-bottom:1px solid #d5dae8}
.rank-box th{font-size:13px;color:var(--mute)}
.rank-st{margin:0;padding:34px 12px;text-align:center;color:var(--mute)}
.hero-dark{height:max(680px,min(100svh,880px))}
.hero-bg{height:62%}
.idiomas{display:flex;flex-wrap:wrap;gap:6px 16px;padding:16px 0 4px;font-size:13px}
.idiomas a{color:#9aa5c4}.idiomas a[aria-current]{color:#f5b53d;font-weight:600}