/* PULSO - Sistema de Gestión Empresarial
   Desarrollado para BioCableSur
   Versión: 2.0.0 */

/* Variables */
:root {
    --pulso-primary: #0d6efd;
    --pulso-secondary: #6c757d;
    --pulso-success: #198754;
    --pulso-danger: #dc3545;
    --pulso-warning: #ffc107;
    --pulso-info: #0dcaf0;
}

/* Estilos generales */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.footer {
    margin-top: auto;
}

/* Animaciones de alerta (el latido de Pulso) */
@keyframes pulse-critical {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes pulse-warning {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.pulse-critical {
    animation: pulse-critical 1s infinite;
}

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

.pulse-slow {
    animation: pulse-warning 3s infinite;
}

/* Tarjetas de métricas */
.metric-card {
    border: none;
    border-radius: 10px;
    transition: transform 0.2s;
}

.metric-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Badges personalizados */
.badge-priority-critical {
    background-color: var(--pulso-danger);
    color: white;
}

.badge-priority-high {
    background-color: var(--pulso-warning);
    color: black;
}

.badge-priority-medium {
    background-color: var(--pulso-info);
    color: white;
}

/* Tablas */
.table-hover tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.05);
}

/* Responsive */
@media (max-width: 768px) {
    .metric-card {
        margin-bottom: 1rem;
    }
    
    .table-responsive {
        font-size: 0.9rem;
    }
}

/* Utilidades */
.cursor-pointer {
    cursor: pointer;
}

/* Formularios */
.form-control:focus {
    border-color: var(--pulso-primary);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}