/* Custom CSS for RRHH Demo — v2 paleta indigo/violet */

/* Override AdminLTE primary con indigo */
.bg-primary, .badge-primary { background-color: #4f46e5 !important; }
.btn-primary { background-color: #4f46e5 !important; border-color: #4f46e5 !important; }
.btn-primary:hover { background-color: #3730a3 !important; border-color: #3730a3 !important; }
.text-primary { color: #4f46e5 !important; }
.border-primary { border-color: #4f46e5 !important; }

/* Sidebar con gradiente moderno */
.main-sidebar, .main-sidebar .sidebar {
    background: linear-gradient(180deg, #0f172a 0%, #1e1b4b 100%) !important;
}

.sidebar .nav-sidebar .nav-item .nav-link {
    color: rgba(165, 180, 252, 0.75) !important;
    border-radius: 0.5rem !important;
    margin: 0.15rem 0.5rem !important;
    transition: all 0.2s !important;
}

.sidebar .nav-sidebar .nav-item .nav-link:hover,
.sidebar .nav-sidebar .nav-item .nav-link.active {
    color: #ffffff !important;
    background: rgba(99, 102, 241, 0.25) !important;
}

.sidebar .nav-sidebar .nav-item .nav-link .nav-icon {
    color: rgba(165, 180, 252, 0.6) !important;
}

.sidebar .nav-sidebar .nav-item .nav-link:hover .nav-icon,
.sidebar .nav-sidebar .nav-item .nav-link.active .nav-icon {
    color: #a5b4fc !important;
}

/* Brand de la barra lateral */
.brand-link {
    background: rgba(79, 70, 229, 0.2) !important;
    border-bottom-color: rgba(99, 102, 241, 0.2) !important;
}

/* Top navbar */
.main-header.navbar {
    border-bottom: 1px solid rgba(79, 70, 229, 0.12) !important;
    box-shadow: 0 2px 12px rgba(79, 70, 229, 0.08) !important;
}

/* Cards con radio y sombra suave */
.card {
    border-radius: 0.875rem !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.07) !important;
    transition: transform 0.25s, box-shadow 0.25s !important;
}

.card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(79, 70, 229, 0.12) !important;
}

/* Info boxes mejorados */
.info-box {
    border-radius: 0.875rem !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    transition: transform 0.25s, box-shadow 0.25s !important;
}

.info-box:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important;
}

/* Small boxes */
.small-box {
    border-radius: 0.875rem !important;
    overflow: hidden !important;
    transition: transform 0.25s, box-shadow 0.25s !important;
}

.small-box:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 32px rgba(0,0,0,0.18) !important;
}

/* List group modernos */
.list-group-item {
    border-left: none !important;
    border-right: none !important;
    transition: background 0.2s !important;
}

.list-group-item:first-child { border-top: none !important; border-radius: 0 !important; }
.list-group-item:hover { background: rgba(79, 70, 229, 0.04) !important; }

/* Demo badge moderno */
.demo-badge {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.scroll-animation {
    opacity: 1;
    transform: translateY(0);
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.icon-pulse {
    animation: pulse 2s infinite;
}

.btn-ripple {
    position: relative;
    overflow: hidden;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.icon-xl { font-size: 2rem; }
.icon-lg { width: 50px; height: 50px; }
.icon-employee { color: #6366f1; }

.bg-purple { background-color: #7c3aed !important; }
.bg-gradient-purple { background: linear-gradient(135deg, #7c3aed, #9333ea) !important; }