:root{
  --verde:#1f3a2c;
  --verde-escuro:#142619;
  --verde-claro:#3d5a45;
  --vermelho:#8e2123;
  --vermelho-escuro:#831315;
  --oliva:#9c8345;
  --oliva-claro:#c6ad6f;
  --creme:#f3ecd9;
  --creme-claro:#faf5e6;
  --branco:#fffdf7;
  --texto:#1f2a22;
  --muted:#6b6a5c;
  --wa:#25d366;
  --wa-escuro:#1ebe5b;
  --radius:18px;
  --radius-lg:28px;
  --shadow-sm:0 4px 16px -8px rgba(20,38,25,.18);
  --shadow:0 18px 40px -22px rgba(20,38,25,.35);
  --grad-verde:linear-gradient(135deg,var(--verde) 0%,var(--verde-escuro) 100%);
  --grad-creme:linear-gradient(160deg,var(--creme-claro) 0%,#fff 100%);
  --grad-hero:linear-gradient(135deg,#f6ecd2 0%,#faf5e6 55%,#e9e2c4 100%);
  --grad-wa:linear-gradient(135deg,var(--wa) 0%,var(--wa-escuro) 100%);

  --grad-vermelho:linear-gradient(135deg,var(--vermelho) 0%,var(--vermelho-escuro) 100%);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--texto);
  background:var(--branco);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

h1,h2,h3{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.01em;
  margin:0 0 .4em;
  /* color:var(--verde-escuro); */
  color:var(--vermelho);
}
h1{font-size:clamp(2.2rem,5.2vw,3.8rem)}
h2{font-size:clamp(1.7rem,3.8vw,2.6rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}

.container{width:100%;max-width:1160px;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:760px;margin:0 auto}
.center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:.9rem}

.eyebrow{
  display:inline-block;
  font-size:.78rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--oliva);
  /* color:var(--vermelho); */
  font-weight:600;
  margin-bottom:.9rem;
}
.eyebrow.light{color:var(--oliva-claro)}
.accent{color:var(--oliva);font-style:italic}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.95rem 1.6rem;border-radius:999px;font-weight:600;font-size:.98rem;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
  cursor:pointer;border:none;
}
/* .btn-primary{background:var(--grad-verde);color:var(--creme-claro);box-shadow:var(--shadow-sm)} */
.btn-primary{background:var(--grad-vermelho);color:var(--creme-claro);box-shadow:var(--shadow-sm)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-ghost{background:transparent;color:var(--verde);border:1.5px solid var(--verde)}
.btn-ghost:hover{background:var(--verde);color:#fff}
.btn-gold{background:linear-gradient(135deg,var(--oliva),var(--oliva-claro));color:var(--verde-escuro);box-shadow:var(--shadow-sm)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-wa{background:var(--grad-wa);color:#fff;box-shadow:0 8px 22px -10px rgba(1, 26, 10, 0.6)}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(37,211,102,.65)}
.btn-wa svg{flex-shrink:0}
.btn.big{padding:1.1rem 2rem;font-size:1.05rem}
.btn.block{display:flex;width:100%}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,253,247,.9);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(31,58,44,.08);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem}
.brand{display:flex;align-items:center;gap:.6rem;}
.brand-logo{height:42px;width:auto;display:block}
.header-cta{
  background:var(--grad-wa);color:#fff;padding:.6rem 1.15rem;border-radius:999px;font-weight:600;font-size:.9rem;
  display:inline-flex;align-items:center;gap:.4rem;
}
.header-cta:hover{filter:brightness(1.05);box-shadow:0 6px 18px -8px rgba(1, 31, 12, 0.6);}

/* Hero */
.hero{
  background:var(--grad-hero);
  padding:4rem 0 5rem;
  position:relative;overflow:hidden;
}
.hero-inner{max-width:760px;text-align:center;margin:0 auto}
.hero .lead{font-size:1.15rem;color:var(--muted);margin-top:.5rem}
.hero-ctas{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:1.8rem 0}
.hero-badges{
  list-style:none;padding:0;margin:1.5rem 0 0;
  display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;
}
.hero-badges li{
  background:rgba(255,255,255,.7);border:1px solid rgba(31,58,44,.12);
  padding:.45rem .95rem;border-radius:999px;font-size:.85rem;color:var(--verde-escuro);font-weight:500;
}
.hero-art{max-width:520px;margin:2.5rem auto 0;padding:0 1.25rem}
.hero-img{aspect-ratio:16/10;border-radius:var(--radius-lg)}

/* Image placeholders */
.img-placeholder{
  background:linear-gradient(135deg,var(--verde) 0%,var(--verde-claro) 50%,var(--oliva) 100%);
  border-radius:var(--radius);
  display:grid;place-items:center;
  box-shadow:var(--shadow);
  position:relative;overflow:hidden;
}
.img-placeholder::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 50%);
}
/* .img-placeholder span{
  font-family:'Cormorant Garamond',serif;font-size:4rem;color:var(--oliva-claro);
  font-style:italic;text-shadow:0 4px 20px rgba(0,0,0,.2);z-index:1;
} */

