body { font-family: 'Inter', sans-serif; }

/* =============================================
   CONFIGURACIÓN DE EMPRESA — editar aquí
   ============================================= */
:root {
    --company-color: #44bb04;       /* Color principal de la empresa */
    --company-color-dark: #1b4b01;  /* Versión oscura para hover */
    --company-color-light: #edfee0; /* Fondo claro del badge */
}

/* Badge empresa en pantalla de login */
.company-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    padding: 9px 22px;
    background: var(--company-color-light);
    color: var(--company-color-dark);
    border: 2px solid var(--company-color);
    border-radius: 999px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.04em;
    animation: badgePulse 2.5s ease-in-out infinite;
}

@keyframes badgePulse {
    0%, 100% { box-shadow: 0 0 8px rgba(14, 165, 233, 0.2), 0 0 0 0 rgba(14, 165, 233, 0.1); }
    50%       { box-shadow: 0 0 20px rgba(14, 165, 233, 0.55), 0 0 36px rgba(14, 165, 233, 0.2); }
}

/* Badge empresa en el sidebar */
.company-badge-sidebar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 14px;
    background: var(--company-color);
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    animation: sidebarGlow 2.5s ease-in-out infinite;
}

@keyframes sidebarGlow {
    0%, 100% { box-shadow: 0 2px 8px rgba(14, 165, 233, 0.3); }
    50%       { box-shadow: 0 0 20px rgba(14, 165, 233, 0.75), 0 0 40px rgba(14, 165, 233, 0.25); }
}
.glass-card { background: white; border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); border: 1px solid #E2E8F0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.glass-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); border-color: #CBD5E1; }
.sidebar-link { transition: all 0.2s ease-in-out; border-left: 3px solid transparent; }
.sidebar-link:hover { background-color: #1E293B; color: #38BDF8; }
.sidebar-link.active { background-color: #0F172A; color: #38BDF8; border-left-color: #38BDF8; }
.fade-in { animation: fadeIn 0.4s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.modal { transition: opacity 0.3s ease; }
.modal-container { transition: transform 0.3s ease; }
body.modal-active { overflow: hidden; }
.modal:not(.opacity-0) .modal-container { transform: scale(100%); }
.modal.opacity-0 .modal-container { transform: scale(95%); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }