/* SUPER SWISH v1690 · Pulido visual definitivo del marketplace de clientes.
   Solo presentación de la portada. Sin cambiar Firestore, rutas de pedidos,
   precios, tarifas, registros, administración ni paneles de comercio/rider. */
:root{--ssw1690-focus:#ba8900}
html body#ssRacingPage #mainContainer.ss-client-modern{
  color:#131a21!important;
  -webkit-font-smoothing:antialiased;
}
/* Refinamiento del encabezado sin quitar accesos ni cambiar su posición */
@media(min-width:1101px){
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-topnav{
   min-height:62px!important;
   padding:9px clamp(13px,1.7vw,25px)!important;
   border-radius:15px!important;
   box-shadow:0 3px 14px rgba(10,14,19,.09)!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-toplinks{
   gap:clamp(6px,.9vw,14px)!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-toplinks button{
   min-height:38px;
 }
}
/* Superficies nítidas, sin competir con las imágenes de alimentos */
@media(min-width:781px){
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row{
   gap:13px!important;
   margin:10px 0 8px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row .ssw146-banner,
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature{
   border-radius:17px!important;
   box-shadow:0 5px 18px rgba(20,24,30,.10)!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card #clientSearchInput{
   min-height:46px!important;
   font-size:14px!important;
   border-color:#dce2e7!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card #clientSearchInput:focus{
   background:#fff!important;
   border-color:#ddaa00!important;
   box-shadow:0 0 0 3px rgba(255,204,0,.16)!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-types .ssw146-category{
   border:1px solid #e0e5ea!important;
   border-radius:13px!important;
   min-height:54px!important;
   font-size:12.5px!important;
   letter-spacing:0!important;
   box-shadow:0 1px 5px rgba(13,22,32,.045)!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list-head{
   margin:7px 0 13px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list-head h2{
   font-size:clamp(24px,2.2vw,30px)!important;
   line-height:1.17!important;
   letter-spacing:-.8px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants{
   gap:14px!important;
   align-items:stretch!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card{
   background:#fff!important;
   border:1px solid #e1e5e9!important;
   border-radius:18px!important;
   box-shadow:0 5px 16px rgba(13,22,32,.065)!important;
   transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
   isolation:isolate;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card:hover{
   border-color:#efcb51!important;
   box-shadow:0 12px 24px rgba(13,22,32,.12)!important;
   transform:translateY(-2px);
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > img.restaurant-image{
   height:138px!important;
   min-height:138px!important;
   max-height:138px!important;
   flex-basis:138px!important;
   object-fit:cover!important;
   object-position:center!important;
   background:#f6f7f8!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .ssw1677-merchant-logo{
   top:107px!important;
   border:2px solid #fff!important;
   box-shadow:0 5px 13px rgba(8,15,22,.17)!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card .ss-client-restaurant-body{
   padding:13px 12px 3px!important;
   gap:5px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-name{
   font-size:16px!important;
   letter-spacing:-.2px!important;
   line-height:1.2!important;
   min-height:22px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-categories,
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-info{
   font-size:12.5px!important;
   line-height:1.35!important;
   color:#4e5b68!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ss-client-fee{
   color:#344451!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ss-client-heart{
   width:34px!important;
   height:34px!important;
   min-width:34px!important;
   min-height:34px!important;
 }
}
/* Información legible en teléfonos, sin romper la tarjeta de foto a la izquierda */
@media(max-width:780px){
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card #clientSearchInput{
   font-size:14px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card{
   border-radius:16px!important;
   border-color:#e0e5e9!important;
   box-shadow:0 3px 12px rgba(15,22,30,.07)!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-name{
   font-size:clamp(14.5px,3.9vw,17px)!important;
   line-height:1.2!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-categories,
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-info{
   font-size:12px!important;
   line-height:1.38!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list-head h2{
   line-height:1.18!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1683-quick-actions .ssw1683-action{
   min-height:40px!important;
 }
}
/* Accesibilidad para personas que navegan con teclado. */
html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-types button:focus-visible,
html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-topnav button:focus-visible,
html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-card:focus-visible,
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1683-action:focus-visible{
 outline:3px solid var(--ssw1690-focus)!important;
 outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
 html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-card{
   transition:none!important;transform:none!important;
 }
}