/*
 * servicios.css — estilos propios de la página `servicios`. Geometría exacta:
 * _dev/registro-decisiones.md, 2026-08-17.
 *
 * Las 4 tarjetas comparten `padding-top` (136px, ver tokens.css) pero el `padding-bottom` es
 * propio de cada una — el alto total de cada sección viene fijado por el PDF (760/772/731/752px)
 * y no es uniforme; se calcula como alto_total - padding_top - alto_de_columna_de_texto, igual
 * método que en estudio.css para por-que-elegirnos/procesos-de-trabajo.
 */

.gyo-tarjeta-servicio--01 { padding-bottom: 115px; }
.gyo-tarjeta-servicio--02 { padding-bottom: 128px; }
.gyo-tarjeta-servicio--03 { padding-bottom: 86px; }
.gyo-tarjeta-servicio--04 { padding-bottom: 112px; }

.gyo-hero-servicios {
  height: 693px; /* medido: y55→748 — movido acá desde un `style` inline en el HTML (2026-08-18,
    Fase 3), mismo criterio que `.gyo-hero-estudio` en estudio.css. */
}

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