/*
 * contacto.css — estilos propios de la página `contacto`. Geometría exacta:
 * _dev/registro-decisiones.md, 2026-08-17. Esta página no tiene `cta-cierre` (es la única de las
 * 7 sin banda de cierre) — termina directo en `seccion-mapa` + footer.
 */

.gyo-contacto-main {
  background-color: #FFFFFF;
}

.gyo-hero-contacto {
  height: 695px; /* variación de 3px contra el estándar 692/693, tratada como tolerancia de
    exportación — movido acá desde un `style` inline en el HTML (2026-08-18, Fase 3). */
}

@media (max-width: 991.98px) {
  .gyo-hero-contacto {
    height: auto;
    min-height: 400px; /* alto de trabajo, sin dato del PDF para este ancho (Fase 3) */
  }
}

.gyo-contacto-bajada {
  max-width: 900px;
  margin: 136px auto 0 auto; /* medido: 886-750 */
  text-align: center;
  font-size: var(--gyo-font-size-parrafo); /* 22→16, Fase 3 */
  line-height: 1.9091; /* 42/22, múltiplo en vez de px fijo — mismo criterio que sobre-gyo (inicio.css) */
  color: var(--color-negro-texto);
}

/* Convertido a `.row` + `.col-auto` (auditoría 2026-08-18, hallazgo 6 — el sidebar desbordaba
   desde 992px: no tenía mecanismo de achique propio y con `justify-content:space-between` sin
   `flex-wrap` no cedía terreno). `gap:131px` (no `--bs-gutter-x`: el gutter de Bootstrap resta la
   mitad de su valor como margen negativo del `.row`, y con 131px eso supera el padding de 94px
   del `.gyo-container` — el row se salía del contenedor por los costados, bug real encontrado por
   overflow horizontal en TODOS los anchos de escritorio al verificar con CDP; `gap` no tiene ese
   problema, nunca usa márgenes negativos).
   Corrección 2026-08-18 (segunda pasada): se sacó `justify-content-between` del markup. Con
   `space-between` el render real daba 426.7px de separación (el sobrante del row repartido entre
   los dos bloques), muy por encima del valor ya documentado como medido del PDF (131px) — el
   hallazgo B de la auditoría había quedado sin resolver a propósito, preservando el comportamiento
   visible tal cual estaba. Se decidió que 131px es el valor correcto: sin `space-between`, el
   `gap` fijo es el único mecanismo de separación y el render pasa a depender solo de él. Verificado
   con CDP: gap real a 1923px = 131px exacto, sin overflow nuevo en ningún ancho. */
.gyo-contacto-form-grid {
  --bs-gutter-x: 0;
  gap: 131px; /* medido: 1107-976 */
  margin-top: 92px; /* medido: 1047-955 */
  padding-bottom: 38px; /* medido 100px (1534-1433.6), ajustado tras verificar contra el render:
    las métricas de línea reales del navegador dejan el bloque de formulario+sidebar más alto de
    lo esperado, mismo criterio que el ajuste de `equipo.css` */
}

/* Fase 3 (2026-08-18): "todo a una sola columna en 375/768" — sin esto, el `.row` (flex-wrap de
   fábrica) ya evita el overflow dejando que el sidebar caiga a su propia línea cuando no entra,
   pero el punto donde eso pasa depende de cuánto se haya achicado el formulario (variable, no un
   breakpoint fijo). Se fuerza explícito por debajo de `lg` para que el quiebre sea predecible y
   coincida con el resto del sitio. */
@media (max-width: 991.98px) {
  .gyo-contacto-form-grid {
    flex-direction: column;
  }

  .gyo-formulario-contacto {
    width: 100%;
  }
}