/* Navegación y redes: la portada y sus adaptaciones aprobadas no se modifican. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-languages{display:flex;flex-wrap:wrap;gap:22px;font-size:12px}.footer-languages a{min-height:44px;display:inline-flex;align-items:center}.footer-languages a:hover{color:#40E386}
.header nav{gap:16px}.header nav .nav-secondary,.header nav .nav-directos{display:none}
.nav-follow{background:#40E386;color:#08090d;border:1px solid #40E386;min-height:50px;gap:12px;white-space:nowrap;flex-shrink:0}
.nav-follow:hover{color:#08090d;background:#76efa7;transform:translateY(-2px)}
.language-control{margin:0;display:block;flex-shrink:0}
#site-language{width:65px;min-height:50px;margin:0;padding:10px 6px;background:#171820;border:1px solid #ffffff35;font-size:12px;font-weight:700;color:#f5f5f1;cursor:pointer;border-radius:5px;color-scheme:dark}
#redes{padding-top:80px;padding-bottom:12px;scroll-margin-top:24px}
#redes .section-head{margin-bottom:25px;align-items:center}
#redes h2{font-size:clamp(32px,3.4vw,46px)}
#redes .eyebrow{margin-bottom:16px}
#redes .social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#redes .social,#redes .social.youtube,#redes .social.twitch{grid-column:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:15px;min-height:116px;padding:22px;border-radius:12px;box-shadow:inset 0 1px #ffffff05}
#redes .network-mark{margin:0;height:36px}
#redes .social h3{font-size:20px;letter-spacing:-.03em}
#redes .social p{font-size:12px;line-height:1.45;margin:7px 0 0;max-width:100%;color:#c5c5ce}
#redes .social .arrow{position:static;align-self:start;font-size:21px;line-height:1}
#redes .social:before{width:125px;height:125px;top:-7px;right:5px;opacity:.1;transform:rotate(-12deg)}
#redes .social:after{background:linear-gradient(90deg,#08090d80,#08090d10)}
#redes .social:hover,#redes .social:focus-visible{border-color:var(--social-accent);transform:translateY(-3px)}
#redes .social:hover:before{opacity:.2;transform:rotate(0deg) scale(1.08)}
@media(max-width:900px){.header .nav-contact{display:none}}
@media(min-width:641px) and (max-width:1000px){#redes .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .header nav{gap:6px}.header .nav-follow{display:inline-flex;font-size:11px;padding:9px 10px;min-height:46px;gap:5px}
 .header nav .nav-community{font-size:11px;gap:5px;padding:8px;min-height:46px}.header .nav-community img{width:23px;height:23px}
 #site-language{width:49px;min-height:46px;font-size:11px;padding:8px 3px}
 #redes{padding-top:55px;padding-bottom:0}#redes .section-head{margin-bottom:20px}#redes h2{font-size:35px}
 #redes .section-head>p{margin-top:16px;font-size:12px}#redes .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #redes .social,#redes .social.youtube,#redes .social.twitch{grid-template-columns:minmax(0,1fr) 16px;grid-template-rows:30px auto;gap:13px 4px;min-height:144px;padding:16px}
 #redes .network-mark{grid-column:1;grid-row:1;height:29px}#redes .network-mark img{width:29px;height:29px}
 #redes .social>div{grid-column:1/-1;grid-row:2}#redes .social .arrow{grid-column:2;grid-row:1}
 #redes .social h3{font-size:18px}#redes .social p{font-size:11px;line-height:1.4;margin-top:6px}
 #redes .social:before{width:100px;height:100px;right:-12px;top:-4px}
}
@media(max-width:400px){.header .nav-follow>span{display:none}}
@media(max-width:360px){.header .logo{width:76px}.header{gap:8px}.header nav .nav-community{font-size:0;gap:0}.header .nav-community img{width:26px;height:26px}.header .nav-follow{padding:9px 8px}#redes .social,#redes .social.youtube,#redes .social.twitch{padding:13px;min-height:145px}#redes h2{font-size:31px}}
