/*
 * ficha-proyecto.css — "ficha-proyecto-header" (plan-segmentacion.md §1.5). Solo en
 * `proyecto-detalle`. Reutiliza `encabezado-seccion` (variante centrada) para eyebrow+guion+
 * título bicolor, con una salvedad medida: acá el guion mide 55px, no 48px como en las otras 3
 * secciones que usan el componente — ver nota en `_dev/registro-decisiones.md`, 2026-08-17.
 * Debajo: bajada lorem en negro puro (no `--color-gris-bajadas`, confirmado por glyph-fill),
 * hint funcional de la interfaz, y link "‹ Volver".
 */

.gyo-ficha-proyecto {
  text-align: center;
  padding-block: 129px 62px; /* medido: 877-748 arriba; 1268-1206(volver+margen) abajo, ver registro */
}

.gyo-ficha-proyecto .gyo-encabezado__eyebrow::before,
.gyo-ficha-proyecto .gyo-encabezado__eyebrow::after {
  width: 55px; /* medido, distinto del 48px de las otras 3 secciones que usan encabezado-seccion */
}

.gyo-ficha-proyecto__bajada {
  max-width: 1170px;
  margin: 32px auto 0 auto; /* medido: 1110-1078 */
  font-size: var(--gyo-font-size-parrafo); /* 22→16, Fase 3 */
  color: var(--color-negro-texto); /* negro puro, no gris-bajadas — confirmado por glyph-fill */
}

.gyo-ficha-proyecto__hint {
  margin: 76px 0 0 0; /* medido: 1213-1137 */
  font-size: 19px;
  color: var(--color-gris-bajadas); /* medido #A2A2A2, 1 unidad de diferencia con el token, tratado como el mismo valor (ruido de exportación) */
}

.gyo-ficha-proyecto__volver {
  display: inline-flex;
  align-items: center;
  gap: var(--gyo-space-2);
  margin-top: 10px; /* medido: 1246-1236.4 */
  font-size: 18px;
  color: var(--color-cafe-claro);
  text-decoration: none;
}

.gyo-ficha-proyecto__volver svg {
  width: 8px;
  height: 12px;
}