/* Páginas de SEO (portfólio, Brasil, estados, 404) e recursos dos artigos (figuras, listas, perguntas frequentes).
   Cores vindas do theme.css. */

/* ---- portfólio e cartões de obra */
.obras-intro p{max-width:860px;font-size:17px;line-height:1.75;color:var(--tom-75);margin:0 0 34px}
.obras-intro a,.chapter-heading p a,.estados-lista a,.perfis a{color:var(--marca-escuro-45);text-decoration:underline;text-underline-offset:3px}
.obras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px;margin-bottom:70px}
.obras-grid--estado{margin:28px 0 0}
.obra-item h3,.obra-item h2{font-size:21px;font-weight:550;letter-spacing:-.02em;margin:14px 0 4px}
.obra-item p{font-size:14px;line-height:1.6;color:var(--tom-62)}
.obra-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.obra-pair figure{position:relative;margin:0;border-radius:10px;overflow:hidden;background:var(--tom-06)}
.obra-pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.obra-pair figcaption{position:absolute;left:8px;bottom:8px;font:600 10px/1 var(--mono);letter-spacing:.05em;color:#fff;background:color-mix(in srgb,#000 58%,transparent);padding:5px 7px;border-radius:5px}
.obra-pair figure:first-child figcaption:before{content:'ANTES · '}
.obra-pair figure:last-child figcaption:before{content:'DEPOIS · '}

/* ---- Brasil e estados */
.estados-resumo dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:10px 0 60px;border-top:1px solid var(--tom-15);border-bottom:1px solid var(--tom-15)}
.estados-resumo div{padding:26px 22px;border-left:1px solid var(--tom-15)}
.estados-resumo div:first-child{border-left:0;padding-left:0}
.estados-resumo dt{font-size:clamp(34px,4vw,54px);font-weight:430;letter-spacing:-.05em;line-height:1;color:var(--marca-escuro-30)}
.estados-resumo dd{margin:8px 0 0;font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tom-62)}
.passos{list-style:none;counter-reset:passo;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.passos li{counter-increment:passo;background:#fff;border:1px solid var(--tom-10);border-radius:14px;padding:24px;font-size:15px;line-height:1.65;color:var(--tom-75)}
.passos li:before{content:'0' counter(passo);display:block;font:600 12px/1 var(--mono);color:var(--marca-escuro-30);margin-bottom:14px}
.passos strong{color:var(--tom-100)}
.estados-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px}
.estados-lista li{padding:16px 0;border-top:1px solid var(--tom-15)}
.estados-lista h3{font-size:17px;font-weight:550;letter-spacing:-.01em;margin:0 0 4px}
.estados-lista h3 span{color:var(--tom-55);font-weight:400}
.estados-lista p{font-size:14px;line-height:1.6;color:var(--tom-62)}
.perfis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.perfis div{border-top:2px solid var(--marca);padding-top:18px}
.perfis h3{font-size:19px;font-weight:550;margin:0 0 8px}
.perfis p{font-size:15px;line-height:1.65;color:var(--tom-75)}
.faq-lista{max-width:880px}
.faq-lista details,.article-faq details{border-top:1px solid var(--tom-15);padding:16px 0}
.faq-lista summary,.article-faq summary{cursor:pointer;font-size:17px;font-weight:550;letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-lista summary::-webkit-details-marker,.article-faq summary::-webkit-details-marker{display:none}
.faq-lista summary:after,.article-faq summary:after{content:'+';font-weight:400;color:var(--marca-escuro-30);font-size:22px;line-height:1}
.faq-lista details[open] summary:after,.article-faq details[open] summary:after{content:'–'}
.faq-lista p,.article-faq details p{margin-top:10px;font-size:15px;line-height:1.7;color:var(--tom-75)}
.nao-encontrada{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin:10px auto 90px}

/* ---- artigos: listas, figuras e perguntas frequentes */
.article-body .article-list{margin:6px 0 22px;padding-left:22px}
.article-body .article-list li{margin:8px 0;line-height:1.7}
.article-body .article-list li::marker{color:var(--marca-escuro-30)}
.article-figure{margin:26px 0 30px}
.article-figure img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:4/3;object-fit:cover;background:var(--tom-06)}
.article-figure figcaption{font:500 12px/1.5 var(--mono);letter-spacing:.02em;color:var(--tom-62);margin-top:9px}
.article-faq{margin-top:46px}
.article-faq h2{margin-bottom:8px}
.article-body a{color:var(--marca-escuro-45);text-decoration:underline;text-underline-offset:3px}

/* ---- rodapé: créditos */
.footer-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px}

@media (max-width:900px){
  .obras-grid{grid-template-columns:minmax(0,1fr)}
  .passos,.perfis{grid-template-columns:minmax(0,1fr)}
  .estados-lista{grid-template-columns:minmax(0,1fr)}
  .estados-resumo dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .estados-resumo div:nth-child(3){border-left:0;padding-left:0}
  .estados-resumo div:nth-child(n+3){border-top:1px solid var(--tom-15)}
}