/* v130: La vista moderna del cliente ocultaba la cabecera completa en móviles.
   Mantener accesibles las cuatro acciones públicas sin modificar sus eventos. */
@media (max-width:760px) {
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header {
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:9px 12px 11px !important;
    margin:0 !important;
    gap:0 !important;
    background:#101113 !important;
    border:0 !important;
    border-bottom:2px solid #ffcf00 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:1200 !important;
  }
  /* El panel de cliente ya posee su logotipo y campana de notificaciones. */
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .logo-container {
    display:none !important;
  }
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    gap:7px !important;
    padding:0 !important;
    margin:0 !important;
    transform:none !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav .nav-btn,
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navLogin.ss122-login-nav {
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:39px !important;
    min-height:39px !important;
    max-height:39px !important;
    padding:0 8px !important;
    margin:0 !important;
    font-size:clamp(10px,2.75vw,11px) !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    grid-column:auto !important;
    grid-row:auto !important;
    order:0 !important;
  }
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navLegal {
    grid-column:auto !important;
    display:flex !important;
    min-width:0 !important;
  }
  /* content-visibility:auto en el contenedor hacía que la navegación fija
     se calculase respecto al panel, no a la pantalla del teléfono. */
  html body#ssRacingPage #mainContainer.ss-client-modern {
    content-visibility:visible !important;
    contain:none !important;
  }
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) #mainContainer.ss-client-modern .ss-client-bottom {
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:1900 !important;
  }
}