/* Regiões atendidas: /seguranca-do-trabalho/ (arquivo), páginas por região e faixa "Atendemos" (rodapé/home). */

/* chips de cidades e bairros */
.regiao-chips{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.regiao-chips li{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:500; color:var(--mut); border:1px solid var(--line); background:var(--bg2); padding:6px 12px; }
.regiao-chips li a{ color:var(--ink); }
.regiao-chips li:hover{ border-color:var(--green); }
.regiao-chips li a:hover{ color:var(--green); }
.regiao-chips.lg{ margin-top:14px; }
.regiao-chips.lg li{ font-size:13px; padding:10px 18px; }

/* texto da região: lista com check dentro do .prose */
.regiao-prose ul.chk{ padding-left:0; }
.regiao-prose .chk li{ color:var(--prose); }
.regiao-prose .chk li a{ text-decoration:none; color:var(--ink); font-weight:500; }
.regiao-prose .chk li a:hover{ color:var(--green); }

/* caixa ao lado do CTA e aviso de atendimento nacional */
.regiao-box{ background:var(--bg); border:1px solid var(--line); border-top:2px solid var(--green); padding:24px; box-shadow:var(--card-shadow); }
.sec-cta .regiao-box{ background:var(--bg); }
.regiao-box h3{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--green); font-weight:600; margin-bottom:10px; }
.regiao-box p{ color:var(--mut); font-size:15px; }
.regiao-box a{ text-decoration:underline; }
.regiao-nacional{ margin-top:32px; background:var(--bg2); }

/* FAQ */
.sec-regiao-faq .faq-list{ margin-top:10px; border-top:1px solid var(--line); }
.sec-regiao-faq .faq-item{ border-bottom:1px solid var(--line); }
.sec-regiao-faq .faq-item summary{ cursor:pointer; list-style:none; position:relative; padding:18px 44px 18px 0; font-size:17px; font-weight:500; color:var(--ink); }
.sec-regiao-faq .faq-item summary::-webkit-details-marker{ display:none; }
.sec-regiao-faq .faq-item summary::after{ content:"+"; position:absolute; right:4px; top:50%; transform:translateY(-50%); color:var(--green); font-size:26px; font-weight:300; line-height:1; }
.sec-regiao-faq .faq-item[open] summary::after{ content:"\2212"; }
.sec-regiao-faq .faq-item summary:hover{ color:var(--green); }
.sec-regiao-faq .faq-item summary:focus-visible{ outline:2px solid var(--yellow); outline-offset:2px; }
.sec-regiao-faq .faq-a{ padding:0 0 20px; color:var(--prose); max-width:72ch; }

/* arquivo: cards das regiões */
.regiao-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:36px; }
.regiao-card{ background:var(--bg2); border:1px solid var(--line); color:var(--ink); display:flex; flex-direction:column; overflow:hidden; box-shadow:var(--card-shadow); transition:border-color .2s; }
.regiao-card img{ width:100%; aspect-ratio:2/1; object-fit:cover; filter:grayscale(1) contrast(1.05); transition:filter .3s; }
.regiao-card:hover{ border-color:var(--green); }
.regiao-card:hover img{ filter:none; }
.regiao-card-body{ padding:22px 24px 24px; display:grid; gap:8px; }
.regiao-card-body .kick{ margin-bottom:0; }
.regiao-card h2{ font-size:20px; font-weight:600; line-height:1.25; }
.regiao-card:hover h2{ color:var(--green); }
.regiao-card p{ font-size:15px; color:var(--mut); }
.regiao-card .regiao-cidades{ font-size:12.5px; color:var(--dim); letter-spacing:.04em; }
@media (max-width:860px){ .regiao-grid{ grid-template-columns:1fr; } }

/* faixa "Atendemos: ..." (rodapé e home) */
.regioes-strip{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-top:18px; font-size:13px; color:var(--mut); }
.regioes-strip-label{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:var(--green); }
.regioes-strip a{ color:var(--ink); }
.regioes-strip a:hover{ color:var(--green); }
.regioes-strip .sep{ color:var(--dim); }
.site-foot .regioes-strip{ margin:32px 0 0; padding-top:18px; border-top:1px solid var(--line); }