/* empresasdetransportealicante.com (WEB 00002) — encaje del cotizador de
   Cabitrans One en la página, 2026-10-14. La piel del formulario es la del
   aspecto «empresasdetransportealicante» (FormBuilder); esto solo coloca el
   hueco en el panel blanco del héroe y monta /cotizar/ y la de pruebas. */

/* El hueco: mientras llega el plugin, la altura de su primera pantalla para
   que el héroe no salte, y el aviso por si no carga. */
.fb-hueco {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 480px;
}
.fb-hueco > .fb-hueco__espera {
  margin: 0;
  padding: 18px 0;
  color: #5e5e5e;
  font-size: 15px;
  line-height: 1.55;
}
.fb-hueco > .fb-hueco__espera a { color: #000; text-decoration: underline; text-underline-offset: 2px; }
/* Ya montado, la altura la pone el formulario. */
.fb-hueco:has(> .fb-root),
.fb-hueco:has(.fb-plugin-fin) { min-height: 0; }
@media (max-width: 680px) {
  .fb-hueco { min-height: 700px; }
}

/* El botón flotante «Gestionar cookies» se aparta mientras se ve el cotizador
   y no el pie (lo marca fb/cotizador-one.js), por debajo de 1100 px. */
.cc-manage { transition: opacity .2s, visibility .2s; }
@media (max-width: 1099px) {
  body.fb-sin-flotante .cc-manage { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* ── /cotizar/ y /cotizador-one/ ──────────────────────────────────────────
   Una banda negra como la del héroe de las páginas de servicio, con el mismo
   panel blanco en el centro: rótulo, titular (aquí es el h1) y el cotizador. */
.fb-cotizar {
  position: relative;
  padding-block: clamp(40px, 6vw, 88px);
  background: #000;
}
.fb-cotizar .hero-quoter {
  width: min(960px, calc(100% - 64px));
  margin-inline: auto;
  scroll-margin-top: 140px;
}
.fb-cotizar .hero-quoter__head h1 {
  margin: 0;
  color: #000;
  font-size: clamp(30px, 3vw, 44px);
  line-height: .95;
}
/* En el panel ancho de esta página, la entradilla en menos renglones: si no,
   el titular se quedaba muy abajo con un hueco encima. */
.fb-cotizar .hero-quoter__head p { max-width: 46ch; }
.fb-aviso-pruebas {
  margin: 0 0 22px;
  padding: 12px 16px;
  border: 1px solid #d3d3d3;
  border-left: 3px solid #000;
  background: #f1f1f1;
  color: #000;
  font-size: 15px;
  line-height: 1.5;
}
.fb-aviso-pruebas p { margin: 0; }
.fb-aviso-pruebas a { color: #000; text-decoration: underline; }
@media (max-width: 680px) {
  .fb-cotizar { padding-block: 24px 32px; }
  .fb-cotizar .hero-quoter { width: calc(100% - 30px); }
}

/* ── Las páginas del recorrido (one/*.html, 15/10/2026) ───────────────────
   /cotizador, /reservar, /solicitud, /solicitud-cliente y /payment/*: la misma
   banda y panel que /cotizar/, pero sin la cabecera del panel a la vista: cada
   pantalla del plugin trae su propio titular. El h1 se queda para lectores. */
.fb-cotizar--paso .hero-quoter__head { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.fb-cotizar--paso .hero-quoter { padding-top: clamp(20px, 3vw, 36px); }