/* componentes das páginas internas (complementa estilo.css) */
nav[aria-label="Principal"] a[aria-current]{opacity:1;color:var(--ambar)}
.trilha{font:600 13px Montserrat;color:#6b6862;padding-top:16px;padding-bottom:16px;display:block}
.trilha a{text-decoration:none;color:#6b6862}
.trilha .seta{margin:0 6px;opacity:.6}
.trilha [aria-current]{color:var(--asf)}

.abertura{padding:44px 0 52px}
.abertura.escuro{background:var(--asf);color:var(--bran)}
.abertura .rot{color:var(--ambar)}
.abertura h1{font-size:clamp(40px,9vw,78px);margin:14px 0 0}
.abertura h1 em{font-style:normal;color:var(--ambar)}
.abertura .lead{font-size:19px;max-width:640px;margin:18px 0 0;opacity:.9}
.abertura .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn-escuro{background:var(--asf);color:var(--bran)}

.secao.clara{background:var(--bran)}
.secao.escuro{background:var(--asf);color:var(--bran)}
.secao h2.tit{font-size:clamp(30px,5.5vw,46px)}
.duas-col{display:grid;gap:28px}
.faq{max-width:820px}

.servicos{display:grid;gap:14px;margin-top:28px}
.serv{background:#fff;border:1px solid #E2DED5;border-radius:14px;padding:22px}
.serv h3{font:800 21px/1.1 Saira;font-stretch:125%;margin:0 0 8px}
.serv p{margin:0;color:#4A4843}

ul.marcas{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
ul.marcas li{padding:12px 16px;background:#fff;border:1px solid #E2DED5;border-radius:10px;font-weight:600}

.cartao-claro,.cartao-escuro{border-radius:14px;padding:26px}
.cartao-claro{background:#fff;border:1px solid #E2DED5}
.cartao-escuro{background:var(--asf);color:var(--bran)}
.cartao-claro h3,.cartao-escuro h3{font-size:28px;margin:10px 0 10px}
.cartao-escuro p{color:#CFCBC2}
.cartao-escuro .btn{margin-top:18px}
.nota{font-size:14px;color:#6b6862;margin-top:12px}

.faq{margin-top:26px;display:grid;gap:10px}
.faq details{background:#fff;border:1px solid #E2DED5;border-radius:12px;padding:16px 20px}
.faq summary{font:700 17px/1.35 Montserrat;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font:800 22px/1 Saira;color:var(--verm)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:12px 0 0;color:#4A4843}

ol.etapas{padding-left:22px;margin:18px 0 0;display:grid;gap:12px}
ol.etapas li::marker{font:800 18px Saira;color:var(--verm)}

.form label{display:block;font:700 14px Montserrat;margin-top:14px;color:var(--bran)}
.form input,.form select{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid #3a3a37;background:var(--asf2);color:var(--bran);font:500 16px Montserrat}
.form .btn{margin-top:20px;width:100%;justify-content:center}

.confirmar{display:inline-block;font:700 12px/1.3 Montserrat;color:#8A5A00;background:#FFF1D1;border:1px dashed #E0A800;border-radius:6px;padding:3px 8px;vertical-align:middle}

.chamada{background:var(--verm);color:#fff;padding:48px 0}
.chamada h2{font-size:clamp(30px,5vw,44px);margin:0}
.chamada p{margin:12px 0 0;max-width:620px}
.chamada .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.chamada .btn-verm{background:var(--asf)}
.chamada .btn-borda{border-color:rgba(255,255,255,.6);color:#fff}

@media (min-width:900px){
 .duas-col{grid-template-columns:1fr 1fr;gap:56px;align-items:start}
 .servicos{grid-template-columns:repeat(3,1fr)}
 .abertura{padding:70px 0 80px}
}

/* rodada 2 do conselho */
header img.logo-topo{height:30px}
ul.checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
ul.checks li{display:flex;gap:10px;align-items:flex-start;font-weight:600}
ul.checks li svg{flex:none;margin-top:3px}
.porta ul.checks{font-size:15px;line-height:1.4;gap:8px;margin-top:16px}
.p1 ul.checks svg path{stroke:#fff}
.hero ul.selos{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font:700 14px Montserrat}
.hero ul.selos li{display:flex;align-items:center;gap:8px}
.hero ul.selos svg path{stroke:var(--ambar)}
.secao.escuro ul.checks svg path,.cartao-escuro ul.checks svg path{stroke:var(--ambar)}

.foto-real{border-radius:14px;background:repeating-linear-gradient(135deg,#2a2a27 0 14px,#242422 14px 28px);color:#9b978f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font:600 14px Montserrat;font-style:italic;text-align:center;padding:16px}
.secao:not(.escuro) .fotos3 .foto-real{background:repeating-linear-gradient(135deg,#E9E5DC 0 14px,#F2EFE8 14px 28px);color:#6b6862}
.fotos3{display:grid;gap:14px;margin-top:28px}


.faq-grade{display:grid;gap:28px}
.cartao-escuro .btn{display:flex;justify-content:center}
.cartao-escuro.faixa{display:flex;flex-direction:column;gap:6px}
.cartao-escuro.faixa .btn{align-self:flex-start}

.nota-google{display:flex;align-items:baseline;gap:12px;margin-top:10px}
.nota-google .tit{font-size:56px}
.depo{border-left:3px solid #E2DED5;padding:4px 0 4px 14px;margin-top:16px}
.depo p{margin:6px 0 0;color:#8C8A84;font-style:italic;font-size:15px}
.duas .mapa{height:180px}

.form .aviso{color:var(--ambar);font:700 14px Montserrat;margin:12px 0 0;min-height:1em}
.form input:focus,.form select:focus{outline:2px solid var(--ambar);outline-offset:1px}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}
.btn-borda:hover,.btn-claro:hover,.btn-escuro:hover{filter:brightness(1.08)}
.secao:not(.escuro) .duas .btn-escuro,.caixa .btn-escuro{display:inline-flex}

@media (min-width:900px){
 .duas-col{align-items:center}
 footer a{min-height:0;line-height:2}
 .abre{grid-template-columns:1.1fr .9fr}
 .abre-lado{display:block}
 .fotos3{grid-template-columns:repeat(3,1fr)}
 .faq-grade{grid-template-columns:2fr 1fr;align-items:start;gap:48px}
 .faq-grade .cartao-escuro{position:sticky;top:90px;margin-top:64px}
 .cartao-escuro.faixa{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:34px 38px}
 .cartao-escuro.faixa .btn{align-self:center;flex:none;margin-top:0}
}

/* rodada 3 do conselho */
.trilha-faixa{background:var(--asf);border-top:1px solid #2e2e2b}
.trilha-faixa .trilha,.trilha-faixa .trilha a{color:#9b978f}
.trilha-faixa .trilha [aria-current]{color:var(--bran)}
.trilha-faixa + .abertura{padding-top:20px}
.atalhos{display:flex;gap:6px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none;font:600 14px Montserrat}
.atalhos::-webkit-scrollbar{display:none}
.atalhos a{flex:none;text-decoration:none;color:var(--bran);opacity:.85;padding:8px 12px;border:1px solid #3a3a37;border-radius:999px;min-height:36px}
.atalhos a[aria-current]{color:var(--ambar);border-color:var(--ambar);opacity:1}
.p1{background:var(--asf);color:var(--bran);border-top:6px solid var(--verm)}
.p1 ul.checks svg path{stroke:var(--verm)}
.p2{background:#fff;color:var(--asf);border:1px solid #E2DED5;border-top:6px solid var(--asf)}
.p2 ul.checks svg path{stroke:var(--verm)}
.p3{border-top:6px solid var(--ambar)}
.porta .confirmar{margin-top:12px}
.passo .confirmar{margin-top:12px}
.passo.ultimo .confirmar,.cartao .confirmar{margin-top:10px}
.form h3{margin-bottom:22px}
.form input,.form select{border-color:#55554f}
.form .btn{margin-top:22px}
.form input[aria-invalid],.form select[aria-invalid]{border-color:var(--ambar)}
.cartao-escuro.faixa p{margin-bottom:0}
.licita{max-width:760px}
.licita p{margin:16px 0 22px}
.mapa{flex-direction:column;gap:8px}
.nota-google .confirmar{align-self:center}
.fotos3{grid-template-columns:1fr 1fr}
.fotos3 .foto-real{height:150px!important}
.fotos3 .foto-real:first-child{grid-column:1/-1;height:220px!important}
@media (max-width:899px){.porta{min-height:0}.porta .ir{margin-top:20px}}
@media (max-width:370px){.barra a{font-size:13px}}
@media (min-width:900px){
 .atalhos{display:none}
 .duas-col.topo{align-items:start}
 .fotos3{grid-template-columns:repeat(3,1fr)}
 .fotos3 .foto-real,.fotos3 .foto-real:first-child{grid-column:auto;height:260px!important}
}

/* rodada 4 */
.wrap.licita{max-width:1180px}
.wrap.licita>*{max-width:760px}
.form .aviso{min-height:0;margin:0}
.form .aviso:not(:empty){margin-top:12px}
.empresas .cartao,.duas .caixa{display:flex;flex-direction:column;align-items:flex-start}
.empresas .cartao .ir,.duas .caixa>.btn:last-child{margin-top:auto}
.empresas .cartao br{display:none}
.empresas .cartao p{margin-bottom:20px}
.secao .cartao-escuro.faixa{background:#fff;color:var(--asf);border:1px solid #E2DED5;border-top:6px solid var(--asf)}
.secao .cartao-escuro.faixa p{color:#4A4843}
.secao .cartao-escuro.faixa .rot{color:var(--verm)!important}
.secao .cartao-escuro.faixa .btn-claro{background:var(--asf);color:var(--bran)}
@media (max-width:899px){footer .fim .sep{display:block;width:0;height:4px;margin:0;background:none}}
.licita p{margin:16px 0 12px}
.licita .confirmar{display:table;margin-bottom:20px}

/* aviso enquanto pega o GPS */
.aviso-local{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:40;background:var(--bran);color:var(--asf);border-radius:12px;padding:14px 16px;box-shadow:0 8px 30px rgba(0,0,0,.35);font:700 15px Montserrat}
.aviso-local[hidden]{display:none}
.aviso-local a{color:var(--verm);display:inline-block;padding:6px 0}
.aviso-local small{display:block;font:500 12px Montserrat;color:#6b6862;margin-top:4px}
a[aria-busy="true"]{opacity:.7}

/* número reserva */
.outro-numero{margin:14px 0 0;font:600 15px Montserrat;opacity:.85}
.outro-numero a{font-weight:800;white-space:nowrap;display:inline-block;padding:6px 0}
.chamada .outro-numero{opacity:1}

/* fotos reais */
figure.quadro{margin:0;position:relative;overflow:hidden;border-radius:14px;background:var(--asf2)}
figure.quadro img{display:block;width:100%;height:100%;object-fit:cover}
figure.quadro figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;font:700 13px Montserrat;color:#fff;background:linear-gradient(transparent,rgba(16,16,14,.82))}
/* a foto do topo tem o entalhe da cauda das setas do logo */
.quadro-seta{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,32px 50%);border-radius:0 14px 14px 0}
@media (min-width:900px){.quadro-seta{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,64px 50%)}}
.abre-lado{display:block;margin-top:30px}
.abre-lado figure.quadro{height:230px}
.fotos3 figure.quadro{height:150px}
.fotos3 figure.quadro:first-child{grid-column:1/-1;height:220px}
@media (min-width:900px){
 .abre-lado{margin-top:0}
 .abre-lado figure.quadro{height:440px}
 .fotos3 figure.quadro,.fotos3 figure.quadro:first-child{grid-column:auto;height:300px}
}
.duas .caixa .mapa{align-self:stretch}
figure.quadro-seta img{object-position:65% 50%}

/* escolha rápida no cartão do socorro */
.escolha{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.escolha button{font:700 15px Montserrat;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid #55554f;background:transparent;color:var(--bran);cursor:pointer}
.escolha button[aria-pressed="true"]{background:var(--ambar);border-color:var(--ambar);color:var(--asf)}
.escolha button:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}
.escolha + .btn,.escolha ~ .btn:first-of-type{margin-top:18px}
.escolha-rot{margin:16px 0 0;font:700 12px Montserrat;letter-spacing:.14em;text-transform:uppercase;color:#CFCBC2}
.escolha{margin-top:8px}
@media (max-width:899px){.faq-grade .cartao-escuro{order:-1}}
.escolha{display:grid;grid-template-columns:1fr 1fr}
.escolha button{width:100%;border-color:#8a877f}
@media (min-width:900px){.servicos .serv:last-child:nth-child(3n+1){grid-column:1/-1}}
.duas iframe.mapa{display:block;width:100%;border:0;background:#E9E5DC}
.duas{align-items:start}