/* =====================================================
   CASA MARGARIDA — Shared chrome (nav + footer + floats)
   Replica a identidade da home nas páginas internas (WC).
   Nav em modo SÓLIDO por padrão (sem hero escuro atrás).
   ===================================================== */

:root{
  --deep:#0a0604; --deep-2:#160c08; --ink:#2A150B; --brown:#3a1c10;
  --terra:#9A4D2E; --terra-warm:#B86142; --mid:#9E6C54;
  --beige:#E8D9CC; --rose:#D4B5A6;
  --cream:#FAF3EF; --bone:#F8F1E8; --white:#fff; --txt:#6B3B26;
  --serif:'Fraunces',Georgia,serif;
  --script:'Italianno','Brush Script MT',cursive;
  --brand:'Tangerine','Italianno',cursive;
  --sans:'Inter',-apple-system,sans-serif;
  --ease:cubic-bezier(.7,0,.2,1);
  --gutter:clamp(1.4rem,5vw,5rem);
}

/* ─── NAV (sólida) ─────────────────────────────────── */
.cm-nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem var(--gutter);
  background:rgba(250,243,239,.92);
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid rgba(154,77,46,.12);
  font-family:var(--sans);
}
.cm-nav .n-logo{
  display:flex;align-items:baseline;gap:.62em;
  text-decoration:none;color:var(--ink);
}
.cm-nav .n-logo .casa{
  font-family:var(--serif);font-size:.8rem;font-weight:300;
  letter-spacing:.4em;text-transform:uppercase;color:var(--ink);
}
.cm-nav .n-logo .marg{
  font-family:var(--brand);font-size:2.5rem;font-weight:700;
  line-height:.7;color:var(--terra);
}
.cm-nav .n-links{display:flex;gap:2.4rem;align-items:center}
.cm-nav .n-links > a:not(.n-icon):not(.n-cta){
  font-size:.62rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;position:relative;padding:.3rem 0;
  transition:color .4s var(--ease);
}
.cm-nav .n-links > a:not(.n-icon):not(.n-cta)::after{
  content:'';position:absolute;left:50%;right:50%;bottom:-.2rem;height:1px;
  background:var(--terra);transition:left .45s var(--ease),right .45s var(--ease);
}
.cm-nav .n-links > a:not(.n-icon):not(.n-cta):hover{color:var(--terra)}
.cm-nav .n-links > a:not(.n-icon):not(.n-cta):hover::after{left:0;right:0}

.cm-nav .n-icon{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;color:var(--ink);transition:color .4s;text-decoration:none;
}
.cm-nav .n-icon:hover{color:var(--terra)}
.cm-nav .n-icon svg{width:22px;height:22px}
.cm-nav .n-count{
  position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;
  background:var(--terra);color:var(--cream);border-radius:9px;
  font-family:var(--sans);font-size:.55rem;font-weight:600;line-height:16px;
  text-align:center;transform:scale(0);transition:transform .35s var(--ease);
}
.cm-nav .n-count.on{transform:scale(1)}

.cm-nav .n-cta{
  color:var(--cream) !important;background:var(--terra);border:none;
  padding:.85rem 2.1rem;font-weight:600;letter-spacing:.35em;font-size:.58rem;
  text-transform:uppercase;text-decoration:none;margin-left:.6rem;
  position:relative;overflow:hidden;transition:background .4s var(--ease),box-shadow .4s var(--ease);
}
.cm-nav .n-cta::before{
  content:'';position:absolute;top:0;left:-130%;width:60%;height:100%;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);
  transition:left .9s var(--ease);
}
.cm-nav .n-cta:hover::before{left:130%}
.cm-nav .n-cta:hover{background:var(--terra-warm);box-shadow:0 6px 24px rgba(154,77,46,.4)}

/* empurra o conteúdo pra baixo da nav fixa */
body.cm-inner{padding-top:74px !important}

@media(max-width:820px){
  .cm-nav{padding:.7rem 1rem;gap:.5rem}
  .cm-nav .n-logo{flex:0 1 auto;min-width:0;overflow:hidden}
  .cm-nav .n-logo .casa{font-size:.66rem;letter-spacing:.28em}
  .cm-nav .n-logo .marg{font-size:2rem}
  .cm-nav .n-links{gap:.2rem;flex:0 0 auto}
  .cm-nav .n-links > a:not(.n-icon):not(.n-cta){display:none}
  .cm-nav .n-cta{display:none}
  .cm-nav .n-icon{width:38px;height:38px}
  .cm-nav .n-icon svg{width:21px;height:21px}
  body.cm-inner{padding-top:60px !important}
}

