/* Super Swish v1680: LEGIBILIDAD MOVIL, sin agrandar tarjetas ni modificar pedidos. */
@media (max-width:780px){
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value]{
    min-height:58px!important;height:58px!important;max-height:58px!important;
    padding:5px 2px!important;gap:3px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] svg{
    width:20px!important;height:20px!important;min-width:20px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] span{
    font-size:clamp(10px,2.6vw,12px)!important;font-weight:800!important;letter-spacing:-.3px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw1678-more-categories{
    min-height:36px!important;height:36px!important;font-size:12px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card{
    gap:8px 9px!important;padding:9px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-name{
    font-size:clamp(14px,3.9vw,17px)!important;line-height:1.19!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-badge{
    font-size:11px!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.4!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ss-client-closed-info{
    font-size:11px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:5px!important;min-height:84px!important;padding:5px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item > img{
    width:50px!important;max-width:50px!important;height:66px!important;max-height:66px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item > span:not(.ssw1677-plus){
    padding-right:14px!important;gap:5px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item strong{
    font-size:clamp(11px,2.95vw,12px)!important;line-height:1.18!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item b{
    font-size:13px!important;line-height:1.15!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item>.ssw1677-plus{
    width:24px!important;height:24px!important;font-size:19px!important;right:4px!important;bottom:4px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature em,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty>span{
    font-size:11px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature small,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty>small{
    font-size:12px!important;
  }
}
@media (max-width:359px){
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item{
    grid-template-columns:42px minmax(0,1fr)!important;min-height:81px!important;gap:4px!important;padding:4px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item>img{
    width:42px!important;max-width:42px!important;height:59px!important;max-height:59px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item strong{
    font-size:11px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item b{
    font-size:12px!important;
  }
}