@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 1s ease-out forwards;
}

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

.animate-scale-in {
    animation: scaleIn 0.8s ease-out forwards;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.font-playfair {
    font-family: 'Playfair Display', serif;
}

body {
    /* A subtle, warm background blend of a light cream and soft olive */
    background: linear-gradient(to bottom right, #F5F5DC, #F0EAD6);
    background-attachment: fixed;
}

/* --- New Color Palette & Tailwind Class Updates --- */
/*
Here's a breakdown of the new colors:
- Primary/Accent Red: #B02828 (A richer, deeper red, like a good Spanish wine)
- Secondary Accent Green: #5C8D4F (A warm olive green, reminiscent of olive groves)
- Neutrals:
  - Light Background: #F5F5DC (Creamy white)
  - Slightly Darker Background: #F0EAD6 (Off-white/light beige)
  - Text/Dark Elements: #333333 (Deep charcoal)
  - Lighter Text: #6B7280 (A muted gray)
- Star/Highlight: #FFD700 (Gold for star ratings)
*/

/* Header - Previously bg-gradient-to-r from-red-600 to-red-800 */
.header-bg {
    background: linear-gradient(to right, #B02828, #8B0000); /* Deeper red gradient */
}

/* Primary Buttons (Explore, Subscribe) - Previously bg-red-700/800 */
.btn-primary {
    background-color: #B02828;
}
.btn-primary:hover {
    background-color: #8B0000;
}

/* Secondary Button (Accept Cookies) - Previously bg-red-600/700 */
.btn-secondary {
    background-color: #B02828;
}
.btn-secondary:hover {
    background-color: #8B0000;
}

/* Newsletter Subscribe Button - Previously bg-green-600/700 */
.btn-newsletter {
    background-color: #5C8D4F; /* Olive Green */
}
.btn-newsletter:hover {
    background-color: #4B6F44; /* Darker Olive Green */
}

/* Text Colors */
.text-primary-red {
    color: #B02828;
}
.text-secondary-green {
    color: #5C8D4F;
}
.text-dark-neutral {
    color: #333333;
}
.text-light-neutral {
    color: #6B7280;
}

/* Section Backgrounds */
/* Hero section remains with image, opacity layer and white text */

/* Destacados section - Previously bg-gray-100 */
.section-bg-light {
    background-color: #F0EAD6; /* Slightly darker cream */
}

/* Explora section - Previously bg-gradient-to-br from-red-50 to-gray-100 */
.section-bg-gradient-1 {
    background: linear-gradient(to bottom right, #FFFAF0, #F0EAD6); /* Lighter cream to slightly darker cream */
}

/* Experiencias section - Previously bg-gradient-to-br from-green-50 to-gray-50 */
.section-bg-gradient-2 {
    background: linear-gradient(to bottom right, #E0EACE, #F5F5DC); /* Light olive to creamy white */
}

/* Novedades section - Previously bg-gradient-to-br from-gray-50 to-red-50 */
.section-bg-gradient-3 {
    background: linear-gradient(to bottom right, #F5F5DC, #FFFAF0); /* Creamy white to lighter cream */
}

/* Contact section - Previously bg-red-100 */
.section-bg-contact {
    background-color: #F8F8F8; /* Very light gray for contrast */
}


/* Specific elements that need color adjustments */
.cookie-consent-bg {
    background-color: #333333; /* Dark charcoal */
}
.cookie-consent-link {
    color: #FFD700; /* Gold */
}
.cookie-consent-link:hover {
    text-decoration: underline;
}

.mobile-menu-bg {
    background-color: #8B0000 !important; /* Deeper red for mobile nav */
}

/* Footer - Previously bg-gray-900 */
.footer-bg {
    background-color: #333333; /* Dark charcoal */
}
.footer-text {
    color: #D3D3D3; /* Light gray for footer text */
}
.footer-link:hover {
    color: #FFFFFF;
}

/* Article/Card Background - Previously bg-white */
.card-bg {
    background-color: #FFFFFF;
}

/* Star Color - Previously text-yellow-500 */
.text-star {
    color: #FFD700; /* Gold */
}

/* Input/Textarea Focus Ring - Previously focus:ring-red-400/500 */
.focus-ring-primary:focus {
    --tw-ring-color: #B02828; /* Primary red */
}
.focus-ring-primary-light:focus {
    --tw-ring-color: #DDAAAA; /* Lighter shade of red for subtle focus */
}

@media (max-width: 767px) {
    #main-navigation {
        background-color: #8B0000 !important; /* Darker red for mobile menu */
    }
}