/* ZEH0_001_SITE_INSTITUCIONAL, contato.css. v3: contato, formulario, mapa e celular das paginas. Carregar na ordem das paginas. */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}
.ag{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ag .larga{grid-column:1/-1}
.ag label{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:#3f3a33;display:block}
.ag select,.ag input{display:block;width:100%;margin-top:8px;padding:15px 14px;background:#fffdf9;border:1px solid rgba(26,23,20,.28);border-radius:0;font:inherit;font-weight:400;font-size:1rem;letter-spacing:0;text-transform:none;color:#0a0908}
.ag select:focus,.ag input:focus{outline:2px solid var(--ouro-velho);outline-offset:1px}
.ag .btn{justify-content:center;cursor:pointer}
.aviso{color:#8a2a1a;font-size:.9rem;min-height:1.4em}
.dados dl{margin:10px 0 34px}
.dados dt{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ouro);margin-top:22px}
.dados dd{font-size:1.08rem;margin-top:4px}
.dados dd small{color:var(--apagado);font-size:.84rem}
.dados a:hover{color:var(--ouro-claro)}
.mapa{aspect-ratio:4/5;min-height:340px;position:sticky;top:110px}
.mapa iframe{width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05)}

@media(max-width:959px){
  .boas .g,.zig,.g2{grid-template-columns:1fr}
  .cat{grid-template-columns:110px 1fr;gap:18px;padding:32px 0}
  .cat .quadro{grid-column:1/-1;columns:1;padding:4px 16px}
  .cat h3{margin-bottom:14px}
  .quadro b{opacity:1;transform:none}
  .zig:nth-child(even) .ph{order:0}
  .grade{grid-template-columns:1fr 1fr;gap:12px}
  .grade .card h3{font-size:1.25rem}.grade .card p{font-size:.6rem;letter-spacing:.12em}
  .grade .card .info{left:14px;right:14px;bottom:14px}
  .filtros{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
  .filtros::-webkit-scrollbar{display:none}.filtros button{flex:none}
  .mapa{position:relative;top:0;aspect-ratio:1}
  .phero{padding-top:130px;min-height:56svh}
  .arco-r{border-radius:999px 999px 0 0;aspect-ratio:4/4.4}
  .ag{grid-template-columns:1fr}
}