:root{ --bg:#F5F2EB; --ink:#2b2b2b; --muted:#5f6368; --brand:#C8B08E; --brand-ink:#A89273; --card:#ffffff; --border:#e6dfd3; } *{box-sizing:border-box} html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden} img,iframe{max-width:100%;height:auto;display:block} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} .container{max-width:1120px;margin:0 auto;padding:0 20px} header{position:sticky;top:0;background:rgba(245,242,235,.9);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);z-index:40} .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px} .logo{display:flex;align-items:center;gap:10px} .logo img{height:32px;width:auto} .menu{display:flex;gap:20px;flex-wrap:wrap} .menu a{font-weight:600} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:12px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:.2s all;white-space:nowrap} .btn.brand{background:var(--brand);color:#fff} .btn.brand:hover{background:var(--brand-ink)} .btn.ghost{border-color:var(--border);background:#fff} .hero{padding:52px 0 26px;background:linear-gradient(135deg,rgba(200,176,142,.18),rgba(200,176,142,.06))} .hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center} .hero h1{font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:0 0 14px} .hero p{color:var(--muted)} .tag{display:inline-block;background:#f4efe7;color:#6c5b47;padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px;margin-bottom:10px;border:1px solid var(--border)} .card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 20px rgba(2,6,23,.06)} .section{padding:48px 0} .section h2{font-size:clamp(22px,2.6vw,32px);margin:0 0 10px} .muted{color:var(--muted)} .about{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center} .grid{display:grid;gap:20px} .cols-3{grid-template-columns:repeat(3,1fr)} .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start} .whats-fab{position:fixed;right:18px;bottom:18px;padding:14px 18px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;box-shadow:0 12px 28px rgba(2,6,23,.15);z-index:60} .whats-fab:hover{filter:brightness(.97)} .hero-img img{width:100%;height:auto;object-fit:contain;background:#fff} .about img{width:100%;height:auto;object-fit:contain;background:#fff;border-radius:12px} .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px} .gallery .g{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff} .gallery .g img{width:100%;height:auto;object-fit:contain;background:#fff} @media (max-width: 920px){ .hero-inner,.about,.contact-grid{grid-template-columns:1fr} header .menu{display:none} .gallery{grid-template-columns:1fr 1fr} .logo img{height:28px} } @media (max-width: 900px){ .hero-inner { grid-template-columns: 1fr !important; } .contact-grid { grid-template-columns: 1fr !important; } .card.hero-img { display:block !important; }
} 
/* --- Visual upgrade v1 (safe, static) --- */
:root{
  --bg:#f6f1ea;
  --surface:#ffffff;
  --text:#1e1e1e;
  --muted:#5a5a5a;
  --brand:#c8b08a;
  --brand2:#2f2a24;
  --radius:18px;
  --shadow:0 14px 35px rgba(0,0,0,.10);
}
html,body{background:var(--bg)!important;color:var(--text)!important}
a{color:inherit}
header{background:rgba(246,241,234,.88)!important;border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter: blur(10px);position:sticky;top:0;z-index:50}
nav a{border-radius:12px;padding:8px 10px}
nav a:hover{background:rgba(0,0,0,.04)}
.container{max-width:1080px;margin:0 auto;padding:0 18px}
.section{padding:28px 0}
.card{background:var(--surface)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important}
h1{font-size:30px;line-height:1.12;margin:12px 0 10px}
h2{font-size:22px;margin:0 0 10px}
.muted{color:var(--muted)!important;line-height:1.65}
.btn{border-radius:14px!important;font-weight:700!important}
.btn.primary{background:var(--brand2)!important;color:#fff!important}
.btn.ghost{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;color:var(--brand2)!important}
.heroWrap{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch;margin-top:12px}
.heroMedia{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08)}
.heroMedia img{width:100%;height:100%;object-fit:cover;display:block}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--brand2);
  background:rgba(200,176,138,.22);border:1px solid rgba(200,176,138,.35);
  padding:7px 10px;border-radius:999px}
.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pill{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:#fff}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery img{width:100%;border-radius:14px;display:block}
h1{font-size:26px}
  .gallery{grid-template-columns:1fr}
}


/* --- Hotfix: remove top bar + prevent WA overlap --- */
body{margin:0!important;padding:0!important}
header{margin:0!important}


