/* Cabecera y pie de TODAS las páginas de eldoradoroleplay.com (portada y subpáginas). Es el único sitio
   donde se definen, para que no vuelvan a ser distintos en cada sección: style.css y paginas.css ya no
   los tocan. Se carga después de la hoja de cada página, así que manda sobre restos de antes. */
:root{--gold:#d9b66f;--pale:#f1d69e;--line:#d9b66f32;--ok:#7ee2a8;scroll-padding-top:96px}

/* Cabecera: transparente arriba, con fondo al bajar (comun.js pone .solida) */
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:26px;padding:26px 4vw;border-bottom:1px solid transparent;font-family:Inter,Arial,sans-serif;transition:padding .35s,background .35s,border-color .35s}
.site-header.solida{padding-top:12px;padding-bottom:12px;background:#071114e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.site-brand{width:120px;flex:none;margin-right:auto;transition:width .35s}.site-brand img{display:block;width:100%;height:auto}.site-header.solida .site-brand{width:96px}
.site-header-links{display:flex;align-items:center;gap:24px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a6a39c}
.site-header-links a{padding:8px 0;transition:color .2s}.site-header-links a:hover,.site-header-links a[aria-current=page]{color:var(--pale)}.site-header-links a[aria-current=page]{box-shadow:inset 0 -1px var(--gold)}
.nav-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;color:#b7c0b8;font-variant-numeric:tabular-nums;white-space:nowrap}
.nav-status:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.nav-status[data-state=on]{color:var(--ok)}.nav-status[data-state=on]:before{box-shadow:0 0 10px currentColor}.nav-status[data-state=off]{color:#ef6b5f}
.nav-play{padding:11px 18px;border:1px solid #d9b66f88;color:var(--pale);font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .2s}.nav-play:hover{background:#d9b66f1f}
.menu-toggle{display:none}
.site-header a:focus-visible,.site-header button:focus-visible,.site-footer a:focus-visible,.site-footer button:focus-visible{outline:2px solid var(--pale);outline-offset:4px}

/* Pie */
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;padding:33px 7%;border-top:1px solid var(--line);font-family:Inter,Arial,sans-serif}
.site-footer .brand{display:flex;align-items:center;gap:14px;margin:0}.site-footer .brand img{width:29px;height:35px;object-fit:contain}
.site-footer .brand>span{font-size:11px;font-weight:600;letter-spacing:2px;color:#eeeade}.site-footer .brand small{display:block;margin:6px 0 0;font-size:9px;font-weight:400;letter-spacing:1px;color:#d4bb89}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:#c6c9b7}.footer-links a:hover,.footer-links a[aria-current=page],.site-footer .footer-top:hover{color:var(--pale)}
.site-footer .footer-top{font-size:13px;color:#c6c9b7}
.footer-legal{width:100%;margin:4px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:#8c968f}

@media(max-width:1100px){
 .menu-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #d9b66f88;background:transparent;color:var(--pale);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
 .site-header-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:4px 4vw 18px;background:#071114;border-bottom:1px solid var(--line)}
 .site-header.menu-abierto{background:#071114;border-bottom-color:var(--line)}.site-header.menu-abierto .site-header-links{display:flex}
 .site-header-links a{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.site-header-links a[aria-current=page]{box-shadow:none}
}
@media(max-width:760px){.site-footer{padding:28px 7%;gap:17px}.site-footer .brand,.footer-links{width:100%}.footer-links{order:1}.site-footer .motion-control,.site-footer .footer-top{order:2}.footer-legal{order:3}}
@media(max-width:600px){.site-header{gap:12px;padding:18px 16px}.site-header.solida{padding-top:10px;padding-bottom:10px}.site-brand{width:88px}.site-header.solida .site-brand{width:78px}.nav-play{padding:10px 12px}.site-header-links{padding:4px 16px 18px}}
@media(max-width:480px){.site-footer{padding:25px}.footer-legal{font-size:11px}}
@media(max-width:380px){.menu-toggle-txt{display:none}.menu-toggle{padding:0 12px}.site-brand,.site-header.solida .site-brand{width:74px}.nav-status{font-size:10px}}
@media(min-width:1800px){.site-brand{width:140px}.site-header.solida .site-brand{width:110px}.site-header-links,.nav-play,.nav-status,.menu-toggle{font-size:12px}}
@media(pointer:coarse){.footer-links a,.site-footer .footer-top{display:inline-flex;align-items:center;min-height:40px}.footer-links{gap:0 22px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-brand{transition:none}}