:root{
  --bg:#1e180f;
  --bg1:#947236;
  --card:#212734;
  --text:#1e1926;
  --muted:#091010;
  --line:rgba(16, 14, 14, 10);
  --white:#4c3030;
  --gold:#8e761f;
  --wood1:#241f1b;
  --wood2:#31241c;
  --teal:#0e1111;
  --shadow:0 24px 70px rgba(0,0,0,.25);
  --shadow2:0 14px 44px rgba(0,0,0,.18);
  --radius:18px;
  --radius2:24px;
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial;
  background:
    radial-gradient(900px 420px at 20% -10%, rgba(105, 95, 59, 0.24), transparent 55%),
    radial-gradient(700px 360px at 90% 10%, rgba(30, 44, 43, 0.22), transparent 60%),
    linear-gradient(180deg, #f6efe3 0%, #f3e6cf 40%, #0f6efe3 100%);
  color:var(--text);
}

img{max-width:100%;display:block;}
.container{width:min(1100px,92vw);margin:0 auto;}

.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip:focus{left:16px;top:16px;width:auto;height:auto;z-index:9999;background:#fff;padding:10px 12px;border-radius:10px;color:#111;box-shadow:0 10px 30px rgba(0,0,0,.25)}

.header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,18,32,.72);
  backdrop-filter: blur(12px);
  border-bottom:1px solid var(--line);
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;}
.brand{display:flex;align-items:center;gap:12px;min-width:260px;}
.brand__mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg, rgba(212,175,55,.95), rgba(124,90,58,.95));display:flex;align-items:center;justify-content:center;color:#111;box-shadow:0 18px 45px rgba(212,175,55,.22)}
.brand__name{font-weight:900;letter-spacing:.2px;font-size:16px;}
.brand__tag{font-size:12px;color:var(--muted);font-weight:700;margin-top:2px;}

.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.nav__link{
  color:var(--text);text-decoration:none;
  font-weight:800;font-size:14px;
  padding:10px 12px;border-radius:14px;
  border:1px solid transparent;
  transition:.2s;
}
.nav__link:hover{border-color:rgba(212,175,55,.45);background:rgba(212,175,55,.08);color:var(--white)}

.header__actions{display:flex;align-items:center;gap:12px;}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:14px;text-decoration:none;
  border:1px solid transparent;
  font-weight:900;font-size:14px;
  cursor:pointer;
  transition:.2s;
  user-select:none;
}

.btn--primary{background:linear-gradient(135deg, rgba(212,175,55,.95), rgba(124,90,58,.95));color:#111;border-color:rgba(0,0,0,.08);box-shadow:0 20px 50px rgba(212,175,55,.20)}
.btn--primary:hover{transform:translateY(-2px);filter:saturate(1.06)}

.btn--secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--white)}
.btn--secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(212,175,55,.35)}

.btn--ghost{background:transparent;border-color:rgba(255,255,255,.16);color:var(--white)}
.btn--ghost:hover{border-color:rgba(212,175,55,.45);background:rgba(212,175,55,.08)}

.btn--whatsapp{background:linear-gradient(135deg,#0ea05a,#16a34a);color:#fff;border-color:rgba(0,0,0,.0);box-shadow:0 18px 45px rgba(22,163,74,.22)}
.btn--whatsapp:hover{transform:translateY(-2px)}

.btn--full{width:100%;justify-content:center}

.hamburger{display:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;width:46px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}
.hamburger span{width:18px;height:2px;background:rgba(255,255,255,.85);border-radius:2px}

.mobileNav{display:none;}

@media (max-width: 980px){
  .nav{display:none;}
  .hamburger{display:flex;}
  .mobileNav{display:block;}
}
.mobileNav[hidden]{display:none;}

.hero{padding:26px 0 34px;}
.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;}

.hero__copy{position:relative;}
.pill{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.30);color:rgba(212,175,55,.95);padding:10px 14px;border-radius:999px;font-weight:900;font-size:13px;margin-bottom:14px;}
.hero__title{font-size:44px;line-height:1.05;letter-spacing:-.7px;margin:0 0 12px;font-weight:1000;}
.hero__subtitle{color:#2f2d28;font-weight:650;margin:0 0 18px;max-width:560px}

.hero__ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;}

