:root{
  --ink:#111; --muted:#666; --bg:#fff; --brand:#C8353A; --sand:#D6BF91; --sand-2:#B79A62;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;scroll-behavior:smooth}
a{color:var(--ink);text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 24px}

/* nav */
nav.site{position:sticky;top:0;background:#ffffffcc;backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #eee;z-index:50}
nav .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}
.logo img{height:32px;width:auto}
.menu{display:flex;gap:26px;font-weight:700}
.menu a{padding:8px 6px;border-radius:10px}
.menu a:hover{background:rgba(0,0,0,.04)}

/* HERO base */
.hero{position:relative}
.hero img{width:100%;height:62vh;object-fit:cover;display:block}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%);pointer-events:none}
.hero-overlay{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;max-width:980px;transition:transform .25s ease,opacity .25s ease}
.hero-overlay h1{margin:0 0 8px;font-weight:900;letter-spacing:.01em;font-size:clamp(26px,4vw,46px);line-height:1.06;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hero-overlay p{margin:0 0 10px;font-size:clamp(15px,1.8vw,18px);opacity:.97;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#fff;padding:7px 12px;border-radius:999px;font-weight:900;font-size:13.5px;backdrop-filter:saturate(140%) blur(6px)}
.hero.shrink .hero-overlay{transform:translateY(-10px) scale(.985);opacity:.92}

/* sections & text */
h1{font-size:36px;line-height:1.12;margin:0 0 10px;font-weight:900}
h2{font-size:22px;line-height:1.2;margin:0 0 18px;font-weight:800}
.section{padding:80px 0;border-top:1px solid #f1f1f1}
.lead{font-size:18px;color:var(--muted);max-width:860px}

/* grid gallery 16:9 */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{position:relative;overflow:hidden;border-radius:16px;background:#f8f8f8}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .6s ease}
.card:hover img{transform:scale(1.04)}
.card .cap{position:absolute;left:12px;bottom:10px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));padding:30px 12px 8px 12px;border-radius:0 0 12px 12px;font-weight:700}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:100}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 20px 80px rgba(0,0,0,.5)}
.lb .nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:92vw;color:#fff;font-size:32px;font-weight:900;user-select:none}
.lb .close{position:absolute;top:24px;right:24px;color:#fff;font-size:28px;background:rgba(255,255,255,.2);padding:8px 12px;border-radius:10px;cursor:pointer}

/* ctas */
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:30px;font-weight:800}
.btn.gold{background:linear-gradient(135deg,var(--sand),var(--sand-2));color:#fff}
.btn.ghost{border:2px solid var(--sand-2);color:var(--sand-2)}
.btn img{height:18px;width:18px}

/* lists */
.cols{columns:2;gap:40px;max-width:980px}
.cols p{break-inside:avoid;margin:0 0 12px}

/* footer */
footer{background:#111;color:#eee;padding:40px 0;margin-top:60px}
.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px}
.social{display:flex;gap:10px}
.social a{display:inline-flex;border-radius:10px;overflow:hidden}
.smallnote{color:#a0a0a0;font-size:13px}

/* whatsapp floating */
.fab{position:fixed;right:20px;bottom:20px;height:62px;width:62px;border-radius:50%;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:60;background:#25D366;display:flex;align-items:center;justify-content:center}
.fab img{height:32px;width:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}

/* fade-in */
.fade{opacity:0;transform:translateY(16px);transition:all .6s ease}
.fade.show{opacity:1;transform:none}

/* responsive */
@media(max-width:980px){
  .grid{grid-template-columns:1fr 1fr}
  .cols{columns:1}
  .hero img{height:48vh}
  .menu{gap:14px}
}
@media(max-width:640px){
  .grid{grid-template-columns:1fr}
  h1{font-size:28px}
  h2{font-size:18px}
  .hero img{height:42vh}
}

/* sticky spacing hotfix */
:root{ --hdr: 88px; }
header, .site-header { position: sticky !important; top: 0; z-index: 1000; }
html { scroll-padding-top: var(--hdr); }
main > section:first-of-type, .section:first-of-type { margin-top: var(--hdr); }


/* === Hard kill for images in Locations === */
#locations img, #locations .maps { display: none !important; visibility: hidden !important; }


/* === Mobile burger menu (premium minimal, no overlay) === */
.burger{display:none;position:relative;height:38px;width:44px;border:0;background:transparent;cursor:pointer}
.burger span{position:absolute;left:8px;right:8px;height:2px;background:#111;border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease}
.burger span:nth-child(1){top:12px}
.burger span:nth-child(2){top:18px}
.burger span:nth-child(3){top:24px}
nav.site.open .burger span:nth-child(1){top:18px;transform:rotate(45deg)}
nav.site.open .burger span:nth-child(2){opacity:0}
nav.site.open .burger span:nth-child(3){top:18px;transform:rotate(-45deg)}

@media(max-width:980px){
  .burger{display:block}
  nav.site .menu{display:none}
  nav.site.open .menu{display:block;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid #eee;box-shadow:0 8px 24px rgba(0,0,0,.06)}
  nav.site.open .menu a{display:block;padding:14px 20px;border-top:1px solid #f3f3f3}
  nav.site.open .menu a:hover{background:rgba(0,0,0,.03)}
}


/* Enhanced WhatsApp FAB visuals */
.fab{
  background: linear-gradient(135deg,#25D366,#19c25e);
  border: 2px solid rgba(0,0,0,.06);
  box-shadow: 0 12px 30px rgba(0,0,0,.22), 0 0 0 6px rgba(37,211,102,.14);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.fab:hover{ transform: translateY(-2px) scale(1.04); box-shadow: 0 16px 36px rgba(0,0,0,.26), 0 0 0 8px rgba(37,211,102,.18) }
.fab:active{ transform: translateY(0) scale(.98) }
.fab img{ filter: drop-shadow(0 2px 4px rgba(0,0,0,.18)) brightness(1.05) }


/* === Stronger visuals: hero chips & WhatsApp FAB (override) === */

/* Make hero chips clearly brighter; third is gold to match .btn.gold */
.chips .chip:nth-child(1),
.chips .chip:nth-child(2){
  background: rgba(255,255,255,.48) !important;
  border-color: rgba(255,255,255,.85) !important;
  color: #fff !important;
  box-shadow: inset 0 6px 18px rgba(255,255,255,.18), 0 8px 22px rgba(0,0,0,.22) !important;
  backdrop-filter: saturate(160%) blur(8px);
}
.chips .chip:nth-child(3){
  background: linear-gradient(135deg,var(--sand),var(--sand-2)) !important;
  color:#fff !important;
  border: 0 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
  box-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
}

/* Premium WhatsApp FAB — enforced overrides without changing size/logic */
body .fab{
  background: linear-gradient(135deg,#28d76b,#16b257) !important;
  border: 2px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.28), 0 0 0 10px rgba(37,211,102,.18) !important;
  position: fixed; right:20px; bottom:20px; height:62px; width:62px; border-radius:50%;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  isolation: isolate;
}
body .fab::before{
  content:''; position:absolute; inset:8px; border-radius:50%;
  background: radial-gradient(140% 140% at 30% 25%, rgba(255,255,255,.45) 0%, rgba(255,255,255,.08) 40%, rgba(255,255,255,0) 65%);
  pointer-events:none;
}
body .fab::after{
  content:''; position:absolute; inset:-12px; border-radius:50%;
  background: radial-gradient(closest-side, rgba(37,211,102,.22), rgba(37,211,102,0));
  filter: blur(2px); z-index:-1; pointer-events:none;
}
body .fab:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 22px 44px rgba(0,0,0,.32), 0 0 0 12px rgba(37,211,102,.20) !important }
body .fab:active{ transform: translateY(0) scale(.98) }
body .fab img{ height:32px; width:32px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.22)) brightness(1.08) }


/* === Ultra-bright hero chips with breathing glow, and enhanced WhatsApp icon === */

/* Breathing glow animation */
@keyframes chipGlow {
  0% { box-shadow: var(--chip-shadow-a); opacity: .98; }
  50% { box-shadow: var(--chip-shadow-b); opacity: 1; }
  100% { box-shadow: var(--chip-shadow-a); opacity: .98; }
}

/* Define reusable shadow variables (fallback if :root not present) */
:root{
  --chip-shadow-a: 0 10px 28px rgba(0,0,0,.28), 0 0 0 10px rgba(255,255,255,.10);
  --chip-shadow-b: 0 16px 42px rgba(0,0,0,.34), 0 0 0 14px rgba(255,255,255,.14);
}

/* First two chips — bright glass with internal light and glow */
.chips .chip:nth-child(1),
.chips .chip:nth-child(2){
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  color:#0f0f0f !important;
  backdrop-filter: saturate(180%) blur(10px);
  text-shadow: 0 1px 2px rgba(255,255,255,.45), 0 2px 10px rgba(255,255,255,.25);
  box-shadow: var(--chip-shadow-a) !important;
  position: relative;
  overflow: visible;
  animation: chipGlow 1.4s ease-in-out infinite;
}
.chips .chip:nth-child(1)::before,
.chips .chip:nth-child(2)::before{
  content:''; position:absolute; inset:2px; border-radius:999px;
  background: radial-gradient(120% 120% at 30% 15%, rgba(255,255,255,.65) 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,0) 70%);
  pointer-events:none;
}

/* Third chip — premium gold with soft aura (matches .btn.gold palette) */
.chips .chip:nth-child(3){
  background: linear-gradient(135deg,var(--sand),var(--sand-2)) !important;
  color:#fff !important;
  border: 0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
  box-shadow: 0 12px 32px rgba(0,0,0,.34), 0 0 0 12px rgba(210,170,80,.20) !important;
  position: relative; overflow: visible;
  animation: chipGlow 1.2s ease-in-out infinite;
}
.chips .chip:nth-child(3)::before{
  content:''; position:absolute; inset:2px; border-radius:999px;
  background: radial-gradient(140% 140% at 28% 18%, rgba(255,255,255,.55) 0%, rgba(255,255,255,.10) 46%, rgba(255,255,255,0) 68%);
  pointer-events:none;
}

/* Hover emphasis (desktop) */
@media (hover:hover){
  .chips .chip:hover{ filter: saturate(110%); transform: translateY(-1px); }
}

/* WhatsApp FAB — keep green, improve white handset glyph */
body .fab img{
  height:32px; width:32px;
  filter: drop-shadow(0 0 1px rgba(0,0,0,.35))
          drop-shadow(0 2px 2px rgba(0,0,0,.25))
          brightness(1.14) contrast(1.05);
}
/* Add subtle white glow around the handset to pop on green */
body .fab .wa-glow{ display:none } /* safety if element doesn't exist */
body .fab::marker{ content:'' } /* no-op fix for some browsers */


/* === MAX emphasis for hero chips + refined WhatsApp handset === */

/* Stronger breathing aura */
:root{
  --chip-shadow-a: 0 14px 34px rgba(0,0,0,.34), 0 0 0 12px rgba(255,255,255,.14);
  --chip-shadow-b: 0 22px 60px rgba(0,0,0,.42), 0 0 0 16px rgba(255,255,255,.20);
}
@keyframes chipGlow {
  0% { box-shadow: var(--chip-shadow-a); }
  50% { box-shadow: var(--chip-shadow-b); }
  100% { box-shadow: var(--chip-shadow-a); }
}

/* First two chips — near-white glass, very bright and readable */
.chips .chip:nth-child(1),
.chips .chip:nth-child(2){
  background: rgba(255,255,255,.92) !important;
  color:#111 !important;
  border: 1px solid rgba(255,255,255,.98) !important;
  box-shadow: var(--chip-shadow-a) !important;
  text-shadow: none !important;
  backdrop-filter: saturate(190%) blur(10px);
  position: relative; overflow: visible;
  animation: chipGlow 1.3s ease-in-out infinite;
  filter: saturate(115%);
}
.chips .chip:nth-child(1)::before,
.chips .chip:nth-child(2)::before{
  content:''; position:absolute; inset:1.5px; border-radius:999px;
  background: radial-gradient(120% 120% at 30% 15%, rgba(255,255,255,.85) 0%, rgba(255,255,255,.22) 45%, rgba(255,255,255,0) 68%);
  pointer-events:none;
}

/* Third chip — bolder gold with aura */
.chips .chip:nth-child(3){
  background: linear-gradient(135deg,var(--sand),var(--sand-2)) !important;
  color:#fff !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.45) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.38), 0 0 0 14px rgba(210,170,80,.26) !important;
  position: relative; overflow: visible;
  animation: chipGlow 1.1s ease-in-out infinite;
  filter: saturate(120%);
}
.chips .chip:nth-child(3)::before{
  content:''; position:absolute; inset:1.5px; border-radius:999px;
  background: radial-gradient(140% 140% at 28% 18%, rgba(255,255,255,.65) 0%, rgba(255,255,255,.12) 46%, rgba(255,255,255,0) 68%);
  pointer-events:none;
}

/* WhatsApp handset — crisper white with subtle halo */
body .fab img{
  image-rendering: -webkit-optimize-contrast;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.90))
    drop-shadow(0 1px 1px rgba(0,0,0,.28))
    brightness(1.22)
    contrast(1.12);
}