@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

html { scroll-behavior: smooth; }

@layer utilities {
    .bg-muni-red { background-color: #DC2626; }
    .bg-muni-blue { background-color: #1E3A8A; }
    .bg-muni-light { background-color: #F8FAFC; }
    
    .text-muni-red { color: #DC2626; }
    .text-muni-blue { color: #1E3A8A; }
    
    .border-muni-red { border-color: #DC2626; }
    
    .font-sans-muni { font-family: 'Roboto', sans-serif; }
    
    .btn-muni {
        @apply inline-flex items-center justify-center bg-[#DC2626] text-white font-bold rounded shadow-md py-3 px-6 hover:bg-[#B91C1C] hover:shadow-lg transition-all duration-300;
    }
    
    .btn-muni-outline {
        @apply inline-flex items-center justify-center border-2 border-[#1E3A8A] text-[#1E3A8A] font-bold rounded py-3 px-6 hover:bg-[#1E3A8A] hover:text-white transition-all duration-300;
    }
    
    .nav-link {
        @apply text-slate-700 hover:text-[#DC2626] font-medium transition-colors duration-300 border-b-2 border-transparent hover:border-[#DC2626] py-2;
    }
    .nav-link.active {
        @apply text-[#DC2626] font-bold border-[#DC2626];
    }
    
    .service-card {
        @apply bg-white p-6 rounded-lg shadow-sm border border-slate-200 hover:shadow-xl hover:border-blue-100 transition-all duration-300 group flex flex-col items-center text-center;
    }
    
    .service-icon {
        @apply w-16 h-16 rounded-full bg-slate-100 text-[#1E3A8A] flex items-center justify-center text-3xl mb-4 group-hover:bg-[#1E3A8A] group-hover:text-white transition-colors duration-300 shadow-sm;
    }
}

/* Custom Scrollbar for News */
.news-scroll::-webkit-scrollbar {
    width: 6px;
}
.news-scroll::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.news-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 10px;
}
.news-scroll::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}