/* empresasdetransporte.es — encaje del cotizador de Cabitrans One (2026-10-14).

   La piel del formulario es la del aspecto «empresasdetransporte-es» del FormBuilder
   (FormBuilder/data/aspects/form_empresasdetransporte-es.json); esto solo lo encaja en la
   página: esconde el buscador viejo del héroe y deja el hueco del plugin en su sitio. La
   clase «et-one» la pone en <html> fb/et-cotizador.js. */

html.et-one #buscador > .search-form { display: none !important; }

/* La cabecera es pegajosa (88 px; 68 px en un móvil): que no tape el cotizador al llegar
   por #buscador ni al cambiar de pantalla (el formulario sube a su principio respetando el
   scroll-margin-top de su raíz; con el comparador abierto no ve la cabecera). */
#buscador,
#fb-cotizador,
#fb-cotizador .fb-root { scroll-margin-top: 104px; }
@media (max-width: 620px) {
  #buscador,
  #fb-cotizador,
  #fb-cotizador .fb-root { scroll-margin-top: 84px; }
}

/* La portada se salía 56 px por la derecha en un móvil (el «RESERVA.» del titular, la
   lista de operadores, «DEL CLIC AL CAMIÓN.»: de antes de este cambio) y con ella se podía
   arrastrar de lado el cotizador y el aviso de cookies salía cortado. Se recorta lo que
   sobra sin crear un contenedor de desplazamiento (clip, no hidden: la cabecera pegajosa
   sigue pegada y lo que se despliega hacia abajo no se corta). */
html.et-one main { overflow-x: clip; }

.et-one-hueco { min-height: 280px; }
.et-one-espera {
  margin: 0;
  padding: 36px 0;
  font: 500 12px/1.7 'DM Mono', ui-monospace, monospace;
  letter-spacing: .06em;
  color: #5f5f5a;
}
.et-one-espera a { color: #080808; text-decoration: underline; }

/* La página de pruebas (/cotizador-one/) lo dice antes del formulario. */
.et-one-pruebas {
  margin: 0 0 24px;
  padding: 14px 16px;
  border: 1px solid #080808;
  border-left-width: 4px;
  background: #f3ffb0;
  color: #080808;
  font: 400 14px/1.5 Inter, Arial, sans-serif;
}
.et-one-pruebas a { color: #080808; text-decoration: underline; }

/* En un móvil el buscador iba sobre una banda negra cuadriculada; el cotizador, que es
   largo y claro, va sobre el hueso de la página con un filete negro arriba. */
@media (max-width: 980px) {
  html.et-one #buscador.search-wrap {
    background: #f5f5f2;
    background-image: none;
    color: #080808;
    border-top: 1px solid #080808;
    padding-top: 4px;
  }
  html.et-one #buscador .search-label { color: #080808; }
}

/* El flotante de cookies («GESTIONAR COOKIES», abajo a la izquierda) cae encima del
   cotizador a cualquier ancho, porque el cotizador arranca en el mismo margen izquierdo:
   fuera mientras se ve el cotizador y no el pie (la clase la pone el JS). Sigue siendo el
   mismo botón y el mismo panel, y vuelve en cuanto se sale del cotizador. */
.et-cookie-manage { transition: opacity .2s, visibility .2s; }
html.et-one-sin-flotante .et-cookie-manage { opacity: 0; visibility: hidden; pointer-events: none; }