/* Ajustes responsive del sitio. Los componentes usan estilos inline,
   así que lo que va dentro de componentes del DS se sobreescribe con !important. */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:clip;-webkit-tap-highlight-color:transparent}
a,button,select,[role=tab]{touch-action:manipulation}
a{color:var(--saab-marino)}a:hover{color:var(--saab-rojo)}

/* Pestañas con scroll horizontal en vez de saltos de línea */
.tabs-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs-scroll::-webkit-scrollbar{display:none}
.tabs-scroll button{white-space:nowrap;flex-shrink:0}

@media (max-width:767px){
  :root{--gutter:16px;--section-y:56px;--fs-h2:28px}
  /* iOS hace zoom al enfocar campos con texto < 16px */
  input,select,textarea{font-size:16px!important}

  /* Buscador del hero apilado */
  .sb-mobile > div > div:last-child{flex-direction:column;align-items:stretch!important;padding:8px!important}
  .sb-mobile label{border-right:0!important;border-bottom:1px solid var(--border-subtle);padding:8px 6px!important;min-width:0!important}
  .sb-mobile select{width:100%}
  .sb-mobile button{width:100%;margin-top:8px}

  /* Sin efecto "hover" pegado tras tocar una tarjeta */
  .cards article{transform:none!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}