.hero__stats{display:flex;gap:12px;flex-wrap:wrap;}
.stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;min-width:170px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.stat__value{font-weight:1000;font-size:18px;color:var(--gold)}
.stat__label{color:var(--muted);font-weight:800;font-size:12px;margin-top:4px;line-height:1.35}

.hero__media{display:flex;flex-direction:column;gap:12px;}
.mediaCard{background:rgba(25, 23, 23, 0.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius2);overflow:hidden;box-shadow:var(--shadow2);position:relative;}
.mediaCard img{height:360px;width:100%;object-fit:cover;filter:saturate(1.05)}
.mediaCard__overlay{position:absolute;left:16px;bottom:16px;right:16px;background:linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.55));border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.12)}
.mediaCard__chip{display:inline-flex;align-items:center;gap:10px;color:rgba(212,175,55,.95);font-weight:950;font-size:13px;background:rgba(212,175,55,.10);border:1px solid rgba(212,175,55,.22);padding:8px 12px;border-radius:999px;margin-bottom:10px}
.mediaCard__title{font-weight:1000;font-size:18px;margin-bottom:6px}
.mediaCard__desc{color:rgba(7, 7, 7, 0.92);font-weight:800;font-size:13px}

.mediaRow{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.thumb{background:rgba(27, 25, 25, 0.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);overflow:hidden;position:relative;}
.thumb img{height:150px;width:100%;object-fit:cover}
.thumb__label{padding:10px 12px;font-weight:900;color:rgba(24, 26, 29, 0.94);border-top:1px solid rgba(14, 12, 12, 0.1);font-size:13px}

@media (max-width: 980px){
  .hero__inner{grid-template-columns:1fr;}
  .hero__title{font-size:34px;}
  .mediaCard img{height:290px;}
}



.section{padding:42px 0;}


.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;}
.sectionHead h2{margin:0;font-size:30px;font-weight:1000;letter-spacing:-.4px;}
.sectionHead p{margin:0;color:var(--muted);font-weight:750;max-width:520px;}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}

.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius2);padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.card--media{padding:0;overflow:hidden}
.card--media img{height:100%;min-height:320px;object-fit:cover}
.cardTitle{margin:0 0 10px;font-weight:1000;letter-spacing:-.2px;display:flex;align-items:center;gap:10px}

.list{margin:0;padding-left:18px;color:#000;font-weight:750;}
.list li{margin:8px 0;line-height:1.5;color:#000;}


.specGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.specItem{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.specItem span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:6px}
.specItem b{font-size:14px;color:var(--white)}

.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}

.section--alt{background:linear-gradient(180deg, rgba(255,255,255,.00) 0%, rgba(255,255,255,.04) 100%);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}

.divider{height:1px;background:rgba(255,255,255,.12);margin:14px 0}

.address{color:#000;font-weight:850;line-height:1.6;margin:10px 0 14px}
.contactChips{display:flex;gap:10px;flex-wrap:wrap}
.chip{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#8e761f;font-weight:900;font-size:13px}

.form{display:flex;flex-direction:column;gap:12px}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:flex;flex-direction:column;gap:8px}
span{font-weight:900;color:#000;font-size:13px;}

.list{color:#000;}
.list li{color:#000;}
.list li b{color:#000;}



input,select,textarea{
  width:100%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:12px 12px;
  color:var(--text);
  font:inherit;
  outline:none;
}
input:focus,select:focus,textarea:focus{border-color:rgba(212,175,55,.60);box-shadow:0 0 0 3px rgba(212,175,55,.18)}

/* Modals */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);padding:18px;z-index:9999}
.modal__panel{width:min(640px,92vw);background:rgba(33,35,43,.98);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.modal__body{padding:16px 18px}
.iconBtn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.92);border-radius:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}

.success{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.35);color:#22c55e;font-weight:950}


.card--media .mapWrap{height:360px}
.mapWrap iframe{width:100%;height:100%;border:0;}