/* ================================================================
   INTRANET VIBRANTE - CSS DIRECTO (SIN SCSS)
   ================================================================ */

/* ===== TOPBAR ===== */
.t4-header {
    background: linear-gradient(135deg, #1E3A5F, #2B6CB0) !important;
    background-color: #1E3A5F !important;
    border-bottom: none !important;
}

.t4-header .navbar-brand .site-name,
.t4-header .navbar-brand .site-slogan {
    color: #ffffff !important;
}

.t4-header .navbar-brand img {
    filter: brightness(0) invert(1) !important;
}

/* ===== SIDEBAR IZQUIERDO ===== */
.t4-sidebar-left {
    background: #1F2937 !important;
}

.t4-sidebar-left .module-title {
    color: rgba(255, 255, 255, 0.4) !important;
}

.t4-sidebar-left .menu li a,
.t4-sidebar-left .nav li a {
    color: rgba(255, 255, 255, 0.65) !important;
}

.t4-sidebar-left .menu li a:hover,
.t4-sidebar-left .nav li a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.t4-sidebar-left .menu li.active a,
.t4-sidebar-left .nav li.active a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

.t4-sidebar-left .menu li a i,
.t4-sidebar-left .nav li a i {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* ===== MENÚ PRINCIPAL ===== */
.t4-megamenu {
    background: #1F2937 !important;
    border: none !important;
}

.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .navbar-nav > li > .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
}

.t4-megamenu .navbar-nav > li > a:hover,
.t4-megamenu .navbar-nav > li > .nav-link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.t4-megamenu .navbar-nav > li.active > a,
.t4-megamenu .navbar-nav > li.active > .nav-link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

/* ===== SIDEBAR DERECHO ===== */
.t4-sidebar-r .module {
    background: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07) !important;
}

.t4-sidebar-r .module .module-title {
    color: #1F2937 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    border: none !important;
}

.t4-sidebar-r .module .module-title i {
    color: #1E3A5F !important;
}

/* ===== QUICK CARDS ===== */
.quick-cards .quick-card::before {
    background: #1E3A5F !important;
}

.quick-cards .quick-card .icon {
    color: #1E3A5F !important;
}

/* ===== JEVENTS ===== */
.mod_events_latest_table tr {
    border-left-color: #1E3A5F !important;
}

.mod_events_latest_table tr:hover {
    background: #EBF4FF !important;
}

/* ===== CATEGORÍAS ===== */
.cat-1 { background: #EBF4FF !important; color: #1E3A5F !important; }
.cat-2 { background: #CCFBF1 !important; color: #0D9488 !important; }
.cat-3 { background: #FEF3C7 !important; color: #D97706 !important; }
.cat-4 { background: #EDE9FE !important; color: #7C3AED !important; }
.cat-5 { background: #FCE7F3 !important; color: #DB2777 !important; }

/* ===== TENDENCIAS ===== */
.trend-up { background: #D1FAE5 !important; color: #065F46 !important; }
.trend-down { background: #FEE2E2 !important; color: #991B1B !important; }

/* ===== COLORES PARA MÓDULOS ===== */
.module-vortex {
    background: #1E3A5F !important;
    color: #ffffff !important;
}

.module-vortex .module-title {
    color: #ffffff !important;
}

.module-vortex .module-title span {
    border-color: rgba(255, 255, 255, 0.3) !important;
}