@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500;1,600&display=swap');

/* ===== Artigo editorial — paleta Planejar (petroleo + dourado + creme) ===== */
body{background:#f5efe2;color:#22403a}

/* cabeçalho escuro sólido nas páginas claras (senão logo/menu somem no creme) */
header.nav,header.nav.scrolled{background:#0f3530;border-bottom:1px solid rgba(201,162,39,.22)}

.article-hero{padding:148px 0 40px;position:relative;overflow:hidden;background:linear-gradient(180deg,#faf7ef 0%,#f5efe2 100%)}
.article-hero .wrap{max-width:820px}
.article-kicker{display:flex;align-items:center;gap:12px;color:#a07f16;font-family:'Jost',system-ui,sans-serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600}
.article-kicker i{width:34px;height:1px;background:#c9a227}
.article-hero h1{font-family:'Cormorant Garamond','Book Antiqua',Georgia,serif;font-weight:500;font-size:clamp(2.9rem,6vw,4.9rem);max-width:20ch;margin:22px 0 20px;line-height:1.03;letter-spacing:0;color:#0f3530;text-wrap:balance;position:relative;z-index:1}
.article-deck{max-width:60ch;color:#4d635b;font-family:'Lora',Georgia,serif;font-size:1.2rem;line-height:1.7}
.article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#7c8b83;font-family:'Jost',system-ui,sans-serif;font-size:.78rem;letter-spacing:.06em}
.article-meta span+span::before{content:"·";color:#c9a227;margin-right:16px}

/* capa 3:2 (menor, centralizada) */
.article-cover{max-width:900px;margin:0 auto;padding:0 32px 6px}
.article-cover img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:3px}

/* uma coluna centralizada, indice inline acima do texto (como a Planejar) */
.article-layout{display:block;max-width:720px;margin:0 auto;padding:46px 32px 88px}

/* índice "NESTE ARTIGO" numerado */
.article-aside{margin:0 0 46px;padding:22px 0;border-top:1px solid #ddd0b7;border-bottom:1px solid #ddd0b7}
.article-aside strong{display:flex;align-items:center;gap:10px;color:#a07f16;font-family:'Jost',system-ui,sans-serif;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;font-weight:600}
.article-aside strong::before{content:"≡";font-size:1.05rem;line-height:1}
.article-aside ol{list-style:none;counter-reset:toc;display:grid;gap:12px;margin-top:16px}
.article-aside li{counter-increment:toc;position:relative;padding-left:46px}
.article-aside li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:.05em;font-family:'Book Antiqua','Palatino Linotype',Georgia,serif;font-style:italic;font-size:1.05rem;color:#c9a227}
.article-aside a{color:#0f3530;font-family:'Lora',Georgia,serif;font-size:1rem;line-height:1.45;text-decoration:underline;text-decoration-color:rgba(201,162,39,.45);text-underline-offset:4px;transition:.25s}
.article-aside a:hover{color:#8a5a10;text-decoration-color:#c9a227}

/* corpo — prose editorial em Lora, direto no creme (sem caixa) */
.article-body{font-family:'Lora',Georgia,serif;font-size:1.19rem;color:#243f39;line-height:1.9;min-width:0}
#articleBody>p{margin:0 0 1.7rem;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
#articleBody>p.cluster-link,#articleBody>p.cluster-link a{font-family:'Jost',system-ui,sans-serif;text-align:left}
#articleBody>p:first-child:not(.cluster-link)::first-letter,
#articleBody>.cluster-link+p::first-letter{font-family:'Book Antiqua','Palatino Linotype',Georgia,serif;color:#a07f16;float:left;font-size:4.5rem;line-height:.82;padding:.5rem .75rem .1rem 0;font-style:italic}
.article-body .cluster-link{font-family:'Jost',system-ui,sans-serif;font-size:.82rem;letter-spacing:.02em;color:#5c6b62;text-align:left;border-left:2px solid #c9a227;padding:2px 0 2px 18px;margin-bottom:40px}
.article-body .cluster-link a{color:#0f3530;border-bottom:1px solid rgba(201,162,39,.45)}
.article-body h2{font-family:'Cormorant Garamond','Book Antiqua',Georgia,serif;font-weight:600;font-size:clamp(2rem,3.4vw,2.7rem);margin:3.8rem 0 1.4rem;color:#0f3530;scroll-margin-top:100px;line-height:1.1;letter-spacing:0;text-wrap:balance}
.article-body h3{font-family:'Cormorant Garamond','Book Antiqua',Georgia,serif;font-weight:600;font-style:italic;font-size:1.85rem;margin:2.8rem 0 1rem;color:#0f3530;line-height:1.18;letter-spacing:0}
.article-body a{color:#0f3530;border-bottom:1px solid rgba(201,162,39,.5);text-decoration:none;transition:.3s}
.article-body a:hover{border-color:#c9a227}
.article-body strong{color:#0f3530;font-weight:600}
.article-body em{font-family:'Book Antiqua',Palatino,Georgia,serif;font-style:italic;color:#0f3530}
.article-body ul,.article-body ol{margin:1.7rem 0;padding-left:0;list-style:none}
.article-body li{position:relative;padding-left:1.9rem;margin-bottom:.9rem;line-height:1.8}
.article-body ul li::before{content:"—";position:absolute;left:0;top:0;color:#c9a227}
.article-body ol{counter-reset:li}
.article-body ol li{counter-increment:li}
.article-body ol li::before{content:counter(li,decimal-leading-zero);position:absolute;left:0;top:.15em;color:#c9a227;font-family:'Book Antiqua',Georgia,serif;font-style:italic;font-size:.95rem}
.article-body blockquote{margin:3rem 0;padding:.4rem 0 .4rem 2.4rem;border-left:2px solid #c9a227}
.article-body blockquote p{font-family:'Book Antiqua',Palatino,Georgia,serif;font-style:italic;font-size:1.5rem;line-height:1.55;color:#0f3530;margin:0}
.article-body .callout{margin:2.4rem 0;padding:1.7rem 1.9rem;background:#ece4d1;border-left:2px solid #c9a227}
.article-body .callout strong{display:block;color:#8a5a10;margin-bottom:6px}
.article-body .article-table{margin:2.6rem 0;overflow-x:auto}
.article-body table{width:100%;border-collapse:collapse;text-align:left;font-family:'Jost',system-ui,sans-serif;font-size:.95rem;min-width:34rem}
.article-body th{color:#0f3530;font-weight:600;border-bottom:2px solid rgba(201,162,39,.5);padding:.7rem 1.2rem .7rem 0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;vertical-align:bottom}
.article-body td{color:#3a5049;border-bottom:1px solid rgba(15,53,48,.12);padding:.85rem 1.2rem .85rem 0;line-height:1.6;vertical-align:top}
.article-body tbody tr:last-child td{border-bottom:0}
.article-body hr{margin:4rem auto;border:0;width:60px;height:1px;background:linear-gradient(90deg,transparent,#c9a227,transparent)}

.article-cta{margin-top:3.5rem;padding:2.6rem 2.2rem;background:#0f3530;border-radius:4px;text-align:center}
.article-cta h3{font-family:'Book Antiqua',Georgia,serif;color:#faf8f3;font-size:1.55rem;font-weight:400;margin-bottom:10px}
.article-cta p{font-family:'Lora',Georgia,serif;text-align:center;color:#c9d3ce;margin-bottom:22px;line-height:1.65}
.article-cta .btn-solid{background:#c9a227;color:#0f3530;border-color:#c9a227}

.article-progress{position:fixed;top:0;left:0;width:0;height:3px;background:#c9a227;z-index:9999}

.related{background:#ece4d1}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}
.related-card{display:block;transition:.4s}
.related-card:hover h3{color:#8a5a10}
.related-card span{color:#a07f16;font-family:'Jost',sans-serif;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase}
.related-card h3{font-family:'Book Antiqua',Georgia,serif;font-size:1.4rem;margin-top:10px;color:#0f3530;transition:.4s}

@media(max-width:640px){.article-hero{padding:124px 0 30px}.article-cover{padding:0 20px 6px}.article-layout{padding:34px 22px 70px}.article-body{font-size:1.08rem}.article-cta{padding:2rem 1.4rem}}