/* DEFAULT STYLES */
:root{ --color-red:#8B1A1A; --color-green:#00512a; --color-gold:#f1c76f; --color-gold-2:#D4AF37; }
body,html{ font-family: Arial,sans-serif; }
body{ width:100vw; overflow-x:hidden; background-color:var(--color-green); }
body nav>*,body main>*{ overflow-x:hidden; }
main{ min-height:90vh; margin-top:0; }
.navbar{ text-transform:uppercase; letter-spacing:1px; font-size:14px; }
.navbar .nav-link{ color:#f4f4f4; font-size:16px; }
.navbar .nav-link:hover,.navbar .nav-link.selected,.nav-link:hover{ color:var(--color-gold)!important; }
.navbar{ background-color:var(--color-green); }
.navbar-toggler{ border:none!important; box-shadow:none!important; }
.navbar-toggler:focus{ box-shadow:none!important; }
.navbar-toggler .navbar-toggler-icon{ background-image:url("data:image/svg+xml; charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255,255,255,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
@media(max-width:768px){ 
    body.menu-open{ overflow:hidden; }.navbar-toggler{ z-index:1050; }
    .navbar-collapse{ position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:var(--color-green); z-index:1040; display:none; align-items:center; justify-content:center; padding:2rem; overflow:hidden; }
    .navbar-collapse.show{ display:flex!important; }
    .navbar-collapse .navbar-nav{ text-align:center; width:100%; margin:0; }
    .navbar-collapse .nav-link{ color:white!important; font-size:1.5rem; margin:1rem 0; padding:1rem 0; border:none; display:block; }
    .navbar-collapse .nav-link:hover{ color:var(--color-gold)!important; }.navbar:has(.navbar-collapse.show){ opacity:1; }
    #mobileMenu{ min-height:101vh; }
    .navbar-brand{ display:none!important; }nav.navbar{ position:fixed!important; z-index:3; background-color:transparent!important; border:none!important; }
}

/* CUSTOM STYLES */
.bg-green1,.btn-primary-custom{ background-color:var(--color-green)!important; }
.text-gold{ color:var(--color-gold)!important; }
.text-white{ color:#f4f4f4!important; }
.bg-dark-green{ background-color:var(--color-green)!important; background-image:url('/site/img/bg_green.webp')!important; background-size:100%!important; background-position:center!important; background-repeat:repeat!important; }
.bg-red{ background-color:var(--color-red)!important; background-image:url('/site/img/bg_red.webp')!important; background-size:100%!important; background-position:center!important; background-repeat:repeat!important; }
.btn-gold{ background-color:var(--color-gold)!important; color:#FFF!important; }
.btn-outline-gold{ border:2px solid var(--color-gold)!important; color:var(--color-gold)!important; background-color:transparent!important; }
.btn-outline-gold:hover{ background-color:var(--color-gold)!important; color:#FFF!important; }
nav.navbar{ border-bottom:5px solid var(--color-gold); }
.hero-section{ height:calc(100vh - 138px); overflow:hidden; }
.video-wrapper{ overflow:hidden; }
.video-wrapper iframe{ width:100%; height:100%; z-index:1; }
.hero-overlay{ background:rgba(0,0,0,0.3); z-index:2; padding-left:8vw; }
.hero-content-left{ max-width:20vw; min-width:250px; }
.hero-logo-img{ max-width:100%; width:100%; filter:drop-shadow(0 4px 8px rgba(0,0,0,0.5)); transition:all 0.5s ease; }
.hero-logo-img:hover{ transform:scale(1.05); filter:drop-shadow(0 6px 12px rgba(0,0,0,0.7)); }
.reservation-btn{ border:none; color:#333; padding:18px 40px; border-radius:50px; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:1.1rem; transition:all 0.3s ease; box-shadow:0 4px 20px rgba(0,0,0,0.15); text-decoration:none; z-index:4; }
.reservation-btn:hover{ background:#F4E4BC; transform:translateY(-3px); box-shadow:0 8px 30px rgba(0,0,0,0.2); color:#333; text-decoration:none; }
.reservation-btn i{ font-size:1.2rem; }

/* CAROUSEL STYLES */
.carousel-card{ background:#D4AF37; border:2px solid var(--color-gold); border-radius:8px; padding:15px; min-height:180px; position:relative; overflow:hidden; transition:all 0.3s ease; }
.carousel-card:hover{ transform:translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,0.15); }
.carousel-card img{ width:100%; height:180px; object-fit:cover; border-radius:4px;}
.carousel-card-content{ text-align:center; }
.carousel-card-title{ color:#333; font-size:1.2rem; font-weight:700; margin:0; text-transform:uppercase; letter-spacing:0.5px; }
.carousel-indicators-below{ display:flex; justify-content:center; gap:12px; margin-top:2rem; padding:0; }
.carousel-indicators-below button{ width:14px; height:14px; border-radius:50%; background-color:#ddd; border:2px solid transparent; transition:all 0.4s ease; cursor:pointer; position:relative; outline:none; }
.carousel-indicators-below button:hover{ background-color:var(--color-gold); transform:scale(1.1); border-color:var(--color-gold); }
.carousel-indicators-below button.active{ background-color:var(--color-green)!important; transform:scale(1.3)!important; border-color:var(--color-green)!important; box-shadow:0 0 0 3px rgba(0,81,42,0.2)!important; }
.carousel-indicators-below button.active:hover{ background-color:var(--color-green); transform:scale(1.4); box-shadow:0 0 0 4px rgba(0,81,42,0.3); }
.carousel-control-prev,.carousel-control-next{ width:50px; height:50px; background-color:#666; border-radius:50%; top:50%; transform:translateY(-50%); opacity:0.8; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center; }
.carousel-control-prev{ left:-25px; }
.carousel-control-next{ right:-25px; }
.carousel-control-prev-icon,.carousel-control-next-icon{ width:20px; height:20px; }

@media(max-width:768px){ 
    .hero-section{ height:calc(100vh - 70px); }
    .hero-content-left{ max-width:30vw; min-width:200px; }
    .hero-overlay{ padding-left:1.5rem; justify-content:center!important; }
    .reservation-btn{ padding:15px 30px; font-size:1rem; }
    .carousel-card{ min-height:220px; }
    .carousel-card img{ height:150px; }
    .carousel-card-title{ font-size:1.1rem; }
    .carousel-control-prev,.carousel-control-next{ width:40px; height:40px; }
    .carousel-control-prev{ left:-20px; }
    .carousel-control-next{ right:-20px; }
}

@media(max-width:576px){ 
    .carousel-card{ min-height:200px; }
    .carousel-card img{ height:130px; }
    .carousel-card-title{ font-size:1rem; }
    .carousel-control-prev,.carousel-control-next{ width:35px; height:35px; }
    .carousel-control-prev{ left:-15px; }
    .carousel-control-next{ right:-15px; }
    .hero-content-left{ max-width:40vw; min-width:180px; }
    .hero-overlay{ padding-left:1rem; justify-content:center!important; }
    .reservation-btn{ padding:12px 25px; font-size:0.9rem; }
    .logo-container{ margin-bottom:1.5rem!important; }
}

@media(max-width:480px){ 
    .hero-content-left{ max-width:80vw; min-width:160px; }
    .hero-overlay{ padding-left:0.5rem; justify-content:center!important; }
    .reservation-btn{ padding:10px 20px; font-size:0.85rem; }
}