:root{
  --brand:#4b362f;       /* marrom */
  --brand-2:#b08a5a;     /* dourado suave */
  --bg:#f6efe7;          /* bege claro */
  --text:#2a2320;
  --muted:#6f615b;
  --card:#ffffff;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --radius: 18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
.container{width:min(1120px, 92vw); margin:0 auto}
.section{padding:72px 0}
.section.alt{background:#fff8f0}
.section-lead{color:var(--muted); margin-top:-8px}

/* Header */
.site-header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.75); backdrop-filter:saturate(180%) blur(14px); border-bottom:1px solid rgba(0,0,0,.06)}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.brand{display:flex; align-items:center; gap:12px; color:var(--brand); text-decoration:none; font-weight:700}
.brand img{width:38px;height:38px; border-radius:50%; object-fit:cover}
.brand span{font-family:'Playfair Display', serif; font-size:1.2rem}
.nav{display:flex; gap:18px; align-items:center}
.nav a{color:var(--text); text-decoration:none; font-weight:600}
.nav a:hover{color:var(--brand-2)}
.nav .cta{margin-left:10px}
.menu-toggle{display:none; background:none; border:none; font-size:24px}

/* Hero */
.hero{
  background:
    radial-gradient(1000px 600px at 10% -10%, rgba(176,138,90,.22), transparent 60%),
    radial-gradient(1000px 600px at 110% 10%, rgba(75,54,47,.18), transparent 60%);
  padding:100px 0 70px;
  text-align:center;
}
.hero-logo {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  box-shadow: var(--shadow);
  object-fit: cover;
}
.hero h1{font-family:'Playfair Display', serif; font-size:clamp(1.8rem, 4vw, 3rem); margin:18px 0 8px; color:var(--brand)}
.hero p{color:var(--muted); margin-bottom:20px}
.actions{display:flex; gap:12px; flex-wrap:wrap; justify-content:center}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:999px; font-weight:700; text-decoration:none;
  border:1.5px solid var(--brand); transition:.2s; box-shadow:var(--shadow)
}
.btn.primary{background:var(--brand); color:#fff; border-color:var(--brand)}
.btn.primary:hover{transform:translateY(-1px); filter:brightness(1.05)}
.btn.ghost{background:#fff; color:var(--brand)}
.btn.ghost:hover{border-color:var(--brand-2); color:var(--brand-2)}

/* Grid + Cards */
.grid{display:grid; gap:20px}
.cards{grid-template-columns:repeat(3, 1fr); margin-top:24px}
.card{background:var(--card); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow)}
.card h3{font-family:'Playfair Display', serif; color:var(--brand); margin-top:0}
.card ul{padding-left:18px; margin:0}
.card li{margin:6px 0}
.price{float:right; color:var(--muted)}

/* Gallery */
.gallery{grid-template-columns:repeat(3, 1fr); margin-top:20px}
.ph{
  background: repeating-linear-gradient(45deg, #ead8c2, #ead8c2 12px, #f4e7d6 12px, #f4e7d6 24px);
  height:180px; border-radius:var(--radius); display:flex; align-items:center; justify-content:center; color:#7d6a5b; font-weight:700; box-shadow:var(--shadow)
}

/* About */
.two-col{display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:start}
.about-card{background:var(--card); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow)}
.bullets{padding-left:18px}

/* Contact */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch}
.map-card{background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow)}
.map-card iframe{width:100%; height:280px; border:0}
.inline-actions{display:flex; gap:10px; flex-wrap:wrap}

/* WhatsApp floating */
.whatsapp-float{
  position:fixed; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; background:var(--brand-2); color:#fff;
  text-decoration:none; font-weight:800; box-shadow:var(--shadow)
}
.whatsapp-float:hover{filter:brightness(1.05)}

/* Footer */
.site-footer{padding:30px 0; text-align:center; color:var(--muted)}
.site-footer .socials{margin-top:6px; display:flex; gap:10px; justify-content:center}
.site-footer .socials a{color:var(--brand); opacity:.9}
.site-footer .socials a:hover{color:var(--brand-2)}

/* Responsive */
@media (max-width: 920px){
  .cards{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .two-col{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .menu-toggle{display:block}
  .nav{position:absolute; top:64px; right:0; background:rgba(255,255,255,.98); padding:12px; gap:10px; flex-direction:column; align-items:flex-start; box-shadow:var(--shadow); border-radius:12px; margin-right:12px; display:none}
  .nav.open{display:flex}
}
.gallery.embeds {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}

.gallery.embeds blockquote {
  margin: auto;
  max-width: 100% !important;
}