/**** Super Swish 1678: hero de dos tarjetas + categorías precisas ****/
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row{
  order:-194!important;display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)!important;
  gap:12px!important;margin:10px 0 6px!important;min-width:0!important;overflow:visible!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row .ssw146-banner{
  height:140px!important;min-height:140px!important;max-height:140px!important;
  width:100%!important;margin:0!important;border-radius:17px!important;
  aspect-ratio:auto!important;background-size:100% 100%!important;background-position:center!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature,
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty{
  position:relative!important;display:flex!important;align-items:center!important;
  min-width:0!important;height:140px!important;min-height:140px!important;
  padding:14px 16px!important;border-radius:17px!important;overflow:hidden!important;
  background:linear-gradient(120deg,#ffb900 0%,#ffdd42 55%,#f6b400 100%)!important;
  border:1px solid #efc200!important;color:#161511!important;text-align:left!important;
  box-shadow:0 4px 15px #18181812!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature{cursor:pointer!important;justify-content:space-between!important;}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature-copy{
  display:flex!important;flex-direction:column!important;gap:4px!important;position:relative!important;
  z-index:2!important;max-width:68%!important;min-width:0!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature em,
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty>span{
  font-weight:950!important;font-size:10px!important;font-style:normal!important;
  text-transform:uppercase!important;letter-spacing:.5px!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature strong,
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty>strong{
  font-size:clamp(17px,1.65vw,24px)!important;font-weight:950!important;
  line-height:1.05!important;display:-webkit-box!important;-webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;overflow:hidden!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:11px!important;font-weight:650!important;line-height:1.2!important;
  display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature b{
  font-size:15px!important;font-weight:1000!important;color:#0c0c0d!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature img{
  width:42%!important;height:130px!important;object-fit:contain!important;
  mix-blend-mode:multiply!important;position:absolute!important;bottom:0!important;right:3px!important;
  z-index:1!important;pointer-events:none!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty{
  flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;
}
/* Bloques compactos: primero ofertas si las hay, después negocios y productos */
html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-home-top{
  order:-192!important;min-height:38px!important;margin:0!important;padding:0 6px!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card{
  order:-191!important;margin:0 0 7px!important;padding:3px 0!important;min-height:42px!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card #clientSearchInput{
  min-height:43px!important;height:43px!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types{order:-190!important;margin:2px 0 11px!important;}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-types .ssw146-category{
  border-radius:13px!important;font-weight:850!important;
}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1677-promos{order:-175!important;}
html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list{order:-170!important;}
html body#ssRacingPage #mainContainer.ss-client-modern .ssw1677-products{order:-160!important;margin:10px 0 16px!important;}
@media(max-width:780px){
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row{
   grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
   margin:5px 0!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row .ssw146-banner{
   height:106px!important;min-height:106px!important;max-height:106px!important;
   border-radius:12px!important;background-image:url('/assets/ssw155-hero-mobile.webp')!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature,
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty{
   height:96px!important;min-height:96px!important;border-radius:12px!important;padding:9px 13px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature strong,
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty>strong{font-size:17px!important;}
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature img{height:92px!important;max-width:42%!important;}
 html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-types{margin-bottom:7px!important;}
}


/* v1678: selector de categorías móvil compacto y desplegable.
   Evita las 3 filas enormes heredadas de CSS v146-v147; sin scroll horizontal.
   En escritorio siguen apareciendo las siete categorías originales. */
html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw1678-more-categories { display:none!important; }
@media (max-width:780px) {
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types {
   display:grid!important;flex-direction:initial!important;flex-wrap:initial!important;
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   grid-template-rows:none!important;grid-auto-rows:auto!important;
   align-items:stretch!important;justify-content:stretch!important;
   width:100%!important;max-width:100%!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;
   padding:0!important;gap:5px!important;margin:3px 0 10px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] {
   grid-column:auto!important;grid-row:auto!important;
   display:flex!important;flex:initial!important;flex-direction:column!important;
   justify-content:center!important;align-items:center!important;
   width:100%!important;min-width:0!important;max-width:none!important;
   height:53px!important;min-height:53px!important;max-height:53px!important;
   margin:0!important;padding:4px 1px!important;gap:2px!important;
   overflow:hidden!important;border-radius:11px!important;
   font-size:9px!important;line-height:1.1!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] svg {
   width:18px!important;height:18px!important;min-width:18px!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] span {
   display:block!important;font-size:9px!important;line-height:1.15!important;
   letter-spacing:-.3px!important;white-space:nowrap!important;
   text-overflow:ellipsis!important;overflow:hidden!important;max-width:100%!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value="locales"] span:after,
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value="locales"] span:last-child:after {
   content:none!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types:not(.ssw1678-categories-expanded) button.ssw1678-category-extra {
   display:none!important;
 }
 html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw1678-more-categories {
   display:flex!important;grid-column:1 / -1!important;grid-row:auto!important;
   justify-content:center!important;align-items:center!important;
   background:#fff9df!important;border:1px solid #f2c936!important;
   color:#312509!important;border-radius:10px!important;
   font:800 11px/1.2 system-ui,sans-serif!important;
   height:29px!important;min-height:29px!important;margin:0!important;
   padding:3px 10px!important;cursor:pointer!important;
 }
}