/* Móvil más compacto: menos altura y menos protagonismo visual. */
@media (max-width:760px) {
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header {
    padding:4px 6px !important;
    min-height:0 !important;
    border-bottom:1px solid #d4a900 !important;
    gap:0 !important;
  }
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:30px !important;
    justify-content:stretch !important;
    align-items:center !important;
    width:100% !important;
    height:30px !important;
    max-height:30px !important;
    gap:3px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !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;
    align-items:center !important;
    justify-content:center !important;
    grid-column:auto !important;
    grid-row:1 !important;
    position:relative !important;
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    min-width:0 !important;
    padding:0 1px !important;
    margin:0 !important;
    border-radius:8px !important;
    border-width:1.5px !important;
    font-size:0 !important;
    line-height:1 !important;
    letter-spacing:normal !important;
    overflow:hidden !important;
    box-shadow:none !important;
    white-space:nowrap !important;
  }
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navSocio span {font-size:0 !important;}
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav .nav-btn::after,
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navLogin::after,
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navSocio::after,
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navLegal::after {
    display:inline !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    height:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    background:none !important;
    border:0 !important;
    transform:none !important;
    animation:none !important;
    box-shadow:none !important;
    transition:none !important;
    font:800 9px/1 Inter,system-ui,Arial,sans-serif !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
    color:inherit !important;
  }
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navCliente::after{content:"Pedir" !important;}
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navLogin::after{content:"Entrar" !important;}
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navSocio::after{content:"Socio" !important;}
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navLegal::after{content:"Ayuda" !important;}
  html body#ssRacingPage:has(#mainContainer.ss-client-modern) > header.header .nav-buttons.ssw124-nav #navLegal::before {content:none !important;display:none !important;}
}