.gradient-bg {
            background: linear-gradient(135deg, #3B82F6 0%, #6366F1 100%);
        }
        .slider::-webkit-slider-thumb {
            appearance: none;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            background: #3B82F6;
            cursor: pointer;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        }
        .slider::-moz-range-thumb {
            height: 20px;
            width: 20px;
            border-radius: 50%;
            background: #3B82F6;
            cursor: pointer;
            border: none;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        }
        .nav-link {
            @apply text-gray-700 hover:text-blue-600 hover:bg-blue-50 font-medium transition-colors duration-200;
        }
        .nav-link.active {
            @apply text-blue-600 font-bold;
        }
        .testimonial-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
        }
        .contact-form input,
        .contact-form select,
        .contact-form textarea {
            transition: all 0.3s ease;
        }
        .contact-form input:focus,
        .contact-form select:focus,
        .contact-form textarea:focus {
            border-color: #3B82F6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }
        .partners-slider {
            display: flex;
            animation: scroll 30s linear infinite;
        }
        .partners-slider:hover {
            animation-play-state: paused;
        }
        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .partner-item {
            min-width: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .partner-item img {
            max-height: 60px;
            object-fit: contain;
            filter: grayscale(100%) opacity(0.7);
            transition: all 0.3s ease;
        }
        .partner-item img:hover {
            filter: grayscale(0%) opacity(1);
            transform: scale(1.1);
        }
        .loan-image {
            transition: transform 0.3s ease;
        }
        .loan-image:hover {
            transform: scale(1.05);
        }
        .hero-background {
            position: relative;
            overflow: hidden;
        }
        .hero-slides {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            animation: slide 20s infinite alternate;
        }
        .hero-slide {
            min-width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            /* Darker overlay to reduce brightness */
            position: relative;
        }
        .hero-slide::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.4); /* Darker overlay */
            z-index: 1;
        }
        .hero-content {
            position: relative;
            z-index: 10;
        }
        @keyframes slide {
            0% { transform: translateX(0); }
            25% { transform: translateX(-100%); }
            50% { transform: translateX(-200%); }
            75% { transform: translateX(-300%); }
            100% { transform: translateX(-400%); }
        }
        
        /* Original FAQ Styles - Clean and Professional */
        .faq-item {
            @apply bg-white rounded-xl p-6 shadow-lg transition-all duration-300;
        }
        .faq-item:hover {
            @apply shadow-xl;
        }
        .faq-item h3 {
            @apply text-lg font-bold text-gray-900 mb-3;
        }
        .faq-item p {
            @apply text-gray-600;
        }
        
        /* Contact Section Background */
        .contact-background {
            background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('https://placehold.co/1200x800/1E40AF/FFFFFF?text=Oficina+CreditoFinaPro') center/cover no-repeat;
        }
        
        /* Google Maps iframe styling */
        .map-container {
            position: relative;
            overflow: hidden;
            border-radius: 1rem;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        }
        .map-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Center only the main title and description */
        .contact-header {
            text-align: center;
        }
        .contact-header h2 {
            @apply mb-4;
        }
        .contact-header p {
            @apply mb-8;
        }