:root{--preto:#000;--branco:#fff;--off:#eeeae7;--bege:#dfd6cb;--areia:#e8d9c5;--taupe:#a4998d;--texto:#1c1a18;--serif:"Playfair Display",ui-serif,Georgia,serif;--sans:"Inter",ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--branco);color:var(--texto);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.75}
img{max-width:100%;height:auto}
a{color:inherit}
.caixa{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}
.eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.24em;color:var(--taupe);font-size:.75rem;font-weight:400;margin:0 0 12px}

.topo{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--off)}
.topo-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo img{display:block;height:36px;width:auto}
.topo nav{display:flex;gap:20px;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em}
.topo nav a{text-decoration:none}
.topo nav a:not(.cta-mini){display:none}
.cta-mini{background:var(--preto);color:var(--branco);padding:10px 14px}
.cta-mini:hover{background:var(--taupe)}
@media(min-width:720px){.topo nav a:not(.cta-mini){display:inline}}

h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--preto);line-height:1.2;letter-spacing:.01em}
.capa{padding:64px 20px 24px}
.capa h1{font-size:clamp(2rem,6vw,3.4rem);margin:0 0 20px;max-width:18ch}
.lead{font-size:1.1rem;color:#4a4540;max-width:60ch;margin:0 0 16px}
.bloco{padding-top:40px}
.bloco h2{font-size:1.6rem;margin:0 0 20px;padding-top:24px;border-top:1px solid var(--off)}

.grade{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){.grade{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grade{grid-template-columns:repeat(3,1fr)}}
.cartao a{display:flex;flex-direction:column;height:100%;padding:24px;background:var(--off);text-decoration:none;transition:background .3s}
.cartao a:hover{background:var(--areia)}
.cartao h3{font-size:1.25rem;margin:0 0 10px}
.cartao p{margin:0 0 16px;font-size:.95rem;color:#4a4540;line-height:1.6}
.cartao .mais{margin-top:auto;font-size:.72rem;text-transform:uppercase;letter-spacing:.22em}

.post{max-width:760px;padding-top:32px;padding-bottom:16px}
.trilha{font-size:.8rem;color:var(--taupe);margin-bottom:28px}
.trilha a{text-decoration:none}
.post h1{font-size:clamp(1.9rem,5.5vw,3rem);margin:0 0 18px}
.meta{font-size:.8rem;color:var(--taupe);letter-spacing:.04em;margin:0 0 28px}
.indice{background:var(--off);padding:20px 24px;margin:0 0 32px}
.indice ol{margin:0;padding-left:20px;font-size:.95rem;line-height:1.9}
.indice a{text-decoration:none}
.indice a:hover{text-decoration:underline}
.texto h2{font-size:clamp(1.45rem,4vw,1.9rem);margin:48px 0 14px;scroll-margin-top:84px}
.texto h3{font-size:1.25rem;margin:32px 0 10px}
.texto p,.texto li{color:#2c2925}
.texto ul,.texto ol{padding-left:22px}
.texto li{margin-bottom:6px}
.texto strong{font-weight:500;color:var(--preto)}
.texto a{text-decoration:underline;text-underline-offset:3px}
.texto blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:2px solid var(--taupe);font-family:var(--serif);font-style:italic;font-size:1.2rem}

.cta{background:var(--preto);color:rgba(255,255,255,.8);padding:32px 24px;margin:48px 0 24px}
.cta .eyebrow{color:var(--areia)}
.cta-t{font-family:var(--serif);font-size:1.6rem;color:var(--branco);margin:0 0 10px;line-height:1.25}
.botao{display:inline-block;margin-top:12px;background:var(--branco);color:var(--preto);padding:14px 20px;text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em}
.botao:hover{background:var(--areia)}
.relacionados{padding-top:16px;padding-bottom:56px}

.rodape{background:var(--preto);color:rgba(255,255,255,.65);padding:48px 0 96px;font-size:.92rem;margin-top:24px}
.rodape .eyebrow{color:var(--areia)}
.rodape a{color:rgba(255,255,255,.85)}
.rodape .pe{margin-top:24px;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.45)}
.wa-fixo{position:fixed;right:20px;bottom:20px;z-index:20;background:var(--preto);color:var(--branco);padding:14px;display:flex;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.wa-fixo:hover{background:var(--taupe)}