/* Trustbar */
.trustbar{padding:3rem 0;background:#fff;border-bottom:1px solid rgba(31,58,44,.06)}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}
.trust-item{text-align:center}
.trust-icon{
  width:54px;height:54px;border-radius:50%;
  /* background:var(--creme);color:var(--verde); */
  background:var(--creme);color:var(--vermelho);
  display:grid;place-items:center;margin:0 auto 1rem;font-size:1.4rem;
}
.trust-item h3{font-size:1.1rem;margin-bottom:.3rem}
.trust-item p{font-size:.92rem;color:var(--muted);margin:0}

/* Emotional */
.emotional{padding:5rem 0;background:var(--grad-creme)}
.emotional h2{font-style:italic;font-size:clamp(1.9rem,4vw,2.8rem)}
.emotional p{font-size:1.15rem;color:var(--muted)}

/* Coleção */
.colecao{padding:5rem 0;background:var(--branco)}
.section-head{margin-bottom:3rem}
.section-head h2{margin-bottom:.5rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem}
.card{
  background:#fff;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;
  display:flex;flex-direction:column;position:relative;
  border:1px solid rgba(31,58,44,.06);
}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card.featured{border:1.5px solid var(--oliva)}
.card-img{aspect-ratio:4/3;border-radius:0}
.card-body{padding:1.6rem;display:flex;flex-direction:column;flex:1;gap:.6rem}
.card-body h3{margin:0}
.card-body p{color:var(--muted);font-size:.96rem;margin:0;flex:1}
.price{font-size:.95rem;color:var(--verde-escuro);margin:.4rem 0 .8rem}
.price strong{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700}
.seal{
  position:absolute;top:1rem;right:1rem;z-index:2;
  background:linear-gradient(135deg,var(--oliva),var(--oliva-claro));
  color:var(--verde-escuro);font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;
  padding:.35rem .8rem;border-radius:999px;box-shadow:var(--shadow-sm);
}

/* Urgência */
.urgencia{
  padding:5rem 0;
  background:var(--grad-verde);
  color:var(--creme-claro);
  text-align:center;
}
.urgencia h2{color:#fff;font-style:italic}
.urgencia p{color:rgba(255,253,247,.85);margin-bottom:2rem}

/* FAQ */
.faq{padding:5rem 0;background:var(--creme-claro)}
.faq-list{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}
.faq details{
  background:#fff;border-radius:var(--radius);
  padding:1.1rem 1.4rem;box-shadow:var(--shadow-sm);
  border:1px solid rgba(31,58,44,.06);transition:all .2s ease;
}
.faq details[open]{box-shadow:var(--shadow)}
.faq summary{
  cursor:pointer;font-weight:600;color:var(--verde-escuro);
  font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";font-size:1.5rem;color:var(--oliva);font-weight:300;transition:transform .2s ease;
}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:.9rem 0 0;color:var(--muted)}

/* Final CTA */
.cta-final{padding:5rem 0;background:var(--branco);text-align:center}
.cta-final h2{font-style:italic}
.cta-final p{color:var(--muted);font-size:1.1rem;margin-bottom:2rem}

/* Footer */
/* .site-footer{background:var(--verde-escuro);color:var(--creme-claro);padding:2.5rem 0} */
.site-footer{background:var(--vermelho-escuro);color:var(--creme-claro);padding:2.5rem 0}
.footer-inner{
  display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:flex-start;
}
.site-footer .brand-logo{filter:brightness(0) invert(1) sepia(.3) saturate(2) hue-rotate(15deg);opacity:.95}
.site-footer .muted{color:rgba(255,253,247,.65);margin-top: 20px;}
.site-footer a{color:var(--oliva-claro)}

/* WhatsApp FAB */
#wa-fab{
  position:fixed;bottom:1.3rem;right:1.3rem;z-index:60;
  width:58px;height:58px;border-radius:50%;
  background:var(--wa);color:#fff;
  display:grid;place-items:center;
  box-shadow:0 12px 30px -8px rgba(1, 17, 7, 0.55);
  transition:transform .2s ease;
}
#wa-fab:hover{transform:scale(1.08)}
#wa-fab img {width: 28px; height: 28px;}

/* Reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.reveal.in-view{opacity:1;transform:none}

@media (min-width:900px){
  .hero{padding:6rem 0 7rem}
  .hero-art{margin-top:3.5rem;max-width:680px}
  .hero-img{aspect-ratio:21/9}
}
@media (max-width:520px){
  .header-cta{padding:.5rem .9rem;font-size:.85rem}
  .btn{padding:.85rem 1.4rem}
  .brand-logo{height:34px}
  #wa-fab{width:54px;height:54px;bottom:1rem;right:1rem}
}