/* ==========================================================================
   Sistema de color y tipografía — Defensor del Afectado
   Añadido 25-08-2026, a partir del informe de auditoría de diseño del cliente.
   Se carga DESPUÉS de app.min.css: solo añade/sobrescribe, no borra nada.
   Para revertir: quitar el <link> a este fichero en default.hbs.
   ========================================================================== */

:root {
  /* Marca / Acción — cian, con rango completo de roles */
  --df-cian-100: #E3FBF8;
  --df-cian-300: #7FEDE4;
  --df-cian-500: #00fff9; /* = accent_color de Ghost, sin tocar */
  --df-cian-600: #007A78; /* texto/enlaces sobre blanco — 5.18:1, pasa WCAG AA (verificado, no el #0E9088 del informe: ese daba 3.92:1) */
  --df-cian-700: #005C5A; /* hover / estado pressed — 7.84:1 */
  --df-cian-900: #08302E; /* footer oscuro, secciones de impacto */

  /* Acento secundario — dorado, para cifras y urgencia */
  --df-dorado-200: #FDF0D9;
  --df-dorado-400: #F0BE5C;
  --df-dorado-500: #E7A730;
  --df-dorado-700: #A9761A; /* texto de cifras sobre blanco */

  /* Tinta neutra */
  --df-ink-900: #15201E;
  --df-ink-700: #4C5A57;
  --df-ink-400: #828F8B;
  --df-surface-100: #EAF2F1;
  --df-surface-0: #FFFFFF;

  /* Semánticos — solo para estado, nunca decorativos */
  --df-exito: #1F8A4C;
  --df-alerta: #C0392B;
  --df-info: #2E6DA4;
}

/* --------------------------------------------------------------------------
   Contraste: el cian de marca (--df-cian-500) falla WCAG AA como texto sobre
   blanco (ratio ~1.2-1.6). Estos son los sitios reales donde el theme lo usa
   como color de TEXTO (no de relleno) — verificado en vivo con getComputedStyle
   contra las páginas reales. Los botones (fondo cian + texto negro) no se
   tocan: ese contraste ya es correcto.
   -------------------------------------------------------------------------- */

a,
a:hover,
.btn-link:hover,
h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.search-suggestions a:hover,
.podcast-meta li a,
.podcast-author a:hover,
.entry-tag-share li a:hover,
.navigation-content a:hover,
.author-info a:hover,
.comment-item .read-more:hover,
.h5footer:hover,
.toc-link:hover {
  color: var(--df-cian-600);
}

/* estos sí necesitan !important: el theme los define con !important en el
   origen (.gh-content a, figcaption a, etc. no lo necesitaban y NO lo llevan,
   para no ganarle a botones con fondo cian que ya ponen texto negro a propósito) */
.gh-content a,
figcaption a,
a.toc-link.is-active-link,
.mean-container .mean-bar .mean-nav ul li a:hover {
  color: var(--df-cian-600);
}

.text-primary {
  color: var(--df-cian-600) !important;
}

.entry-social-share li a:hover {
  background-color: var(--df-cian-600) !important;
}

.section-title-link:hover svg {
  fill: var(--df-cian-600) !important;
}

/* --------------------------------------------------------------------------
   Tipografía — titulares con más carácter (Fraunces), cuerpo sin cambios
   de tipo pero pasando de Sofia Pro a Inter donde estaba hardcodeado.
   -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.title, .subtitle,
.h3footer,
.h4footer, .h4footer:link, .h4footer:hover, .h4footer:visited,
.h5footer, .h5footer:link, .h5footer:hover, .h5footer:visited,
.h6footer, .h6footer:link, .h6footer:hover, .h6footer:visited,
.h4footermenu,
.h3modulo27,
.panel-header,
.home-presentacion h1,
.banner-reclamar .title,
.campos-de-batalla .content .title,
.testimonio .header .title,
.modulo5 .content p.subtitle {
  font-family: "Fraunces", Georgia, serif !important;
  letter-spacing: normal !important;
}

body,
.kg-button-card a.kg-btn,
.tooltip,
.popover,
.footermenu, .footermenu:visited,
.btnfooterout,
.btnfooterblue,
.pmodulo27,
.btn,
.descripcion,
.campos-de-batalla .content p,
.modulo5 .content p,
.modulo5 .content ul li,
.complemento-header p,
.complemento-header ul li {
  font-family: "Inter", "Sofia Pro", sans-serif !important;
}

:root {
  --bs-body-font-family: "Inter", "Sofia Pro", sans-serif;
}