/* 04/11 (Piero): la barra de arriba (ES|EN, Perfil, Solicitudes por revisar) se queda pegada al bajar.
   Causa: html y body tenían overflow-x:hidden !important (css 00 y 07, y el <style> de 02-home-press-search.js), lo que vuelve a body un
   contenedor de scroll y rompe position:sticky de .navbar. «clip» corta lo que se sale igual (sin scroll horizontal) pero NO crea contenedor de scroll.
   Más especificidad (html:root) para ganarle a las reglas viejas y al <style> que inyecta el módulo 02, sin depender del orden. */
html:root,
html:root body {
  overflow-x: clip !important;
}

/* 04/11 (Piero): en celular (<900 px) la barra pegada tapaba casi media pantalla (~190 px). Al bajar más de ~120 px se achica a UNA fila (logo, idioma, buscar, cuenta, menú);
   se esconden «Solicitudes/Partidos por revisar», «Reintentar modo» (la cinta de resultados se queda: nunca desaparece con la barra visible). La clase la pone js/modules/76-barra-compacta.js (un solo listener de scroll pasivo).
   Sin saltos: la barra encogida suma el alto que perdió (--barra-extra) a su margen inferior para que el alto total de la página no cambie. En 900 px o más no hay compactado. */
@media (max-width: 899.98px) {
  body.barra-compacta .navbar { margin-bottom: calc(var(--barra-mb, 0px) + var(--barra-extra, 0px)); min-height: 0 !important; max-height: 108px; transition: none !important; }   /* 72 px de la fila + 32 px de la cinta de resultados, que ya no se esconde */
  body.barra-compacta .navbar .nav-container { max-height: 72px; }
  body.barra-compacta .navbar .ticopa-review-shortcuts,
  body.barra-compacta .navbar .ticopa-account-mode,
  body.barra-compacta .navbar .nav-ticker-wrapper,
  body.barra-compacta .navbar #alerta-stream-en-vivo { display: none !important; }
  /* Aviso que no se pierde: puntito rojo sobre «Mi cuenta» y el menú si hay pendientes (data-numerito de los botones de revisión) */
  body.barra-compacta:has(.ticopa-review-shortcuts button[data-numerito]:not([data-numerito=""])) .navbar #btn-portal-sesion,
  body.barra-compacta:has(.ticopa-review-shortcuts button[data-numerito]:not([data-numerito=""])) .navbar #mobileToggle { position: relative; }
  body.barra-compacta:has(.ticopa-review-shortcuts button[data-numerito]:not([data-numerito=""])) .navbar #btn-portal-sesion::after,
  body.barra-compacta:has(.ticopa-review-shortcuts button[data-numerito]:not([data-numerito=""])) .navbar #mobileToggle::after {
    content: ""; position: absolute; top: 2px; right: 2px; width: 12px; height: 12px; border-radius: 50%;
    background: #e5484d; box-shadow: 0 0 0 2px rgba(11, 10, 36, .9); pointer-events: none;
  }
}