/* V25 — dirección visual editorial, aplicada sin alterar la funcionalidad */
:root{--bg:#050f20;--bg2:#091e35;--panel:#102941;--panel2:#17354f;--text:#f6f2e9;--muted:#bbcad5;--line:rgba(195,215,226,.17);--gold:#e8ba62;--gold2:#cc8e3b;--cyan:#7bcfc9;--blue:#5b95ba;--radius:17px;--max:1320px}
html{scroll-padding-top:94px}
body{background:radial-gradient(ellipse at 79% 0%,rgba(44,86,112,.22),transparent 42%),linear-gradient(180deg,#071527 0%,#061524 43%,#0a1824 100%);color:var(--text)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.13;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 119px,rgba(204,225,230,.12) 120px);mask-image:linear-gradient(180deg,#000,transparent 72%)}
main,footer,.topbar{position:relative}
.topbar{border-radius:12px;border-color:rgba(227,201,150,.27);background:rgba(5,18,32,.95);box-shadow:0 8px 36px rgba(0,0,0,.26);padding:10px 19px;gap:20px}
.brand img{width:54px;height:54px}.brand strong{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;letter-spacing:-.02em}.brand span{color:#e4ba74}
.nav{gap:16px}.nav a,.nav-login{font-weight:650;letter-spacing:.006em}.nav-cta{background:linear-gradient(145deg,#efd28b,#d8a045)!important;color:#13202a!important;border-radius:8px!important;box-shadow:0 7px 20px rgba(189,122,44,.15)}
.section{scroll-margin-top:96px;border-bottom:1px solid rgba(220,220,200,.065)}
.hero{position:relative;isolation:isolate;border-bottom:1px solid rgba(227,191,122,.21);background:radial-gradient(ellipse at 80% 50%,rgba(38,99,112,.23),transparent 52%)}
.hero::before{content:"";position:absolute;inset:15px 18px;z-index:-1;border:1px solid rgba(233,202,143,.09);border-radius:16px;pointer-events:none}
.eyebrow{color:#e1b669;letter-spacing:.18em;font-size:.68rem}
.hero h1,.section-title h2,.community-copy h2,.game-info h3,.cta-panel h2{font-family:Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:-.035em}
.hero h1{line-height:1.05;font-size:clamp(3rem,5.5vw,5.2rem)}
.hero h1 span{background:linear-gradient(130deg,#fff0c8,#e2ac55 75%);-webkit-background-clip:text;background-clip:text}
.hero-lead{max-width:610px;font-size:1.04rem;line-height:1.7;color:#c9d3db}
.btn{border-radius:8px;box-shadow:none;transition:transform .2s,border-color .2s,background .2s}
.btn.primary{background:linear-gradient(115deg,#edd18e,#dba64e);color:#182333;box-shadow:0 7px 25px rgba(221,160,74,.11)}
.btn.secondary{border-color:rgba(162,196,197,.4);background:rgba(114,158,175,.07)}
.metric-strip{border-radius:10px;background:rgba(2,15,27,.4);border-color:rgba(229,201,148,.2)}
.metric-strip strong{color:#e8c487;font-family:Georgia,serif;font-size:1.65rem}
.section-title{max-width:880px}.section-title h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.1}.section-title p{max-width:690px;line-height:1.6}
.section-title::after{content:"";display:block;width:60px;height:2px;background:linear-gradient(90deg,#e7bd72,transparent);margin-top:13px}
.games-section{position:relative}.games-section::before,.aula-section::before,.social-section::before{content:"";position:absolute;left:32px;top:8px;width:110px;height:1px;background:linear-gradient(90deg,#b98a42,transparent)}
.game-showcase{border-radius:14px;box-shadow:0 22px 48px rgba(0,0,0,.19);background:linear-gradient(140deg,#172f42,#091d31);border-color:rgba(205,176,123,.25)}
.game-image{min-height:390px}.game-info h3{font-size:clamp(1.8rem,2.7vw,2.5rem);line-height:1.14}
.module-card,.screen-card,.visual-card,.resource-card,.news-card,.quiz-card,.activity-menu,.media-list,.community-shell,.steps article{border-radius:11px;background:linear-gradient(145deg,rgba(17,44,63,.84),rgba(8,26,44,.9));border-color:rgba(165,200,213,.18);box-shadow:0 5px 25px rgba(0,0,0,.1)}
.module-card{min-height:128px}.module-card.featured{background:linear-gradient(125deg,rgba(31,78,97,.92),rgba(10,43,59,.96));border-color:rgba(220,184,119,.43)}
.module-card:hover,.visual-card:hover,.resource-card:hover,.news-card:hover{border-color:rgba(227,188,114,.57);box-shadow:0 17px 40px rgba(0,0,0,.24)}
.module-icon{border:1px solid rgba(231,199,134,.15);background:rgba(225,180,91,.075);border-radius:9px}
.module-card small,.resource-card small,.news-label{color:#e6bb72}.module-card>b,.resource-card a,.resource-card button{color:#8bdad1}
.step article>span,.steps article>span{background:linear-gradient(135deg,#235f75,#397c83);border-radius:7px}
.game-info,.quiz-card,.resource-card,.news-card{color:#f4f0e8}
.tag-list span,.feature-pills span{border-radius:5px}
.live-badge{border-radius:5px;color:#e4f0e6}
.cta-panel{border-radius:13px;background:linear-gradient(130deg,#18374b,#102438);border-color:rgba(231,192,111,.34)}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #efd28c;outline-offset:3px}
@media(max-width:1040px){.topbar{border-radius:10px}.nav{gap:8px}.nav.open{background:#0b2234;border-color:rgba(231,192,111,.27)}}
@media(max-width:680px){.brand div{display:grid}.brand strong{font-size:.85rem}.brand span{font-size:.55rem}.brand img{width:43px;height:43px}.hero h1{font-size:clamp(2.5rem,11vw,3.4rem)}.hero::before{inset:6px}.section-title h2{font-size:clamp(1.9rem,8vw,2.5rem)}.games-section::before,.aula-section::before,.social-section::before{left:18px}.game-image{min-height:270px}.hero-lead{font-size:.98rem}}
@media(prefers-reduced-motion:reduce){.module-card,.btn,.visual-card{transition:none!important}}