/* El cotizador es una aplicación aparte embebida en un iframe.

   Ocupa el viewport menos lo que tapa el navbar, que es `position: fixed` y
   flota por encima. Antes ocupaba el viewport entero y el navbar le comía la
   cabecera; se corrigió el 11 de septiembre de 2026.

   `100dvh` en vez de `100vh` porque en móvil la barra del navegador entra y
   sale, y `100vh` deja un hueco o desborda mientras tanto.

   **El `min-height` es lo que evita que el formulario quede inalcanzable.** La
   aplicación necesita unos 720px para mostrarse entera y no tiene scroll
   propio; por debajo de eso se cortaba, y no había forma de llegar al botón de
   calcular: el iframe se traga la rueda del ratón y no la propaga al
   documento, así que la página tampoco se movía. Con el mínimo, el iframe deja
   de encogerse y es la página la que se desplaza.

   **El número va fijo porque no se puede medir.** El navegador no deja leer el
   alto de un iframe de otro dominio. La única forma de que se ajuste solo es
   que la aplicación publique su alto por `postMessage` y aquí se escuche; si
   algún día se hace, este mínimo sobra. Mientras tanto, si el formulario crece,
   hay que revisar el valor a mano. */
.quoter {
  /* Desplazamiento del navbar más su alto. Cambia dos veces: de posición en xl
     y de alto en sm. */
  --quoter-navbar: 126px;

  /* Lo que la aplicación necesita para mostrar el formulario completo. */
  --quoter-min: 720px;

  box-sizing: border-box;
  width: 100%;
  padding-top: var(--quoter-navbar);
  height: 100vh;
  height: 100dvh;
  min-height: calc(var(--quoter-min) + var(--quoter-navbar));
}

.quoter__frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: var(--quoter-min);
  border: 0;
}

@media (max-width: 1199.98px) {
  .quoter {
    --quoter-navbar: 106px;
  }
}

@media (max-width: 575.98px) {
  .quoter {
    --quoter-navbar: 96px;
  }
}