/* App Vetorial Campo — folha própria (PO 23/09/2026: "substitua a foto do app vetorial da página inicial pela primeira
   foto da galeria, a 00; as demais, criar uma página branca específica falando do app"). Carregada pela home (bloco #app)
   e por app-vetorial-campo.html. Não altera site.css: o bloco antigo .fone continua lá, sem uso na home. */

/* ═══ Home, bloco #app: a faixa 00 no lugar da tela do celular ═══ */
.app-v2.app-v2-faixa{grid-template-columns:.85fr 1.15fr;gap:44px}
.app-faixa{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--borda);box-shadow:0 30px 60px rgba(0,0,0,.45);background:#07111F}
.app-faixa img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.app-v2-faixa .app-acoes{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:22px}
.app-v2-faixa .app-acoes .app-aviso{margin:0}
@media(max-width:1000px){.app-v2.app-v2-faixa{grid-template-columns:1fr;gap:28px}}

/* ═══ Página app-vetorial-campo.html (body.pagina-clara) ═══ */
.ac-page .cabecalho{display:grid;grid-template-columns:1fr;gap:0}


.ac-page .ac-sec{padding-top:44px}
.ac-page .ac-sec>h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.ac-page .ac-sec>p.ac-intro{color:var(--sec);max-width:72ch;margin:0 0 20px;font-size:15.5px}
.ac-page .bloco h3{margin:0 0 8px;font-size:17px}
.ac-page .bloco p{margin:0;color:var(--sec);font-size:14.5px;line-height:1.6}
.ac-page .bloco p+p{margin-top:10px}
.ac-page .bloco ul{margin:10px 0 0;padding-left:18px;color:var(--sec);font-size:14.5px;line-height:1.6}
.ac-page .bloco li+li{margin-top:4px}
.ac-page .bloco strong{color:var(--texto)}

/* galeria: 7 telas reais do app */
.ac-galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ac-galeria figure{margin:0;background:var(--card);border:1px solid var(--borda);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.ac-galeria a{display:block;background:#07111F}
.ac-galeria img{display:block;width:100%;height:auto;aspect-ratio:4/5;transition:transform .2s}
.ac-galeria a:hover img,.ac-galeria a:focus-visible img{transform:scale(1.02)}
.ac-galeria figcaption{padding:14px 16px 16px;font-size:13.5px;color:var(--sec);line-height:1.5}
.ac-galeria figcaption b{display:block;color:var(--texto);font-size:14.5px;margin-bottom:3px}
@media(max-width:1100px){.ac-galeria{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.ac-galeria{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:420px){.ac-galeria{grid-template-columns:1fr}}

/* passos do fluxo */
.ac-passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:p}
.ac-passos li{counter-increment:p;background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:18px 16px;font-size:14px;color:var(--sec);line-height:1.55}
.ac-passos li::before{content:counter(p);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--azul);color:#fff;font-weight:800;font-size:13px;margin-bottom:10px}
.ac-passos li b{display:block;color:var(--texto);font-size:15px;margin-bottom:4px}
@media(max-width:1000px){.ac-passos{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ac-passos{grid-template-columns:1fr}}

/* tabela do que é medido */
.ac-tab-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--borda)}
.ac-page .ac-tab-wrap table{margin:0;min-width:620px}
.ac-page .ac-tab-wrap th,.ac-page .ac-tab-wrap td{border-left:0;border-right:0;vertical-align:top;line-height:1.5}
.ac-page .ac-tab-wrap tr:first-child th{border-top:0}
.ac-page .ac-tab-wrap tr:last-child td{border-bottom:0}
.ac-page .ac-tab-wrap td:first-child{color:var(--texto);font-weight:700;white-space:nowrap}

/* sumário das 17 seções do relatório */
.ac-sumario{margin:12px 0 0;padding:0;list-style:none;columns:2;column-gap:28px;font-size:14px;color:var(--sec)}
.ac-sumario li{break-inside:avoid;padding:5px 0;border-bottom:1px dashed var(--borda)}
.ac-sumario li span{display:inline-block;min-width:28px;font:700 12.5px var(--mono);color:var(--azul-esc)}
@media(max-width:700px){.ac-sumario{columns:1}}


.ac-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ac-selo{display:inline-block;font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--turquesa);border:1px solid currentColor;border-radius:999px;padding:4px 10px;margin-left:8px;vertical-align:middle}
.ac-page .bloco a,.ac-page .ac-intro a{color:var(--azul-esc);text-decoration:underline;text-underline-offset:2px}
.ac-page .bloco a:hover,.ac-page .ac-intro a:hover{text-decoration-thickness:2px}