/* =====================================================
   FPUC — Base
   -----------------------------------------------------
   Reset y ajustes de elemento. Neutraliza lo que legacy/main.css impone al body mientras ambos convivan; al retirarlo, esto se queda. Aquí también lo genérico que no es componente ni de una página.

   Sólo var(--fpuc-*): ni un hex ni un tamaño literal.
   ===================================================== */


/* El reset de caja lo traía main.css, que las plantillas ya portadas no cargan:
   sin él, el padding se suma al ancho y se rompe toda la medida del diseño (el
   contenedor de 1234 y la tarjeta de persona de 286 lo incluyen). */
*,
*::before,
*::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fpuc-surface);
  color: var(--fpuc-text);
  font-family: var(--fpuc-font-body);
  font-size: var(--fpuc-text-body);
  line-height: var(--fpuc-leading-body);
}

.fpuc-main { display: block; }

img { max-width: 100%; height: auto; }

.fpuc-impacto__cta,
.fpuc-programas__cta,
.fpuc-transparencia__cta,
.fpuc-aliados__cta,
.fpuc-cifras-foto__cta {
  margin: var(--fpuc-space-7) 0 0;
  text-align: center;
}

.fpuc-aliados .fpuc-ally-row { margin-top: var(--fpuc-space-7); }

.fpuc-empty {
  padding: var(--fpuc-space-7);
  border: 1px dashed var(--fpuc-border);
  border-radius: var(--fpuc-radius-md);
  color: var(--fpuc-text-muted);
  text-align: center;
}

/* Espaciado entre el encabezado de sección y lo que sigue. */
.fpuc-section-header + .fpuc-grid,
.fpuc-section-header + .fpuc-stat-band,
.fpuc-section-header + .fpuc-resultados,
.fpuc-section-header + .fpuc-timeline,
.fpuc-section-header + .fpuc-testimonial { margin-top: var(--fpuc-space-7); }