/* =====================================================
   CONTRASTE AA (WCAG 2.1)
   Se mantienen los colores de marca como FONDO y sólo se
   ajusta el color del TEXTO (o se oscurece un tono cuando
   el color va sobre fondo claro). Así el diseño del PDF se
   respeta y los textos pasan el 4.5:1.
   ===================================================== */
:root {
    --rose-on-dark:  #ff6fd6;   /* rosa legible sobre azul oscuro     4.79:1 */
    --rose-on-light: #b30075;   /* rosa legible sobre aguamarina      5.19:1 */
    --flame-on-dark: #ff7d29;   /* naranja legible sobre azul oscuro  4.63:1 */
    --flame-on-light:#a83f00;   /* naranja legible sobre aguamarina   4.88:1 */
}

/* Botón "Colaboradores" de la barra superior */
.ami-hd__btn--pink { color: var(--rose-on-dark); border-color: var(--rose-on-dark); }
.ami-hd__btn--pink:hover { background: var(--razzle-rose); color: var(--indigo-dye-dark); }

/* Píldoras LUZ / GAS: borde e icono en color de marca, texto un tono más oscuro */
.ami-pill--luz { color: var(--rose-on-light); }
.ami-pill--gas { color: var(--flame-on-light); }
.ami-pill--luz:hover, .ami-pill--luz[aria-expanded="true"],
.ami-pill--gas:hover, .ami-pill--gas[aria-expanded="true"] { color: var(--indigo-dye-dark); }

/* Etiquetas y botones con fondo de marca: texto oscuro en lugar de blanco */
.ami-news-card__tag { color: var(--indigo-dye-dark) !important; }
.ami-blog-newsletter__btn { color: var(--indigo-dye-dark) !important; }
.ami-post-card__category { color: var(--indigo-dye-dark) !important; }
.price-badge { color: var(--indigo-dye-dark) !important; }
.whatsapp-section .btn-cta { color: var(--indigo-dye-dark) !important; }
.gas-btn { color: var(--indigo-dye-dark); }
.gas-btn:hover { color: var(--indigo-dye-dark); }

/* Textos naranjas de las páginas de gas */
.gas-precios__ref { color: var(--flame-on-dark); }
.gas-why__title span { color: var(--flame-on-dark); }
.gas-ventajas__title span,
.gas-faq__title span { color: var(--flame-on-light); }
.txt-gas { color: var(--flame-on-light); }
.txt-luz { color: var(--rose-on-light); }

/* Enlaces de texto pequeños: área de pulsación cómoda en móvil */
.ami-footer__column-list a,
.ami-footer__legal a { display: inline-block; padding-block: 8px; }
.ami-footer__contact-item { padding-block: 6px; }
.ami-breadcrumbs a, .ami-breadcrumbs span { display: inline-block; padding-block: 6px; }

/* --- Etiquetas y botones que el CSS de página pinta en blanco --- */
.ami-news-card__tag,
.ami-post-card__category,
.ami-blog-hero__tag,
.ami-blog-newsletter__btn,
.price-badge,
.btn-hero-cta,
.whatsapp-section .btn-cta { color: var(--indigo-dye-dark) !important; }

/* --- Naranjas de las páginas de gas --- */
.gas .gas-precios__ref { color: var(--flame-on-dark); }
.gas .gas-why__title span { color: var(--flame-on-dark); }
.gas .gas-ventajas__title span,
.gas .gas-faq__title span { color: var(--flame-on-light); }
.gas .gas-btn,
.gas .gas-btn:hover { color: var(--indigo-dye-dark); }

/* --- Enlaces internos dentro de bloques de fondo oscuro --- */
.proposal-container a,
.como-activo-container a,
.work-note a,
.faq-intro a,
.remit-text a + a,
.benefits p a {
    color: var(--aquamarine);
    font-weight: 700;
    text-decoration: underline;
}
.proposal-container a:hover,
.como-activo-container a:hover,
.work-note a:hover,
.faq-intro a:hover { color: var(--white); }

/* Enlaces internos añadidos dentro de tarjetas aguamarina */
.benefit-card p a,
.activo-card p a {
    color: var(--indigo-dye);
    font-weight: 700;
    text-decoration: underline;
}
.benefit-card p a:hover,
.activo-card p a:hover { color: var(--flame-on-light); }