/*
 * tarjeta-miembro-equipo.css — plan-segmentacion.md §2.16. Solo en `equipo` (×2). Foto + nombre
 * (café, 25px) + cargo (gris-inactivo, 22px). Sin redes sociales, sin borde, sin sombra. Ancho
 * normalizado 531px (P22, resuelto) — la variación medida en el PDF era un elemento de la foto
 * (una grúa) que sobresalía del recorte, no el ancho real del componente. Alto de foto también
 * normalizado a 515px (medido 2026-08-17 por barrido de píxel directo: ambas tarjetas dan el
 * mismo alto real, a diferencia de lo que sugería el bbox de imagen sin recortar).
 */

/* Convertido a `.row` + `.col-auto` (auditoría 2026-08-18, hallazgo 7 — sin overflow real, las 2
   tarjetas ya cedían vía el reset global `img{max-width:100%}`; limpieza de arquitectura). El
   `justify-content:center` que centra las 2 tarjetas sigue viviendo en `equipo.css`
   (`.gyo-colaboradores-intro .gyo-equipo-grid`), sin cambios — es una propiedad flex normal,
   compatible con `.row`.
   Corrección Fase 3 (2026-08-18): el gap vivía en `--bs-gutter-x`, que Bootstrap implementa como
   `padding` en cada columna. Como `.gyo-tarjeta-miembro-equipo` es la columna misma (con
   `width:531px` de `box-sizing:border-box`, que ya incluye ese padding), el gutter le robaba
   71px a la foto visible en vez de separar las tarjetas — la foto medía 460px reales en vez de
   531px exactos (bug real, encontrado por CDP al re-verificar el ancho de referencia; el mismo
   patrón que ya se había corregido en `.gyo-sobre-gyo__grid`/`.gyo-tarjeta-servicio__fila`, pero
   sin la señal de "imagen absoluta" que lo hizo evidente ahí — acá pasaba desapercibido porque
   `getBoundingClientRect()` de la tarjeta seguía midiendo 531px, el error estaba en el `<img>` de
   adentro). `gap` en vez de `--bs-gutter-x`: no usa padding, así que la tarjeta entera (foto
   incluida) mide sus 531px reales y el espacio entre las dos es 100% real, no descontado de
   ninguna de las dos. */
.gyo-equipo-grid {
  --bs-gutter-x: 0; /* si no se pisa, `.row` cae al default de Bootstrap (1.5rem/24px, no 0) —
    con `gap` como único mecanismo de espaciado, ese padding sobrante seguía robándole ancho a la
    foto (531→507px, mismo bug, encontrado de nuevo al re-verificar después del primer fix). */
  gap: 71px; /* medido: 996-925 */
}

.gyo-tarjeta-miembro-equipo {
  width: 531px;
}

.gyo-tarjeta-miembro-equipo__foto {
  width: 100%;
  height: 515px;
  object-fit: cover;
}

.gyo-tarjeta-miembro-equipo__nombre {
  margin: 35px 0 0 0; /* medido: 1702-1667 */
  font-size: 25px;
  color: var(--color-cafe-claro);
}

.gyo-tarjeta-miembro-equipo__cargo {
  margin: 12px 0 0 0; /* medido: 1744-1732.3 */
  font-size: 22px;
  color: var(--color-gris-inactivo);
}