/* Super Swish v1694 — portada premium responsive.
   Solo estilos: no modifica datos, eventos, Firebase, rutas ni paneles internos.
   Corrige la diferencia entre banner desktop nuevo y banner mobile viejo.
*/
@media (max-width:1000px) {
  /* Mismo arte v1691 en tablets y telefonos, siempre sin distorsionar. */
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row .ssw146-banner {
    background-image:url('/assets/ssw1691-hero-aprobado.webp')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
    background-color:#090b0e!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty {
    background:linear-gradient(115deg,#ffe053 0%,#ffd21a 62%,#ffb700 100%)!important;
    border:1px solid #f5ca22!important;
    color:#101419!important;
    box-shadow:0 4px 12px rgba(25,30,38,.09)!important;
  }
}
@media (min-width:781px) and (max-width:1000px) {
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row {
    align-items:stretch!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row .ssw146-banner {
    height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:1070/211!important;border-radius:16px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty {
    height:auto!important;min-height:0!important;max-height:none!important;
    align-self:stretch!important;border-radius:16px!important;
  }
}
@media (max-width:780px) {
  /* El ancho real determina la altura del banner: 1070:211, igual que el arte original.
     Evita comprimir la moto, alimentos o letras y elimina el banner rojo viejo. */
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row {
    gap:7px!important;margin:6px 0 7px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row .ssw146-banner {
    width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;
    aspect-ratio:1070 / 211!important;
    border-radius:13px!important;
    background-size:100% auto!important;
    box-shadow:0 3px 11px rgba(17,23,32,.12)!important;
  }
  /* Destacado dinamico: foto, nombre y precio siguen viniendo del comercio. */
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty {
    height:85px!important;min-height:85px!important;max-height:85px!important;
    border-radius:13px!important;padding:7px 12px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature-copy {
    max-width:72%!important;gap:2px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature em {
    align-self:flex-start!important;background:#101419!important;color:#ffdf23!important;
    padding:3px 7px!important;border-radius:99px!important;font-size:9px!important;
    line-height:1.1!important;letter-spacing:.1px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature strong {
    font-size:clamp(13px,3.8vw,17px)!important;line-height:1.08!important;
    -webkit-line-clamp:2!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature b {
    align-self:flex-start!important;color:#fff!important;background:#101419!important;
    border-radius:999px!important;padding:3px 9px!important;
    font-size:12px!important;line-height:1.1!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature img {
    width:29%!important;max-width:29%!important;height:76px!important;max-height:76px!important;
    top:4px!important;bottom:auto!important;right:7px!important;
    object-fit:cover!important;border-radius:10px!important;
  }
  /* La cabecera sigue mostrando hamburguesa y campana, con emblema S pequeño. */
  html body#ssRacingPage #mainContainer.ss-client-modern header.ssw146-topnav button.ssw146-logo {
    gap:5px!important;max-width:100%!important;padding-left:4px!important;padding-right:4px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern header.ssw146-topnav button.ssw146-logo::before {
    content:""!important;display:inline-block!important;flex:0 0 27px!important;
    width:27px!important;height:22px!important;
    background:url('/assets/ssw1691-s-brand.png') center / contain no-repeat!important;
  }
  /* Refinamiento visual sin hacer las filas mas altas. */
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-home-top .ss-client-location,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card #clientSearchInput {
    border:1px solid #dce2e8!important;
    background:#fbfcfd!important;border-radius:13px!important;
    box-shadow:0 2px 7px rgba(10,20,30,.04)!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-types .ssw146-category {
    box-shadow:0 2px 7px rgba(12,20,28,.06)!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-types .ssw146-category.active,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-types .ssw146-category[aria-pressed="true"] {
    background:#ffcd00!important;border-color:#ffcd00!important;color:#0c1117!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list-head h2 {
    font-weight:950!important;letter-spacing:-.45px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card {
    border:1px solid #e0e5ea!important;border-radius:16px!important;
    box-shadow:0 4px 11px rgba(15,22,31,.08)!important;
    background:#fff!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > img.restaurant-image {
    border-radius:11px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item {
    border-radius:11px!important;border:1px solid #edf0f2!important;
    background:#fcfcfd!important;
  }
}