*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{color:#fff}

/* HEADER */
.header{
position:fixed;top:0;width:100%;height:64px;
background:linear-gradient(90deg,#0d6efd,#00c6ff);
display:flex;align-items:center;justify-content:space-between;
padding:0 20px;z-index:1000;
}

.logo a{
display:flex;align-items:center;gap:10px;
color:#fff;text-decoration:none;
}

.logo img{height:30px}

.nav{display:flex;gap:25px}
.nav a{color:#fff;text-decoration:none;font-size:14px}

.lang-switch{display:flex;gap:8px}
.lang-switch a{
background:#fff;color:#000;
padding:4px 8px;border-radius:6px;
cursor:pointer;font-size:12px;
}

/* HERO */
.hero{
min-height:100vh;
position:relative;
display:flex;
align-items:flex-start;
justify-content:center;
padding-top:80px;
padding-bottom:40px;
}

.hero::before{
content:"";
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:url("pool.jpg") center center / cover no-repeat;
z-index:-1;
}

.hero-content{
max-width:750px;
width:100%;
padding:30px 20px;
text-align:center;
line-height:1.6;
}

.hero-content h1{
font-size:34px;
white-space:nowrap;
}

.hero-content p{
font-size:18px;
margin-bottom:20px;
}

/* BUTTON */
.btn-primary{
display:inline-block;
padding:12px 26px;
background:linear-gradient(135deg,#00c6ff,#0072ff);
border-radius:8px;
color:#fff;text-decoration:none;
margin:20px 0;
}

/* BLOCK */
.hero-block{
background:rgba(0,0,0,0.65);
padding:20px;
border-radius:12px;
margin-top:15px;
text-align:left;
}

/* CONTACT */
.contact-grid{
display:grid;
grid-template-columns:1fr 1fr 180px;
gap:20px;
align-items:start;
width:100%;
box-sizing:border-box;
}

.contact-card{
background:rgba(0,0,0,0.7);
padding:20px;
border-radius:10px;
min-height:280px;
height:auto;
display:flex;
flex-direction:column;
justify-content:center;
box-sizing:border-box;
word-break:break-word;
}

.contact-card p{
font-size:13px;
margin-bottom:6px;
}

.map iframe{
width:100%;
height:280px;
border-radius:10px;
border:none;
}

.contact-buttons{
display:flex;
flex-direction:column;
gap:10px;
}

.whatsapp{
background:#25D366;
padding:10px;
border-radius:8px;
text-align:center;
color:#fff;
}

.chat{
background:#0d6efd;
padding:10px;
border-radius:8px;
text-align:center;
color:#fff;
}

/* GALLERY */
.gallery{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:12px;
margin-top:15px;
}

.gallery img{
width:100%;
height:200px;
object-fit:cover;
border-radius:10px;
cursor:pointer;
transition:transform 0.2s, opacity 0.2s;
}

.gallery img:hover{
transform:scale(1.03);
opacity:0.9;
}

/* LIGHTBOX */
#lightbox{
display:none;
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:rgba(0,0,0,0.9);
z-index:9999;
align-items:center;
justify-content:center;
cursor:zoom-out;
}

#lightbox img{
max-width:90%;
max-height:90vh;
border-radius:10px;
box-shadow:0 0 40px rgba(0,0,0,0.8);
}

/* Hide ALL Tawk widgets completely */
#tawk-bubble-container,
.tawk-min-container,
[id^="tawk-"],
[class^="tawk-"],
iframe[src*="tawk.to"],
div[style*="tawk"],
.widget-visible{
display:none!important;
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important;
width:0!important;
height:0!important;
}
.footer{
background:#000;
text-align:center;
padding:15px;
font-size:14px;
}
/* ===== HAMBURGER BUTTON ===== */
.hamburger{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
background:none;
border:none;
padding:4px;
}
.hamburger span{
display:block;
width:24px;height:3px;
background:#fff;
border-radius:2px;
transition:all 0.3s;
}

/* ===== MOBILE MENU ===== */
.mobile-menu{
display:none;
position:fixed;
top:64px;left:0;
width:100%;
background:linear-gradient(180deg,#0d6efd,#0057cc);
flex-direction:column;
z-index:999;
padding:10px 0;
box-shadow:0 4px 20px rgba(0,0,0,0.3);
}
.mobile-menu a{
color:#fff;
text-decoration:none;
padding:14px 24px;
font-size:16px;
border-bottom:1px solid rgba(255,255,255,0.1);
display:block;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu.open{display:flex}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){

/* Header */
.nav{display:none}
.hamburger{display:flex}
.header{padding:0 16px}

/* Hero */
.hero{padding-top:74px;padding-bottom:30px}

/* Titles */
.hero-content h1{
  font-size:22px;
  white-space:normal;
}
.hero-content p{font-size:15px}

/* Blocks */
.hero-block{padding:16px}
.hero-block h3{font-size:16px}
.hero-block p, .hero-block li{font-size:14px}

/* Contact grid → single column */
.contact-grid{
  grid-template-columns:1fr;
}
.contact-card{min-height:auto}
.map iframe{height:220px}
.contact-buttons{
  flex-direction:row;
  justify-content:center;
}
.whatsapp,.chat{
  flex:1;
  padding:14px 10px;
  font-size:15px;
}

/* Gallery → 2 columns */
.gallery{grid-template-columns:repeat(2,1fr)}
.gallery img{height:150px}

/* Button */
.btn-primary{
  padding:14px 24px;
  font-size:15px;
  display:block;
  text-align:center;
}

/* Lang switch */
.lang-switch a{padding:5px 10px;font-size:13px}
}

@media(max-width:400px){
.hero-content h1{font-size:18px}
.gallery{grid-template-columns:1fr}
}