html { scroll-behavior: smooth; }

.page-header { 
    background: linear-gradient(rgba(45, 62, 78, 0.7), rgba(45, 62, 78, 0.5)), url('https://images.unsplash.com/photo-1517231939932-d32d20b60200?q=80&w=2000'); 
    background-size: cover; 
    background-position: center; 
}

.modal-enter { animation: fadeIn 0.3s ease-out; }
@keyframes fadeIn { 
    from { opacity: 0; transform: scale(0.95); } 
    to { opacity: 1; transform: scale(1); } 
}

.btn-filtro { transition: all 0.3s; border: 1px solid #0e6b9e; }
.btn-filtro.activo { background-color: #0e6b9e; color: white; }
.btn-filtro.inactivo { background-color: transparent; color: #0e6b9e; }
.btn-filtro.inactivo:hover { background-color: #e0f2fe; }

/* Scrollbar elegante para la descripción del modal */
.custom-scrollbar::-webkit-scrollbar { width: 5px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }