/*
 * ========================================
 * MÓDULO LÓPEZ — Tema Carmesí
 * ========================================
 * Archivo de overrides para reportelopez.php
 * ("El Memorial Forense")
 *
 * Carga DESPUÉS de azul-cobalto.css.
 * Solo contiene:
 *   A. Variables de color del módulo
 *   B. Overrides del sistema de diseño para tema carmesí
 *   C. Componentes exclusivos del módulo
 *   D. Utilidades de color del módulo
 *
 * Componentes genéricos (.thead-sticky, .scroll-table,
 * .chart-container-xl, .kpi-grid, .modalidad-icon)
 * están en azul-cobalto.css v3.1.
 *
 * Creado: 2026-02-27
 * ========================================
 */

/* ========================================
   A. VARIABLES — Paleta carmesí del módulo
   ========================================
   Estas variables solo existen cuando se carga
   este archivo. No contaminan otros módulos.
======================================== */
:root {
    /* Carmesí core */
    --rl-primary: #b71c1c;
    --rl-primary-dark: #7f0000;
    --rl-light: #ffcdd2;
    --rl-accent: #ff5252;

    /* Tonos Material Design del módulo */
    --rl-orange-deep: #e65100;
    --rl-pink-deep: #880e4f;
    --rl-pink-dark: #ad1457;
    --rl-blue-deep: #0d47a1;
    --rl-green-deep: #1b5e20;
    --rl-green-dark: #2e7d32;
    --rl-purple-deep: #4a148c;
    --rl-grey-slate: #37474f;
}

/* ========================================
   B. OVERRIDES — Sistema de diseño → carmesí
   ========================================
   Sobreescriben componentes de azul-cobalto.css
   para aplicar el tema rojo del módulo.
======================================== */

/* Hero section carmesí */
.hero-section {
    background: linear-gradient(135deg,
            var(--rl-primary-dark) 0%,
            var(--rl-primary) 50%,
            #c62828 100%) !important;
}

/* Tabs activos → carmesí */
.nav-tabs .nav-link.active {
    color: var(--rl-primary);
    border-bottom-color: var(--rl-primary);
}

.nav-tabs .nav-link:hover:not(.active) {
    color: var(--rl-primary);
}

/* Narrative cards → carmesí */
.narrative-card {
    background: linear-gradient(135deg, #ffebee 0%, var(--rl-light) 100%);
    border-left-color: var(--rl-primary);
}

.narrative-card .narrative-icon {
    color: var(--rl-primary);
}

/* ========================================
   C. COMPONENTES — Exclusivos del módulo
   ========================================
   No existen en azul-cobalto.css porque solo
   tienen sentido dentro de reportelopez.php.
======================================== */

/*
 * Card header carmesí
 * Uso: class="card-header card-header-rl"
 * Para headers que necesitan el gradiente rojo del módulo
 * en lugar del blanco (card-header-white) o azul (card-header).
 */
.card-header-rl,
.card-header.card-header-rl {
    background: linear-gradient(135deg,
            var(--rl-primary) 0%,
            var(--rl-primary-dark) 100%) !important;
    color: var(--blanco) !important;
}

.card-header-rl h6,
.card-header-rl .h6 {
    color: var(--blanco) !important;
}

.card-header-rl small {
    color: rgba(255, 255, 255, 0.7) !important;
}

.card-header-rl i {
    color: var(--rl-light) !important;
}

/*
 * Case card — citas textuales y casos documentados
 * Uso: <div class="card case-card p-2">
 */
.case-card {
    border-left: 3px solid var(--rl-accent);
    background: #fff8f8;
    font-size: 0.875rem;
}

/*
 * Methodology card — contexto/metodología con borde lateral
 * Uso: <div class="card methodology-card">
 */
.methodology-card {
    border-left: 4px solid var(--rl-primary);
}

/*
 * Risk highlight card — tarjeta de riesgo relativo destacada
 * Uso: <div class="card risk-highlight-card">
 */
.risk-highlight-card {
    background: linear-gradient(135deg, #ffebee, #fce4ec);
    border-left: 4px solid var(--rl-primary);
}

/*
 * Metric module — aplica color carmesí a métricas e íconos del módulo
 * Uso: class="metric-highlight metric-module" o class="bi bi-... metric-module"
 */
.metric-module {
    color: var(--rl-primary);
}

/* ========================================
   D. UTILIDADES DE COLOR — Módulo
   ========================================
   Backgrounds temáticos para secciones de hallazgos.
   Apuntan a las variables del módulo donde es posible.
======================================== */
.bg-rl-light {
    background: #ffebee !important;
}

.bg-rl-orange-light {
    background: #fff3e0 !important;
}

.bg-rl-blue-light {
    background: #e3f2fd !important;
}