/* --- Hotfix v2: header without "white bar" look --- */
header{
  background: var(--bg)!important;
  border-bottom: 1px solid rgba(0,0,0,.06)!important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06)!important;
}
header .nav{padding:10px 0!important}
.menu{gap:10px!important}


/* Hotfix: mobile header content */

.site-header{min-height:56px}
.logo{font-weight:800;letter-spacing:.2px;color:var(--ink);text-decoration:none}
.top-ctas{display:flex;gap:10px;align-items:center}
.icon-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:#fff;text-decoration:none;color:var(--ink);font-weight:700;white-space:nowrap}
.icon-btn.whatsapp{background:var(--accent);border-color:transparent;color:#fff}
@media (max-width: 720px){
  .top-ctas .icon-btn{padding:9px 10px;font-size:.92rem}
  .hero{padding-top:28px}
}
@media (max-width: 420px){
  .top-ctas{gap:8px}
  .top-ctas .icon-btn{padding:8px 9px;font-size:.88rem}
}


/* --- Mobile top header buttons (icon mode) --- */
.icon-btn{display:flex;align-items:center;gap:10px; position:relative;}
.icon-btn .ico{font-size:18px; line-height:1;}
@media (max-width: 720px){
  .top-ctas{gap:8px;}
  .icon-btn{padding:10px; width:44px; height:44px; justify-content:center;}
  .icon-btn .label{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
}

  .cta-link{display:inline-block;margin-top:10px;font-weight:700;text-decoration:underline;text-underline-offset:4px;}
  .cta-link:focus,.cta-link:hover{opacity:.85;}
.cta-link{display:inline-flex;align-items:center;gap:0;margin-top:10px;color:var(--brand-ink);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(43,43,43,.22);font-size:.84rem}
.cta-link:after{content:""}
.cta-link:hover{border-bottom-color:rgba(43,43,43,.6)}

/* --- Home cards layout (mobile-first) --- */
.cards4{display:grid;gap:12px;grid-template-columns:1fr}.cards4 .card{padding:15px;display:flex;flex-direction:column}.cards4 h3{margin:0 0 5px;font-size:1rem;line-height:1.22}.cards4 .muted{font-size:.92rem;margin:0 0 8px}.cards4 .cta-link{margin-top:7px;font-size:.82rem;font-weight:600;align-self:flex-start}(min-width:700px){.cards4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.useful-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.useful-grid .card{padding:13px;display:flex;flex-direction:column}.useful-grid .card .cta-link{margin-top:auto;align-self:flex-start}
.useful-grid h3{margin:0 0 5px;font-size:.98rem;line-height:1.22}
.useful-grid .muted{font-size:.9rem;margin:0 0 8px}
.useful-grid .cta-link{margin-top:8px;font-size:.82rem;gap:0;display:inline-block;border-bottom:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(43,43,43,.22)}
.useful-grid .cta-link:hover{text-decoration-color:rgba(43,43,43,.55)}
@media(max-width:420px){.useful-grid{gap:8px}.useful-grid .card{padding:11px}.useful-grid h3{font-size:.94rem}.useful-grid .muted{font-size:.86rem}}
.card h3{margin-top:0}
.card .cta-link{margin-top:10px}
.heroBlock{padding:18px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.75)}


/* subtle green, not neon */

/* Hero image without frame */
.hero-img{background:transparent !important; box-shadow:none !important; padding:0 !important; border:none !important}
.hero-img img{border-radius:18px; display:block}


.quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:560px;margin:14px 0 0}
.quicklinks a{display:flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:rgba(255,255,255,.32);color:#4a4a4a;font-size:13px;font-weight:500;text-decoration:none;text-align:center;line-height:1.15;box-shadow:none}
.quicklinks a:hover{text-decoration:none;background:rgba(255,255,255,.45)}
@media (min-width: 900px){.quicklinks{grid-template-columns:repeat(4,max-content);max-width:none;gap:10px}.quicklinks a{padding:7px 12px;font-size:13px;border-radius:15px}}
.gallery-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.gallery-wrap .g{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}
.gallery-wrap .g img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
@media (max-width: 920px){.gallery-wrap{grid-template-columns:1fr 1fr}}