/**
 * 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. */

/* ============================================================
   Image fit — evita deformación de logos/fotos de PR Newswire.
   El CSS legacy (style.css) fuerza width/height sin object-fit, así que
   imágenes con aspect ratio distinto al contenedor se estiraban. cover
   llena el contenedor recortando lo que sobra, sin deformar.
   ============================================================ */

/* Slider hero — .single_iteam img ya es width:100% height:448px en style.css.
   object-position:top preserva las caras (en retratos de press releases la
   cabeza está arriba; cover centrado las cortaría). */
.single_iteam img {
    object-fit: cover;
    object-position: top center;
}

/* Hero de sección home (section-grande / section-chica usan .bsbig_fig) —
   fijar altura para que cover recorte de forma uniforme entre secciones */
.bsbig_fig > a img {
    height: 240px;
    object-fit: cover;
    object-position: top center;
}