/* Estilos dos posts do blog. Colar no CSS personalizado junto de 00-estilos-css-personalizada.css. */
.blog-post { margin: 0 auto; max-width: 820px; color: var(--text); font-size: 1.05rem; line-height: 1.75; }
.blog-post h2 { color: var(--green); font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; margin: 2.2em 0 .6em; }
.blog-post h3 { color: var(--green); font-size: 1.15rem; margin: 1.6em 0 .4em; }
.blog-post h3.faq-q { background: var(--bg-secondary); border-radius: 8px; margin: 1.2em 0 .3em; padding: 12px 16px; }
.blog-post p { margin: 0 0 1.1em; }
.blog-post a:not(.button) { color: var(--terracotta); font-weight: 700; text-decoration: underline; }
.blog-post ul, .blog-post ol { margin: 0 0 1.3em; padding-left: 1.4em; }
.blog-post li { margin-bottom: .4em; }
.blog-post blockquote { background: var(--bg-secondary); border-left: 4px solid var(--terracotta); border-radius: 0 8px 8px 0; margin: 1.5em 0; padding: 14px 20px; }
.blog-post blockquote p { margin: 0; }
.blog-post .table-wrap { margin: 1.5em 0; overflow-x: auto; }
.blog-post table { border-collapse: collapse; font-size: .95rem; min-width: 560px; width: 100%; }
.blog-post th { background: var(--green); color: var(--white); text-align: left; }
.blog-post th, .blog-post td { border: 1px solid rgba(68, 103, 90, .15); padding: 10px 12px; vertical-align: top; }
.blog-post tbody tr:nth-child(even) { background: var(--bg-secondary); }
.blog-post .post-cta { margin: 1.4em 0; }
.blog-post .post-related { font-size: .95rem; }
.blog-post .post-note { border-top: 1px solid rgba(68, 103, 90, .2); color: var(--green-soft); font-size: .88rem; margin-top: 2em; padding-top: 1em; }
.blog-illustration svg { border-radius: 8px; box-shadow: var(--shadow); display: block; height: auto; width: 100%; }
.subpage-hero span.eyebrow { display: block; }
.blog-illustration img { border-radius: 8px; box-shadow: var(--shadow); display: block; height: auto; width: 100%; }
/* Posts: o WordPress remove <svg> do conteudo; o icone do WhatsApp vem por CSS e a data do tema fica oculta */
body:has(.equilibrio-site) .post-date, body:has(.equilibrio-site) .entry-date { display: none !important; }
.floating-whatsapp:not(:has(svg))::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M16.04 3.2c-7.02 0-12.73 5.7-12.73 12.72 0 2.24.59 4.43 1.7 6.36L3.2 28.8l6.68-1.75a12.7 12.7 0 0 0 6.16 1.57h.01c7.02 0 12.72-5.7 12.72-12.72S23.06 3.2 16.04 3.2Zm0 23.28h-.01c-1.86 0-3.69-.5-5.28-1.44l-.38-.23-3.96 1.04 1.06-3.86-.25-.4a10.54 10.54 0 0 1-1.61-5.67c0-5.76 4.68-10.44 10.44-10.44 2.79 0 5.41 1.09 7.38 3.06a10.37 10.37 0 0 1 3.06 7.38c0 5.76-4.69 10.44-10.45 10.44Zm5.72-7.82c-.31-.16-1.86-.92-2.15-1.02-.29-.11-.5-.16-.71.16-.21.31-.82 1.02-1 1.23-.18.21-.37.24-.68.08-.31-.16-1.32-.49-2.52-1.55-.93-.83-1.56-1.86-1.74-2.17-.18-.31-.02-.48.14-.64.14-.14.31-.37.47-.55.16-.18.21-.31.31-.52.11-.21.05-.39-.03-.55-.08-.16-.71-1.7-.97-2.33-.26-.61-.52-.53-.71-.54h-.61c-.21 0-.55.08-.84.39-.29.31-1.1 1.08-1.1 2.62s1.13 3.04 1.29 3.25c.16.21 2.22 3.39 5.38 4.75.75.32 1.34.52 1.8.66.76.24 1.45.21 2 .13.61-.09 1.86-.76 2.12-1.5.26-.73.26-1.36.18-1.5-.08-.13-.29-.21-.6-.37Z'/%3E%3C/svg%3E") center / contain no-repeat; content: ""; display: block; height: 30px; width: 30px; }
.subpage-hero:has(.blog-illustration) h1 { font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.12; }