/**
 * state-theme.css — Tema dinámico per estado via CSS custom property.
 *
 * El layout main.php declara `:root { --state-color: <hex>; }` con el color
 * del estado actual (data del legacy suiche_sitios.inc.php → Redis →
 * $estado['color']). Estas reglas hacen referencia a esa variable para
 * todos los elementos que en el legacy usaban $color_sitio inline.
 *
 * Si la variable no está definida, fallback al rojo HDN #B3282E.
 *
 * NO tocar style.css legacy — este archivo se carga DESPUÉS para overridear.
 */

/* Backgrounds */
.header_top,
.footer_bottom {
    background-color: var(--state-color, #B3282E);
}

.scrollToTop {
    background-color: var(--state-color, #B3282E) !important;
}

/* Banner titles — el <span> dentro del <h2> es el rectángulo coloreado */
.latest_post > h2 span,
.single_post_content > h2 span,
.single_sidebar > h2 span {
    background: var(--state-color, #B3282E) !important;
}

/* Menu hover */
.navbar-inverse .navbar-nav > li > a:hover {
    background-color: var(--state-color, #B3282E);
    color: #fff;
}

/* Link hovers */
a:hover,
.spost_nav .media-body > a:hover,
.bsbig_fig figcaption a:hover,
.business_catgnav li figcaption a:hover,
.catg_title:hover {
    color: var(--state-color, #B3282E);
}

/* News ticker buttons */
#prev-button,
#next-button {
    color: var(--state-color, #B3282E);
}

/* Scroll-to-top hover */
.scrollToTop:hover,
.scrollToTop:focus {
    background-color: var(--state-color, #B3282E) !important;
    color: #fff;
    border-color: var(--state-color, #B3282E);
}

/* PR Newswire widget cleanup ocurre via JS (layouts/main.php) — remueve el
   .wXXX_footer del DOM en vez de hide CSS. Ver template main.php inline JS. */