/**
 * Editorial Anchors — Estilos para highlight de menciones en Superentrerrianos
 * 
 * @package Superdeportivo
 */

/* Span de highlight (estado base) */
.informe-mencion-highlight {
    display: inline;
    background: transparent;
    transition: background-color 0.3s ease, padding 0.3s ease;
    padding: 0 2px;
    border-radius: 2px;
}

/* Estado activo (highlight temporal) */
.informe-mencion-highlight--active {
    background-color: rgba(255, 235, 59, 0.6); /* Amarillo suave */
    padding: 2px 4px;
}

/* Compatibilidad con clase legacy (si existe en PHP) */
.informe-mencion-resaltada {
    display: inline;
    background: transparent;
    transition: background-color 0.3s ease, padding 0.3s ease;
    padding: 0 2px;
    border-radius: 2px;
}

.informe-mencion-resaltada--active {
    background-color: rgba(255, 235, 59, 0.6);
    padding: 2px 4px;
}

/* Asegurar que el highlight no rompa el layout */
.informe-mencion-highlight,
.informe-mencion-resaltada {
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: none;
}

/* Scroll behavior suave para navegadores que lo soporten */
html {
    scroll-behavior: smooth;
}

/* Opcional: indicador visual sutil cuando el elemento tiene ID (para debug) */
[id^="jose-"],
[id^="juan-"],
[id^="martin-"],
[id^="melina-"] {
    /* Sin estilos visuales por defecto - solo para selectores específicos si se necesita */
}