/**
 * Módulo Bloques de Noticias - Efectos visuales Radiocanal
 *
 * Overrides visuales RC sobre el módulo base del framework.
 * Contexto: .bloque-noticias (definido en css/framework/bloques-noticias.css)
 *
 * @version 1.0.0
 * @date 2026-04-20
 */

/* ============================================
   CONTENEDOR CON FONDO — EFECTOS RC
   ============================================ */

.bloque-noticias--con-fondo {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10), 0 1px 8px rgba(0, 0, 0, 0.06);
}

.bloque-noticias--con-fondo::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.07) 0%, transparent 55%);
    pointer-events: none;
}

.bloque-noticias--con-fondo > .container {
    position: relative;
    z-index: 1;
}

/* ============================================
   HEADER DEL BLOQUE — EFECTOS RC
   ============================================ */

.bloque-noticias .bloque-header {
    padding-bottom: 1.75rem;
    position: relative;
}

.bloque-noticias .bloque-header h2 {
    letter-spacing: 0.1em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.bloque-noticias .bloque-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 2px;
    background: var(--bloque-titulo);
    opacity: 0.4;
    border-radius: 2px;
}