/* ==========================================================================
   estimate.css — qué decide lo que cuesta un techo.

   Deliberadamente la sección con MENOS estructura de la página. Su trabajo es
   quitar el miedo al número, y una reja de filetes, numerales o columnas lee a
   burocracia — que es exactamente el miedo que hay que quitar. Cuando el
   contenido es tranquilizador, la estructura correcta es la que casi no se ve.

   El recurso es la entradilla corrida: cada factor abre con su nombre en la de
   titular y sigue en la misma línea. Dice "estos cinco son paralelos y del
   mismo rango" sin montar una tabla. No se usa en ninguna otra sección.

   Recursos gastados: filete de grosor variable (triaje), área (servicios),
   filete horizontal uniforme (zonas), par de encuadres y ficha (trabajos),
   numerales colgados (proceso).
   ========================================================================== */

.estimate {
  background: var(--fog);
  padding-block: var(--section-y);
}

.estimate .wrap {
  display: grid;
  gap: var(--space-7);
}

.estimate__intro {
  display: grid;
  gap: var(--space-4);
}

.estimate__title {
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  font-size: var(--text-2xl);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  color: var(--ink);
}

.estimate__lede {
  color: var(--ink-soft);
  max-width: var(--measure);
}

/* --- Los cinco factores --------------------------------------------------- */

.estimate__factors {
  display: grid;
  gap: var(--space-5);
}

.factor {
  color: var(--ink-soft);
  max-width: var(--measure);
}

/* La entradilla en la de titular y en tinta plena. Es una frase entera, no una
   palabra suelta acentuada dentro de un titular — eso es lo que va prohibido. */
.factor__lead {
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  color: var(--ink);
}

/* --- La visita ------------------------------------------------------------ */
/* Cierra la sección y es lo que el visitante se lleva, así que va un escalón
   más grande y en tinta plena. Un solo párrafo: cuatro hechos seguidos se leen
   mejor corridos que troceados en cuatro líneas con viñeta. */

.estimate__visit {
  font-size: var(--text-lg);
  line-height: 1.5;
  color: var(--ink);
  max-width: var(--measure);
}