@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600&family=Playfair+Display:ital,wght@0,400;1,400;1,700&display=swap");

:root {
    --benidorm-blue: #2C3E50;
    --benidorm-navy: #1B2631;
    --benidorm-gold: #C5A059;
    --mqz-gold: #D1D5DB;
    --background: #FCF5EE;
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: var(--background);
}

/* --- NAVEGACIÓN --- */
.nav-transparent {
    transition: all 0.8s ease-in-out;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

.nav-scrolled {
    background-color: var(--benidorm-blue) !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
}

/* --- HERO --- */
.hero-full {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- BOTONES PREMIUM --- */
.btn-premium {
    background: linear-gradient(135deg, var(--benidorm-blue) 0%, var(--benidorm-navy) 100%);
    color: white;
    transition: all 0.5s ease;
}

.btn-premium:hover {
    transform: scale(1.05);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Ajustes de compatibilidad Tailwind local */
[class*="bg-benidorm-blue"] { background-color: var(--benidorm-blue); }
[class*="text-benidorm-blue"] { color: var(--benidorm-blue); }
[class*="border-benidorm-blue"] { border-color: var(--benidorm-blue); }