/* páginas de conteúdo (SEO) — herdam site.css; 30/10/2026 */
.pg .topo { position: sticky; }
.menu-p { display: flex; gap: 22px; align-items: center; font-size: 14px; }
.menu-p a { text-decoration: none; color: #3b4044; } .menu-p .cta { border: 1px solid var(--tinta); padding: 8px 16px; border-radius: 99px; }
.migalha { font-size: 13px; color: var(--cinza); padding: 18px clamp(16px, 6vw, 80px) 0; } .migalha a { color: var(--madeira); text-decoration: none; }
.pg-hero { position: relative; margin: 16px clamp(16px, 6vw, 80px) 0; border-radius: 26px; overflow: hidden; min-height: 46vh; display: flex; align-items: flex-end; background: var(--carvao); }
.pg-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pg-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.7)); }
.pg-hero-txt { position: relative; z-index: 2; color: #fff; padding: clamp(24px, 4vw, 52px); max-width: 860px; }
.pg-hero h1 { font-size: clamp(34px, 4.6vw, 62px); } .pg-hero p { opacity: .9; margin: 12px 0 0; }
.pg-corpo { max-width: 860px; margin: 0 auto; padding: clamp(36px, 6vw, 80px) 16px 0; }
.bloco { margin-bottom: 44px; } .bloco h2 { font-size: clamp(28px, 3.2vw, 40px); margin-bottom: 14px; }
.bloco p { color: #3f4448; } .bloco ul { padding-left: 20px; } .bloco li { margin: 6px 0; }
.faq details { background: #fff; border-radius: 14px; padding: 16px 20px; margin-bottom: 10px; }
.faq summary { cursor: pointer; font-weight: 500; } .faq details p { margin: 10px 0 0; }
.relacionadas h2 { font-size: 30px; margin-bottom: 18px; } .rel-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.rel-grade a { background: #fff; border-radius: 14px; padding: 16px 18px; text-decoration: none; color: var(--tinta); font-size: 15px; }
.rel-grade a:hover { color: var(--madeira); }
.mais-conteudo { display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: center; padding: 30px 16px 0; font-size: 14px; }
.mais-conteudo .sobre { width: 100%; text-align: center; margin: 0; } .mais-conteudo a { color: var(--cinza); }
.monte { display: grid; grid-template-columns: 1.3fr 1fr; gap: 20px; align-items: start; }
.monte-opcoes { display: grid; gap: 10px; }
.opc { display: flex; gap: 12px; background: #fff; border-radius: 14px; padding: 14px 16px; cursor: pointer; border: 1.5px solid transparent; }
.opc:has(input:checked) { border-color: var(--verde); } .opc input { accent-color: var(--verde2); width: 20px; height: 20px; margin-top: 3px; flex: none; }
.opc b { display: block; font-weight: 600; } .opc small { color: var(--cinza); font-size: 13.5px; }
.monte-res { position: sticky; top: 90px; background: var(--carvao); color: #EDEAE4; border-radius: 20px; padding: 22px; }
.monte-res h3 { font-size: 28px; margin: 0 0 8px; } .monte-res h4 { font: 500 14px var(--sans); color: var(--verde); margin: 14px 0 6px; }
.monte-res ul { padding-left: 18px; font-size: 14.5px; color: #C6C9CC; } .monte-res .vazio { color: #8E9397; }
@media (max-width: 920px) { .menu-p a:not(.cta) { display: none; } .monte { grid-template-columns: 1fr; } .monte-res { position: static; } }
.monte-res p { color: #C6C9CC; } .monte-res p b { color: #fff; }
.menu-p .cta { white-space: nowrap; }
@media (max-width: 520px) { .menu-p .cta { padding: 6px 12px; font-size: 13px; } .pg .ft-nome { display: none; } .pg .logo-bev { height: 18px; } }