/* ═══════════════════════════════════════════════════════════════
   Cora La Vie — folha de estilo única
   Editar aqui muda TODAS as páginas de uma vez.
   Paleta e tipografia conforme o Manual da Marca (cap. 4).
   ═══════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --cacau:#4A3428;
  --cacau-deep:#3A291F;
  --vanilla:#F6F0E8;
  --vanilla-dim:#EFE7DB;
  --branco:#FFFFFF;
  --gold:#C7A46A;
  --gold-soft:#DCC79B;
  --texto:#5C4A46;
  --texto-suave:#7A6960;
  --linha:#E2D6C6;
  --raio:3px;
  --header-h:74px;
}

html{scroll-behavior:smooth}
body{
  background:var(--vanilla);
  color:var(--texto);
  font-family:'Montserrat',system-ui,sans-serif;
  font-weight:300;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}

h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:var(--cacau);line-height:1.18}

.wrap{max-width:1080px;margin:0 auto;padding:0 26px}
.wrap-slim{max-width:720px;margin:0 auto;padding:0 26px}

.eyebrow{font-size:10px;letter-spacing:3.4px;text-transform:uppercase;font-weight:500;color:var(--gold);margin-bottom:14px}
.fio{width:34px;height:1px;background:var(--gold);margin:22px 0}
.fio.centro{margin-left:auto;margin-right:auto}

/* ─────────────────────── HEADER ─────────────────────── */
.topo{
  position:sticky;top:0;z-index:1000;
  background:rgba(246,240,232,.94);
  backdrop-filter:saturate(140%) blur(9px);
  border-bottom:1px solid var(--linha);
}
.topo-inner{
  max-width:1180px;margin:0 auto;padding:0 26px;
  height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.marca img{height:40px;width:auto}
.marca-nome{
  font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:500;
  letter-spacing:4.2px;text-transform:uppercase;color:var(--cacau);
  line-height:1;padding-top:2px;
}

.nav{display:flex;align-items:center;gap:30px}
.nav a{
  font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:400;
  color:var(--texto);text-decoration:none;padding:6px 0;position:relative;
  transition:color .2s;white-space:nowrap;
}
.nav a:hover{color:var(--cacau)}
.nav a.atual{color:var(--cacau);font-weight:500}
.nav a.atual::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);
}
/* CTA principal do menu — destaque discreto */
.nav a.destaque{
  color:var(--cacau);font-weight:500;
  border:1px solid var(--gold);border-radius:var(--raio);
  padding:9px 17px;transition:background .22s,border-color .22s,color .22s;
}
.nav a.destaque:hover{background:var(--cacau);border-color:var(--cacau);color:var(--vanilla)}
.nav a.destaque.atual::after{display:none}
.nav a.destaque.atual{background:var(--cacau);border-color:var(--cacau);color:var(--vanilla)}

.menu-btn{
  display:none;background:none;border:0;cursor:pointer;padding:8px;
  flex-direction:column;gap:4.5px;
}
.menu-btn span{display:block;width:21px;height:1px;background:var(--cacau);transition:transform .25s,opacity .2s}
.menu-btn.aberto span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.menu-btn.aberto span:nth-child(2){opacity:0}
.menu-btn.aberto span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

@media (max-width:880px){
  :root{--header-h:64px}
  .menu-btn{display:flex}
  .nav{
    position:absolute;top:var(--header-h);left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--vanilla);border-bottom:1px solid var(--linha);
    padding:8px 26px 20px;
    display:none;
  }
  .nav.aberto{display:flex}
  .nav a{padding:15px 0;border-bottom:1px solid var(--linha);letter-spacing:2.6px;font-size:11px}
  .nav a:last-child{border-bottom:0}
  .nav a.atual::after{display:none}
  .nav a.destaque{margin-top:14px;text-align:center;padding:14px 17px;border-bottom:1px solid var(--gold)}
  .marca img{height:34px}
  .marca-nome{font-size:14px;letter-spacing:3.4px}
}
@media (max-width:400px){
  .marca-nome{display:none}
}

/* ─────────────────────── SEÇÕES ─────────────────────── */
.sec{padding:88px 0}
.sec-dim{background:var(--vanilla-dim)}
.sec-titulo{font-size:clamp(1.6rem,4.6vw,2.35rem);margin-bottom:10px}
.sec-sub{font-size:14px;color:var(--texto-suave);max-width:540px;margin-bottom:38px}
.centro{text-align:center}
.centro .sec-sub{margin-left:auto;margin-right:auto}

/* ─────────────────────── HERO (home) ─────────────────────── */
.hero{padding:76px 0 84px;text-align:center;background:var(--vanilla)}
.hero-logo{width:min(268px,64vw);margin:0 auto 30px}
.hero h1{font-size:clamp(1.85rem,6vw,3rem);font-style:italic;margin-bottom:18px}
.hero p{font-size:15px;max-width:520px;margin:0 auto 40px;line-height:2}

