/* Ajuste de ancho para /start/ y /es/cotiza/: brand.css deja el formulario
   pegado a la izquierda a 720px de ancho, con todo el hueco a la derecha en
   pantallas anchas. Aquí se le da más aire dentro del gutter del sitio y se
   ordenan mejor los campos cortos en columnas. Solo se enlaza en esas dos
   páginas. */

@media (min-width: 801px) {
  .quote-layout > form,
  .quote-layout > .quote-guide {
    max-width: 1040px;
    margin: 0 auto;
  }

  /* Campos cortos sueltos (sin pareja natural en su bloque): que no se
     estiren a todo el ancho del formulario ya ampliado. */
  .quote-layout label.field-half {
    max-width: calc(50% - 10px);
  }
}

@media (max-width: 800px) {
  .quote-layout label.field-half {
    max-width: none;
  }
}

/* Descripciones de las tarjetas de línea (radio): eran más chicas que el
   cuerpo del formulario; suben al mínimo legible. */
.line-select label > span > span {
  font-size: 15px;
  line-height: 1.5;
}