/* * Hoja de Estilos Centralizada - SFF Gestión 
 * Tema Principal: Gradiente #37506c -> #021020
 */

/* --- FUENTES GLOBALES --- */
body {
    font-family: 'Roboto', sans-serif;
}

/* --- TEMA PRINCIPAL (Colores y Gradientes) --- */

/* Fondo Gradiente Principal */
.bg-sff-gradient {
    background: linear-gradient(180deg, #37506c, #021020);
}

/* Textos con el color primario (parte superior del gradiente) */
.text-sff-primary {
    color: #37506c;
}

/* Textos con el color oscuro (parte inferior del gradiente) */
.text-sff-dark {
    color: #021020;
}

/* Bordes */
.border-sff-dark {
    border-color: #021020;
}
.border-sff-primary {
    border-color: #37506c;
}

/* --- COMPONENTES --- */

/* Botón Principal Unificado */
.btn-sff {
    background: linear-gradient(180deg, #37506c, #021020);
    color: white;
    border: none;
    transition: all 0.3s ease;
}

.btn-sff:hover {
    opacity: 0.9;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.btn-sff:active {
    transform: translateY(0);
}

/* --- UTILIDADES DE IMPRESIÓN --- */
@media print {
    .no-print { display: none !important; }
    .print-border { border: 2px solid #000 !important; }
    
    body { 
        background: white; 
        padding: 0; 
    }
    
    .shadow-md, .shadow-lg { 
        box-shadow: none !important; 
    }
    
    /* Forzar impresión de colores de fondo (especialmente para los encabezados de tabla) */
    .bg-sff-gradient { 
        -webkit-print-color-adjust: exact; 
        print-color-adjust: exact; 
        color: white !important; /* Asegurar contraste */
    }
    
    /* Asegurar que los textos oscuros se vean negros puro en impresión */
    .text-sff-dark {
        color: #000 !important;
    }
}