/* =========================================
   ESTILOS GLOBALES - SmartRadius
========================================= */
body {
    background-color: #0b0f19;
    color: #f3f4f6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* =========================================
   BARRA DE NAVEGACIÓN (HEADER)
========================================= */
.navbar-custom {
    background-color: #111827;
    border-bottom: 1px solid #1f2937;
    padding: 15px 20px;
}

.navbar-brand {
    color: #3b82f6 !important;
    font-weight: 700;
    font-size: 22px;
}

.user-info { 
    color: #9ca3af; 
    font-size: 14px; 
}

.btn-logout {
    background-color: #ef4444; 
    color: white; 
    border: none;
    border-radius: 6px; 
    padding: 6px 15px; 
    font-weight: 500; 
    text-decoration: none;
    transition: background-color 0.2s;
}

.btn-logout:hover { 
    background-color: #dc2626; 
    color: white; 
}

/* =========================================
   TARJETAS Y MÓDULOS (DASHBOARD)
========================================= */
.summary-card { 
    background-color: #111827; 
    border: 1px solid #1f2937; 
    border-radius: 10px; 
    padding: 20px; 
    margin-bottom: 30px; 
}

.module-card {
    border-radius: 10px; 
    padding: 20px; 
    text-align: center; 
    color: white;
    text-decoration: none; 
    display: block; 
    transition: transform 0.2s; 
    border: none; 
    height: 100%;
}

.module-card:hover { 
    transform: translateY(-5px); 
    color: white; 
}

.module-icon { 
    font-size: 30px; 
    margin-bottom: 10px; 
}

/* Colores de Fondo Degradados */
.bg-blue { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.bg-purple { background: linear-gradient(135deg, #8b5cf6, #6d28d9); }
.bg-teal { background: linear-gradient(135deg, #14b8a6, #0f766e); }
.bg-indigo { background: linear-gradient(135deg, #6366f1, #4338ca); }