/* ===== Essenza — estilos compartilhados do blog (componentes + prose) =====
   Complementa o assets/app.css (Tailwind). Carregar DEPOIS do app.css. */
:root{
  --primary:#6B2E24; --secondary:#D1A24A; --accent:#8A4D3A;
  --soft:#F8F2E8; --cream:#FBF7F0; --text:#5A342B; --header-h:76px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{font-family:Manrope,system-ui,sans-serif;background:var(--cream);color:var(--text);}
h1,h2,h3,h4,.font-display{font-family:Outfit,Manrope,system-ui,sans-serif;letter-spacing:-.02em;}

/* Botões */
.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(180deg,#7D3428,#5D241B);color:#fff;font-weight:900;padding:1rem 1.35rem;border-radius:1rem;box-shadow:0 14px 28px rgba(107,46,36,.22);transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;}
.btn-solid:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(107,46,36,.28);filter:saturate(1.05);}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:rgba(107,46,36,.06);color:var(--primary);font-weight:900;padding:1rem 1.35rem;border-radius:1rem;border:1px solid rgba(107,46,36,.18);transition:.2s ease;}
.btn-ghost:hover{background:rgba(107,46,36,.1);border-color:rgba(107,46,36,.28);}

/* Header */
.blog-header{position:sticky;top:0;z-index:100;background:rgba(248,242,232,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(107,46,36,.1);}
.blog-header a.nav-link{color:var(--primary);font-weight:800;opacity:.88;}
.blog-header a.nav-link:hover{opacity:1;text-decoration:underline;text-underline-offset:6px;}

/* Breadcrumb */
.crumbs{font-size:.85rem;color:rgba(90,52,43,.7);}
.crumbs a{color:var(--primary);font-weight:700;}
.crumbs a:hover{text-decoration:underline;}

/* Cartões de post (index) */
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(209,162,74,.35);border-radius:1.35rem;overflow:hidden;box-shadow:0 10px 24px rgba(17,24,39,.06);transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease;}
.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(17,24,39,.1);border-color:rgba(209,162,74,.6);}
.post-card .tag{font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8A6614;}
/* A11y: dourado mais escuro para TEXTO (contraste WCAG AA). Fundos/bordas/ícones seguem o dourado da marca (--secondary). */
.text-secondary{color:#8A6614;}

/* Prose do artigo */
.prose-essenza{color:var(--text);font-size:1.075rem;line-height:1.78;}
.prose-essenza p{margin:0 0 1.15rem;}
.prose-essenza h2{font-size:1.85rem;line-height:1.2;color:var(--primary);font-weight:800;margin:2.4rem 0 .9rem;}
.prose-essenza h3{font-size:1.3rem;color:var(--accent);font-weight:800;margin:1.8rem 0 .6rem;}
.prose-essenza ul,.prose-essenza ol{margin:0 0 1.2rem;padding-left:1.35rem;}
.prose-essenza li{margin:.4rem 0;}
.prose-essenza ul li{list-style:disc;}
.prose-essenza ol li{list-style:decimal;}
.prose-essenza a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.prose-essenza strong{color:var(--primary);}
.prose-essenza blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--secondary);background:var(--soft);border-radius:.5rem;color:rgba(90,52,43,.92);}
.prose-essenza table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.98rem;}
.prose-essenza th,.prose-essenza td{border:1px solid rgba(107,46,36,.18);padding:.6rem .75rem;text-align:left;vertical-align:top;}
.prose-essenza th{background:var(--soft);color:var(--primary);font-weight:800;}

/* CTA interno */
.cta-box{background:linear-gradient(180deg,#f7efe2,#f3e6d2);border:1px solid rgba(209,162,74,.4);border-radius:1.35rem;padding:1.6rem;}

/* FAQ */
.faq-item{background:#fff;border:1px solid rgba(107,46,36,.14);border-radius:1rem;padding:1rem 1.15rem;margin-bottom:.75rem;}
.faq-item summary{font-weight:800;color:var(--primary);cursor:pointer;}
.faq-item p{margin-top:.6rem;color:rgba(90,52,43,.85);}

/* WhatsApp flutuante */
.wa-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:90;width:60px;height:60px;border-radius:999px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.9rem;box-shadow:0 10px 26px rgba(37,211,102,.45);cursor:pointer;border:none;transition:transform .15s ease;}
.wa-float:hover{transform:scale(1.08);}

/* Cookie banner */
.cookie-banner{background:#fff;border:1px solid rgba(107,46,36,.12);box-shadow:0 20px 40px rgba(17,24,39,.14);}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto;}}