/* Agendar coleta / higienização — modal de pedido (usa as variáveis e o dialog.pol do site) */
.avail2-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 4px}
.avail2-cta[hidden]{display:none}
.avail2-cta .btn-wa{font-size:.9rem;padding:13px 22px}
.avail2-cta small{color:var(--ink-2);font-size:.78rem}
.mobar .s{background:var(--surface);color:var(--teal-ink);border:2px solid var(--teal)}
.mobar a.s{padding:12px 10px}

/* ---- casca do modal: cabeçalho fixo, corpo que rola ---- */
dialog.ag{max-width:640px;max-height:92vh;max-height:92dvh;background:var(--ground);overflow:hidden}
dialog.ag[open]{display:flex;flex-direction:column}
dialog.ag .ag-head{
  background:var(--navy);border-bottom:3px solid var(--gold);padding:20px 24px 16px;flex:none;
  border-radius:var(--radius) var(--radius) 0 0;align-items:center;
}
dialog.ag .ag-head h3{color:#fff;text-transform:none;font-size:1.3rem;letter-spacing:-.02em}
dialog.ag .ag-head p{color:rgba(255,255,255,.8);font-size:.85rem;line-height:1.4;max-width:46ch}
dialog.ag .pol-close{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;min-width:44px;min-height:44px}
dialog.ag .pol-close:hover{background:rgba(255,255,255,.22);color:#fff}
dialog.ag .ag-body{flex:1 1 auto;min-height:0;max-height:none;padding:16px 20px 0;overflow-y:auto;overscroll-behavior:contain}

.ag-form{display:grid;gap:14px}

/* ---- escolha do serviço ---- */
.ag-tipo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ag-tipo-op{position:relative;display:block}
.ag-tipo-op input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.ag-tipo-op>span{
  display:grid;gap:3px;height:100%;padding:12px 14px;border-radius:14px;background:var(--surface);
  border:1.5px solid var(--line);cursor:pointer;transition:border-color .15s ease,background .15s ease;
}
.ag-tipo-op b{font-family:"Montserrat",sans-serif;font-weight:800;font-size:.9rem;color:var(--navy);line-height:1.2}
.ag-tipo-op small{font-size:.75rem;line-height:1.3;color:var(--ink-2)}
.ag-tipo-op input:checked+span{border-color:var(--teal);background:#EAF7F6;box-shadow:inset 0 0 0 1px var(--teal)}
.ag-tipo-op input:checked+span b{color:var(--teal-ink)}
.ag-tipo-op input:focus-visible+span{outline:3px solid var(--teal-ink);outline-offset:2px}

/* ---- cartões dos passos ---- */
.ag-bloco{
  margin:0;padding:16px;min-width:0;display:grid;gap:12px;background:var(--surface);
  border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(0,31,62,.04);
}
.pol-body .ag-tit,.ag-tit{
  display:flex;align-items:center;gap:10px;margin:0;font-family:"Montserrat",sans-serif;font-weight:800;
  font-size:.98rem;letter-spacing:-.01em;text-transform:none;color:var(--navy);line-height:1.25;
}
.ag-passo{
  display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;
  background:var(--navy);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:0;
}
.pol-body .ag-bloco p,.ag-dica{margin:0;color:var(--ink-2);font-size:.85rem;line-height:1.45}

/* ---- opções (itens, dias, horários) ---- */
.ag-opcoes{display:flex;flex-wrap:wrap;gap:8px}
.ag-opcao{position:relative}
.ag-opcao input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.ag-opcao span{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 16px;border-radius:12px;
  border:1.5px solid var(--line);background:var(--ground);color:var(--ink);cursor:pointer;
  font-family:"Montserrat",sans-serif;font-weight:700;font-size:.9rem;line-height:1.15;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.ag-opcao input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff}
.ag-opcao input:focus-visible+span{outline:3px solid var(--navy);outline-offset:2px}
.ag-opcoes .ag-opcao input[type=checkbox]:checked+span::before{
  content:"";width:14px;height:14px;flex:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4.5 4.5L19 7'/%3E%3C/svg%3E");
}

.ag-dias{display:flex;flex-wrap:wrap;gap:8px}
.ag-dias .ag-opcao span{flex-direction:column;gap:1px;min-width:78px;padding:8px 10px;min-height:56px}
.ag-dias .ag-opcao b{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;opacity:.75}
.ag-dias .ag-opcao em{font-style:normal;font-size:1rem;font-weight:800}
.ag-dias .ag-opcao input:checked+span b{opacity:.9}
.ag-horas{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px dashed var(--line)}
.ag-horas .ag-opcao span{min-width:84px;flex-direction:column;gap:0}
.ag-horas .ag-opcao small{display:block;font-family:"Mulish",sans-serif;font-weight:800;font-size:.75rem;color:var(--gold-ink);margin-top:1px}
.ag-horas .ag-opcao input:checked+span small{color:#fff}
.ag-horas .ag-opcao.ag-ultima input:not(:checked)+span{border-color:rgba(225,155,31,.6);background:#FFF6E6}
.ag-escolha{margin:0;padding:10px 12px;border-radius:10px;background:#EAF7F6;color:var(--teal-ink);font-size:.86rem;line-height:1.4;font-weight:700}
.pol-body .ag-bloco p.ag-escolha{color:var(--teal-ink)}
.ag-vazio{margin:0;padding:14px;border-radius:12px;background:var(--surface-2);color:var(--ink-2);font-size:.9rem;line-height:1.5}
.ag-vazio a{color:var(--teal-ink);font-weight:800}
.ag-carrega{margin:0;color:var(--ink-2);font-size:.9rem}

/* ---- campos ---- */
.ag-grade{display:grid;gap:12px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-grade .full{grid-column:1/-1}
.ag-grade .campo input{min-width:0;background:var(--surface);border-width:1.5px;min-height:48px;font-size:1rem}
.ag-grade .campo input:focus{outline:2px solid var(--teal);outline-offset:0;border-color:var(--teal)}
.ag-grade .campo .erro:empty{display:none}
.ag-uf{max-width:100%}
.ag-aviso{margin:0;padding:10px 12px;border-radius:10px;background:#FFF6E6;color:var(--gold-ink);font-size:.82rem;line-height:1.4}
.pol-body .ag-bloco p.ag-aviso{color:var(--gold-ink)}
.ag-aviso[hidden]{display:none}

/* ---- pagamento, aceite, rodapé fixo ---- */
.ag-pag{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#EAF7F6;border:1px solid rgba(7,130,135,.25)}
.ag-pag svg{flex:none;width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--teal-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pol-body .ag-pag p{margin:0;font-size:.85rem;line-height:1.5;color:var(--ink)}
.ag-pag b{color:var(--navy)}
.ag-consent{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;line-height:1.45;color:var(--ink-2)}
.ag-consent input{width:22px;height:22px;margin-top:0;flex:none;accent-color:var(--teal)}
.ag-form>.erro{color:#C0392B;font-size:.82rem;min-height:0;margin:0}
.ag-form>.erro:empty{display:none}
.ag-falha{margin:0;padding:12px;border-radius:10px;background:#FDECEA;color:#8E2A1F;font-size:.88rem;line-height:1.45}
.pol-body .ag-falha{color:#8E2A1F}
.ag-falha[hidden]{display:none}
.ag-rodape{
  position:sticky;bottom:0;z-index:2;display:grid;gap:6px;margin:0 -20px;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(to bottom,rgba(249,245,242,0),var(--ground) 18%);
}
.ag-rodape .lead-enviar{box-shadow:0 10px 24px -12px rgba(6,98,103,.7)}
.pol-body .ag-nota,.ag-nota{margin:0;text-align:center;font-size:.76rem;line-height:1.35;color:var(--ink-2)}

/* ---- tela de sucesso ---- */
.ag-ok{gap:12px;padding:6px 0 22px}
.ag-prox{list-style:none;counter-reset:ag;margin:6px 0 0;padding:0;display:grid;gap:10px;text-align:left;width:100%}
.ag-prox li{counter-increment:ag;position:relative;padding:12px 14px 12px 48px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;line-height:1.45;color:var(--ink-2)}
.ag-prox li::before{
  content:counter(ag);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:var(--navy);color:#fff;font-weight:800;font-size:.76rem;
}
.ag-prox b{display:block;color:var(--navy);margin-bottom:1px}
.ag-ok p{max-width:42ch}

/* ---- celular: o modal vira uma folha que sobe do rodapé ---- */
@media (max-width:640px){
  dialog.ag{width:100%;max-width:100%;max-height:94vh;max-height:94dvh;margin:auto 0 0;border-radius:22px 22px 0 0}
  dialog.ag .ag-head{padding:16px 16px 12px;border-radius:22px 22px 0 0}
  dialog.ag .ag-head h3{font-size:1.15rem}
  dialog.ag .ag-head p{font-size:.8rem}
  dialog.ag .ag-body{padding:12px 14px 0}
  .ag-bloco{padding:14px;border-radius:14px}
  .ag-rodape{margin:0 -14px;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px))}
  .ag-tipo-op>span{padding:10px 12px}
  .ag-tipo-op b{font-size:.84rem}
  /* dias numa faixa que rola de lado, em vez de ocupar a tela inteira */
  .ag-dias{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:2px 14px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .ag-dias::-webkit-scrollbar{display:none}
  .ag-dias .ag-opcao{flex:none;scroll-snap-align:start}
}
@media (max-width:380px){
  .ag-tipo{grid-template-columns:1fr}
  .ag-grade{grid-template-columns:1fr 1fr}
}
.ag-opcoes[hidden],.ag-dias[hidden],.ag-horas[hidden],.ag-vazio[hidden],.ag-carrega[hidden],.ag-aviso[hidden],.ag-escolha[hidden]{display:none}
.ag-bloco>.erro:empty{display:none}
.pol-body .ag-ok h4{text-transform:none;letter-spacing:-.01em;font-size:1.25rem;margin:0;color:var(--navy)}

/* ajustes 09/10: dica do dia, ajuda do CPF, endereço que aparece depois do CEP */
.ag-dica[hidden]{display:none}
.ag-ajuda{display:block;margin-top:4px;font-size:.76rem;line-height:1.35;color:var(--ink-2)}
.ag-end-auto{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.ag-end-auto[hidden]{display:none}
.ag-bloco>.erro{color:#C0392B;font-size:.84rem;font-weight:600}