/*
 * enlaces.css
 * Regla general para enlaces de contenido (tel, mailto, web).
 * Normal: naranja · Hover/focus: verde/teal + underline
 * El tamaño hereda del texto circundante; solo se ajusta font-size
 * cuando un contexto concreto lo requiera.
 * No altera botones, nav ni CTAs (usan otras clases).
 */

a.enlace-texto,
.elige-faq__respuesta a.enlace-texto {
    color: var(--color-accent-orange, #ff6b35);
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    transition: color 0.2s ease;
}

a.enlace-texto:hover,
a.enlace-texto:focus-visible,
.elige-faq__respuesta a.enlace-texto:hover,
.elige-faq__respuesta a.enlace-texto:focus-visible {
    color: #008888;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

a.enlace-texto:focus-visible,
.elige-faq__respuesta a.enlace-texto:focus-visible {
    outline: 0.125rem solid #0f172a;
    outline-offset: 0.15rem;
}

/* Iconos dentro del enlace siguen el color del texto */
a.enlace-texto svg,
a.enlace-texto .elige-faq__respuesta-icono {
    color: currentColor;
}

[data-theme="dark"] a.enlace-texto,
[data-theme="dark"] .elige-faq__respuesta a.enlace-texto {
    color: var(--color-accent-orange, #ff8a5c);
}

[data-theme="dark"] a.enlace-texto:hover,
[data-theme="dark"] a.enlace-texto:focus-visible,
[data-theme="dark"] .elige-faq__respuesta a.enlace-texto:hover,
[data-theme="dark"] .elige-faq__respuesta a.enlace-texto:focus-visible {
    color: #5eead4;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

[data-theme="dark"] a.enlace-texto:focus-visible,
[data-theme="dark"] .elige-faq__respuesta a.enlace-texto:focus-visible {
    outline-color: #e8e6e3;
}