/* Custom Styles for Mundo Cancún - Light Luxury Theme */

/* Glassmorphism - Light Variant */
.glass-panel-light {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.glass-card-light {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);
}

/* Dark Glass for Footer */
.glass-panel {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 3D Card Wrapper */
.card-3d-wrapper {
    perspective: 1000px;
}

.card-3d {
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
}

.card-3d:hover {
    transform: rotateY(5deg) rotateX(5deg);
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Modal Styles */
.modal-overlay {
    opacity: 0;
}

.modal-content {
    transform: scale(0.95);
    opacity: 0;
}

/* Price Button Animation */
.price-btn {
    position: relative;
}

.price-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(212, 175, 55, 0.2),
        transparent
    );
    transition: left 0.5s ease;
}

.price-btn:hover::before {
    left: 100%;
}

/* Form Input Focus Glow */
input:focus,
select:focus {
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
}

/* Custom Scrollbar for Modal */
.modal-content::-webkit-scrollbar {
    width: 6px;
}

.modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 10px;
}

.modal-content::-webkit-scrollbar-thumb:hover {
    background: #AA8C2C;
}