/* =====================================================
   BOLETÍN OFICIAL SAN JUAN — gsj-overrides.css

   Adaptaciones del San Juan Design System a este sitio.
   NO editar css/gsj-ds.css: ese archivo es la copia sincronizada
   del DS (sanjuan-ds-v3.0.0/) y se pisa en cada actualización.
   Todo lo que el Boletín necesite cambiar del DS va acá.

   Cargar SIEMPRE después de css/gsj-ds.css.
   ===================================================== */

/* ─── Botones primarios: contraste de texto (WCAG AA) ───────────────────
   --gsj-color-primary (naranja brillante, oklch 68.5%) da ~3:1 de
   contraste con blanco — no llega al 4.5:1 que exige AA para texto
   normal. El propio DESIGN.md del DS documenta esto como una excepción
   aceptada solo para botones CTA grandes (bold + tamaño compensan
   perceptualmente), pero no para texto/íconos más chicos. El Archivo
   General de la Provincia (mismo DS, mismo problema) ya lo resolvió con
   variables de botón más oscuras (oklch 55%/49%, ~5.3:1/~6.6:1) — se
   portan acá esos mismos valores en vez de reinventarlos.           */
:root {
  --gsj-color-primary-btn: oklch(55% 0.19 40deg);
  --gsj-color-primary-btn-hover: oklch(49% 0.22 35deg);
}

.gsj-button--primary {
  background-color: var(--gsj-color-primary-btn);
}
.gsj-button--primary:hover {
  background-color: var(--gsj-color-primary-btn-hover);
}
.gsj-button--primary:active {
  background-color: var(--gsj-color-primary-btn-hover);
}

/* ─── Hero: sin redondeado inferior ──────────────────────────────────── */
.gsj-hero {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* ─── Hero con foto: velo más claro (el DS trae 45% negro, muy oscuro) ── */
.gsj-hero--photo::before {
  background-color: rgba(0, 0, 0, 0.2);
}