/* ═══════════════════════════════════════════════════════════
   fixes.css — ajustes globales (menú móvil, desbordes, banners)
   ═══════════════════════════════════════════════════════════ */
html{overflow-x:hidden;}
img,video,svg{max-width:100%;height:auto;}
.gnav-in{position:relative;}

/* ── Menú móvil (se construye desde js/app.js) ───────────── */
#mob-menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#fff;font-size:20px;cursor:pointer;width:40px;height:38px;line-height:1;align-items:center;justify-content:center;font-family:inherit;flex-shrink:0;}
#mob-menu-btn:hover{color:#A78BFA;border-color:rgba(167,139,250,.5);}
#mob-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(13,11,46,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09);padding:8px 0;z-index:300;box-shadow:0 18px 40px rgba(0,0,0,.4);}
#mob-menu>a{display:block;padding:13px 24px;font-size:15px;font-weight:500;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;}
#mob-menu>a:hover{color:#A78BFA;background:rgba(123,92,255,.08);}
#mob-menu .mob-btns{display:flex;gap:10px;padding:14px 24px 8px;}
#mob-menu .mob-btns a{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 12px;font-size:14px;font-weight:700;border-radius:10px;white-space:normal;}
@media(max-width:860px){
  .nav-links{display:none !important;}
  .nav-r .btn{display:none !important;}
  #mob-menu-btn{display:flex;}
  .nav-r{gap:8px;}
}
@media(max-width:420px){
  .nav-logo{font-size:14px;}
  .gnav-in{padding-left:16px;padding-right:16px;gap:8px;}
}

/* ── Banner de cookies más compacto en móvil ─────────────── */
@media(max-width:600px){
  #cookie-banner{padding:12px 16px !important;}
  #cookie-banner p{font-size:12.5px !important;margin-bottom:10px !important;}
  #cookie-banner button{padding:8px 16px !important;font-size:12.5px !important;}
}

/* ── Blog: tarjetas "Próximamente" no son clicables ─────── */
.acard{cursor:default !important;}
.acard:hover{transform:none !important;border-color:rgba(255,255,255,.09) !important;}