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

:root {
    --primary: #1e3a8a; /* Blue */
    --secondary: #cca43b; /* Gold */
}

body {
    font-family: 'Outfit', sans-serif;
    scroll-behavior: smooth;
}

.text-gold {
    color: var(--secondary);
}

.bg-gold {
    background-color: var(--secondary);
}

.gradient-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);
}

.whatsapp-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.whatsapp-widget:hover {
    transform: scale(1.1);
}

/* Form Styles */
input, select, textarea {
    transition: all 0.3s ease;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--secondary);
    ring: 2px solid var(--secondary);
}

/* Intl Tel Input Overrides */
.iti {
    width: 100%;
}
.iti__flag {
    background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/img/flags.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/img/flags@2x.png");
    }
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
}