/* =========================================================
   SIG ENTERPRISE - TEMA PREMIUM HIGH-TECH MÉDICO
   ========================================================= */
:root {
    /* Fondos Navales / Med-Tech Profundos */
    --bg: #030712; /* Deep space black/navy */
    --bg-card: rgba(15, 23, 42, 0.75); /* Card de instrumentos azulada y translúcida */
    
    /* Cian Médico y Verde Tecnológico */
    --primary: #06b6d4; /* Base Cyan puro */
    --primary-dark: #0891b2; /* Cyan profundo */
    --accent: #14b8a6; /* Teal Médico vibrante */
    
    /* Textos (Alto Contraste y Lectura Limpia) */
    --text: #f0f9ff; /* Blanco clínico puro con toque cian */
    --text-muted: #94a3b8; /* Gris espacial para datos secuenciales */
    
    /* Elementos estructurales - Glassmorphism Premium */
    --glass: rgba(6, 182, 212, 0.05);
    --glass-border: rgba(6, 182, 212, 0.25);
    --border: rgba(56, 189, 248, 0.15); /* Bordes sutilmente azules */
    
    /* Dimensiones / Efectos */
    --sidebar-w: 260px;
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(6, 182, 212, 0.1);
    --glow-primary: 0 0 15px rgba(6, 182, 212, 0.4);
    --glow-accent: 0 0 15px rgba(20, 184, 166, 0.4);

    /* Gradientes para Gráficos */
    --chart-gradient-top: rgba(6, 182, 212, 0.35);
    --chart-gradient-bottom: rgba(6, 182, 212, 0.02);
    --chart-primary: #06b6d4;
    --chart-secondary: #3b82f6;
    --chart-meta: #34d399; /* Meta Vibrante */
}

/* ── Paneles Glassmorphism Avanzado ── */
.glass-panel {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(3, 7, 18, 0.8) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: var(--shadow-lg);
}

.neon-text {
    color: var(--primary);
    text-shadow: 0 0 10px rgba(6, 182, 212, 0.5);
    font-weight: 700;
}

/* Base Override para Scrollbars estilo High-Tech */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: rgba(3, 7, 18, 0.5);
}
::-webkit-scrollbar-thumb {
    background: rgba(6, 182, 212, 0.3);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(6, 182, 212, 0.7);
}

/* Modificadores globales para UI de cristal */
.card, .widget, .news-card {
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--shadow-lg) !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(3, 7, 18, 0.95) 100%) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover, .widget:hover, .news-card:hover {
    border-color: rgba(6, 182, 212, 0.5) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(6, 182, 212, 0.2) !important;
    transform: translateY(-2px);
}

/* Botones Neon-Line */
.btn-primary {
    background: linear-gradient(135deg, var(--primary), #3b82f6) !important;
    box-shadow: var(--glow-primary) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.btn-primary:hover {
    box-shadow: 0 0 25px rgba(6, 182, 212, 0.6) !important;
    transform: scale(1.02);
}

/* Modales High-Tech */
.modal {
    background: var(--bg-card) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.8), 0 0 20px rgba(6, 182, 212, 0.15) !important;
}

.topbar {
    background: rgba(3, 7, 18, 0.85) !important;
    border-bottom: 1px solid var(--border) !important;
    backdrop-filter: blur(20px) !important;
}