/* ─── FOOTER (idêntico à home) ─────────────────────── */
.cm-ft{padding:5rem var(--gutter) 2.5rem;background:var(--deep);color:var(--bone);position:relative;font-family:var(--sans)}
.cm-ft .ft-divider{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1300px;margin:0 auto 3.2rem}
.cm-ft .ft-divider .ln{flex:1;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(228,201,183,.2),transparent)}
.cm-ft .seal-mark{width:120px;height:120px;flex:none;opacity:.92}
.cm-ft .seal-svg{width:100%;height:100%;overflow:visible}
.cm-ft .seal-rot{transform-origin:100px 100px;animation:cmSealspin 40s linear infinite}
.cm-ft .seal-ring-out{fill:none;stroke:rgba(228,201,183,.28);stroke-width:.6;stroke-dasharray:1 4.5}
.cm-ft .seal-ring-in{fill:none;stroke:rgba(228,201,183,.16);stroke-width:.5}
.cm-ft .seal-text{fill:var(--beige);font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase}
.cm-ft .seal-flower{fill:none;stroke:var(--beige);stroke-width:.7;opacity:.9}
@keyframes cmSealspin{to{transform:rotate(360deg)}}

.cm-ft .ft-g{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:4rem;max-width:1300px;margin:0 auto;padding-bottom:2.8rem;border-bottom:1px solid rgba(228,201,183,.08)}
.cm-ft .ft-brand h3{font-family:var(--serif);font-size:1.4rem;font-weight:300;color:var(--cream);margin:0 0 1.2rem;letter-spacing:.04em;display:flex;align-items:baseline;gap:.4em}
.cm-ft .ft-brand h3 .casa{font-size:.8em;letter-spacing:.4em;text-transform:uppercase}
.cm-ft .ft-brand h3 .marg{font-family:var(--brand);font-size:2.9em;font-weight:700;line-height:.5;color:var(--rose);vertical-align:-.02em}
.cm-ft .ft-brand p{font-family:var(--serif);font-style:italic;font-weight:300;font-size:.95rem;color:rgba(228,201,183,.55);line-height:1.7;max-width:320px;margin:0}
.cm-ft .ft-col h4{font-family:var(--sans);font-size:.55rem;font-weight:600;letter-spacing:.45em;text-transform:uppercase;color:var(--rose);margin:0 0 1.6rem}
.cm-ft .ft-col a,.cm-ft .ft-col p{display:block;font-family:var(--sans);font-size:.78rem;color:rgba(228,201,183,.55);margin:0 0 .7rem;transition:color .4s;line-height:1.7;text-decoration:none}
.cm-ft .ft-col a:hover{color:var(--cream)}
.cm-ft .ft-bot{max-width:1300px;margin:0 auto;padding-top:1.8rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.cm-ft .ft-bot p{font-family:var(--sans);font-size:.55rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(228,201,183,.3);margin:0}
.cm-ft .ft-bot p em{font-family:var(--script);font-style:normal;font-weight:400;font-size:2.1em;letter-spacing:0;text-transform:none;color:rgba(228,201,183,.55);display:inline-block;vertical-align:-.34em;line-height:1;padding:0 .12em;margin:0 .08em}

@media(max-width:820px){
  .cm-ft .ft-g{grid-template-columns:1fr 1fr;gap:2.4rem}
  .cm-ft .ft-brand{grid-column:1/-1}
}

/* ─── FLOATS ────────────────────────────────────────── */
.cm-wa{position:fixed;bottom:1.6rem;right:1.6rem;z-index:900;text-decoration:none}
.cm-wa .wa-btn{width:56px;height:56px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px rgba(0,0,0,.25);transition:all .5s var(--ease);border:1px solid rgba(228,201,183,.25)}
.cm-wa .wa-btn:hover{background:var(--terra);border-color:var(--terra);transform:translateY(-3px)}
.cm-wa .wa-btn svg{width:24px;height:24px;fill:var(--bone)}
.cm-wa .wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--terra);animation:cmWp 3.4s ease infinite;pointer-events:none}
@keyframes cmWp{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}

.cm-btt{position:fixed;bottom:1.6rem;left:1.6rem;z-index:900;width:44px;height:44px;border-radius:50%;background:var(--bone);border:1px solid rgba(207,173,153,.18);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .5s var(--ease);box-shadow:0 4px 16px rgba(43,24,16,.05);cursor:pointer}
.cm-btt.v{opacity:1;transform:translateY(0)}
.cm-btt:hover{background:var(--ink);border-color:var(--ink)}
.cm-btt svg{width:13px;height:13px;stroke:var(--terra);fill:none;stroke-width:2;transition:stroke .3s}
.cm-btt:hover svg{stroke:var(--bone)}

/* esconde header/footer padrão do tema nas páginas internas */
body.cm-inner .site-header,
body.cm-inner header.site-header,
body.cm-inner .site-footer,
body.cm-inner footer.site-footer{display:none !important}