.caminhos{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:stretch}
.caminho{
  flex:1 1 330px;max-width:420px;text-align:left;
  background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);
  padding:34px 30px 30px;display:flex;flex-direction:column;
  text-decoration:none;transition:border-color .25s,transform .25s;
}
.caminho:hover{border-color:var(--gold);transform:translateY(-3px)}
.caminho.principal{background:var(--cacau);border-color:var(--cacau)}
.caminho.principal:hover{border-color:var(--gold-soft)}
.caminho.principal h3,.caminho.principal .c-eyebrow{color:var(--gold-soft)}
.caminho.principal p{color:#D8CCC2}
.caminho.principal .c-seta{color:var(--gold-soft);border-color:rgba(220,199,155,.4)}
.c-eyebrow{font-size:9.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}
.caminho h3{font-size:1.75rem;margin-bottom:10px}
.caminho p{font-size:13.5px;line-height:1.85;flex:1;margin-bottom:22px}
.c-seta{
  font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:500;
  color:var(--cacau);border-top:1px solid var(--linha);padding-top:16px;
}

/* ─────────────────────── CESTAS ─────────────────────── */
.cestas{display:flex;flex-wrap:wrap;gap:24px}
.cesta{
  flex:1 1 320px;background:var(--branco);border:1px solid var(--linha);
  border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;
  transition:border-color .25s;
}
.cesta:hover{border-color:var(--gold)}
.cesta-foto{height:290px;overflow:hidden;background:var(--vanilla)}
.cesta-foto img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.cesta-corpo{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column}
.cesta h3{font-size:1.6rem;margin-bottom:4px}
.cesta .serve{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--texto-suave);margin-bottom:14px}
.cesta .resumo{font-size:13.5px;line-height:1.85;margin-bottom:16px}
.cesta .itens{font-size:12.5px;line-height:1.9;color:var(--texto-suave);border-top:1px solid var(--linha);padding-top:15px;margin-bottom:20px;flex:1}
.cesta-rodape{display:flex;align-items:center;justify-content:space-between;gap:12px}
.preco{font-family:'Cormorant Garamond',serif;font-size:1.75rem;color:var(--cacau)}

/* ─────────────────────── BOTÕES ─────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;font-weight:500;text-decoration:none;cursor:pointer;
  padding:15px 30px;border-radius:var(--raio);border:1px solid var(--cacau);
  background:var(--cacau);color:var(--vanilla);transition:background .2s,color .2s;
}
.btn:hover{background:var(--cacau-deep);border-color:var(--cacau-deep)}
.btn-linha{background:transparent;color:var(--cacau)}
.btn-linha:hover{background:var(--cacau);color:var(--vanilla)}
.btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}

/* ─────────────────────── TEXTO LONGO ─────────────────────── */
.prosa p{font-size:14.5px;line-height:2.05;margin-bottom:20px}
.prosa p:last-child{margin-bottom:0}
.prosa .destaque-frase{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.3rem,3.6vw,1.7rem);color:var(--cacau);
  text-align:center;margin:44px 0;line-height:1.45;
}

/* ─────────────────────── EM PREPARO ─────────────────────── */
.passos-preview{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px}
.passo-card{
  flex:1 1 230px;background:var(--branco);border:1px solid var(--linha);
  border-radius:var(--raio);padding:26px 24px 28px;
}
.passo-card .n{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--gold);font-weight:600;letter-spacing:2px}
.passo-card h4{font-size:1.28rem;margin:8px 0 8px}
.passo-card p{font-size:13px;line-height:1.8;color:var(--texto-suave)}

/* ─────────────────────── CONTATO ─────────────────────── */
.contato-grid{display:flex;flex-wrap:wrap;gap:22px;margin-top:8px}
.contato-card{
  flex:1 1 240px;max-width:340px;background:var(--branco);border:1px solid var(--linha);
  border-radius:var(--raio);padding:28px 26px 30px;
}
@media (max-width:620px){ .contato-card{max-width:none} }
.contato-card h4{font-size:1.3rem;margin-bottom:8px}
.contato-card p{font-size:13.5px;line-height:1.85;color:var(--texto-suave)}
.contato-card a{color:var(--cacau);text-decoration:none;border-bottom:1px solid var(--gold)}
.contato-card a:hover{color:var(--cacau-deep)}

/* ─────────────────────── FOOTER ─────────────────────── */
.rodape{background:var(--cacau);color:#CBB9AC;padding:52px 0 40px;font-size:12px;letter-spacing:.4px}
.rodape-inner{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
.rodape-marca{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--gold);letter-spacing:2.4px;text-transform:uppercase;margin-bottom:8px;font-weight:500}
.rodape-nav{display:flex;flex-direction:column;gap:9px}
.rodape-nav a{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#CBB9AC;text-decoration:none;transition:color .2s}
.rodape-nav a:hover{color:var(--gold-soft)}
.rodape-base{border-top:1px solid rgba(203,185,172,.2);margin-top:34px;padding-top:22px;font-size:11px;text-align:center;color:#A8968A}
.rodape a.link{color:#CBB9AC}

@media (max-width:620px){
  .sec{padding:64px 0}
  .cesta-rodape{flex-direction:column;align-items:stretch;gap:14px}
  .cesta-rodape .btn{width:100%}
  .rodape-inner{flex-direction:column;gap:26px}
}

/* ─────────────────────── BOTÃO FLUTUANTE WHATSAPP ─────────────────────── */
.fab-wpp{
  position:fixed;right:20px;bottom:20px;z-index:1200;
  display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;
  background:#25D366;text-decoration:none;
  box-shadow:0 4px 16px rgba(37,211,102,.34);
  transition:transform .2s,box-shadow .2s;
}
.fab-wpp:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.44)}
.fab-wpp:active{transform:scale(.94)}
.fab-wpp svg{width:29px;height:29px;fill:#fff}
@media (max-width:620px){
  .fab-wpp{right:16px;bottom:16px;width:50px;height:50px}
  .fab-wpp svg{width:27px;height:27px}
}