/* Página de agendamento (usa os tokens de styles.css) */
.ag-topo{border-bottom:1px solid var(--linha);background:var(--offwhite)}
.ag-topo .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.ag-topo .logo img{height:60px;width:auto;display:block}
.ag-topo a.voltar{font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.ag-main{padding:56px 0 96px}
.ag-cabeca{text-align:center;margin-bottom:36px}
.ag-cabeca h1{font-size:clamp(36px,5vw,54px);margin-top:10px}
.aviso-demo{max-width:860px;margin:0 auto 24px;background:var(--rose);color:#6b5753;border-radius:4px;padding:12px 18px;font-size:13px;text-align:center}

.passos-ag{display:flex;justify-content:center;gap:8px;list-style:none;margin-bottom:28px;flex-wrap:wrap}
.passos-ag li{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9a9189;display:flex;align-items:center;gap:8px}
.passos-ag li b{width:26px;height:26px;border-radius:50%;border:1px solid var(--nude);display:inline-flex;align-items:center;justify-content:center;font-weight:400;letter-spacing:0}
.passos-ag li.ativo{color:var(--grafite)}
.passos-ag li.ativo b{background:var(--salvia-esc);border-color:var(--salvia-esc);color:var(--offwhite)}
.passos-ag li.feito b{background:var(--rose);border-color:var(--rose)}
.passos-ag li+li::before{content:"";width:28px;border-top:1px solid var(--nude);margin-right:4px}

.ag-caixa{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--linha);border-radius:6px;padding:40px}
.ag-caixa h2{font-size:30px;margin-bottom:6px}
.ag-caixa .sub{color:var(--texto);font-size:15px;margin-bottom:26px}
.rotulo{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--salvia);margin:26px 0 12px;display:block}

.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font:inherit;font-size:14px;border:1px solid var(--nude);background:var(--offwhite);color:var(--grafite);border-radius:999px;padding:9px 18px;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--salvia-esc)}
.chip.sel{background:var(--salvia-esc);border-color:var(--salvia-esc);color:var(--offwhite)}

.lista-serv{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.opc{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;font:inherit;font-size:15px;border:1px solid var(--linha);background:var(--offwhite);border-radius:4px;padding:14px 16px;cursor:pointer;color:var(--grafite)}
.opc small{font-size:12px;color:#8a8178;white-space:nowrap}
.opc:hover{border-color:var(--salvia)}
.opc.sel{border-color:var(--salvia-esc);box-shadow:inset 0 0 0 1px var(--salvia-esc);background:#fff}

select.campo,.ag-caixa input,.ag-caixa textarea{width:100%;font:inherit;font-size:15px;border:1px solid var(--linha);background:var(--offwhite);border-radius:4px;padding:12px 14px;color:var(--grafite);margin:0}
.ag-caixa input:focus,.ag-caixa textarea:focus,select.campo:focus{outline:2px solid var(--salvia);outline-offset:1px}
.ag-caixa label{margin:18px 0 6px}
.grade2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}

.cal-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cal-topo strong{font-family:var(--serif);font-weight:500;font-size:24px;display:inline-block}
.cal-topo strong::first-letter{text-transform:uppercase}
.cal-nav{font:inherit;background:none;border:1px solid var(--nude);border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:16px}
.cal-nav:disabled{opacity:.3;cursor:default}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}
.cal .dsem{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#9a9189;padding:6px 0}
.cal button{font:inherit;font-size:15px;aspect-ratio:1;border:1px solid transparent;border-radius:50%;background:none;color:#c5bcb2;cursor:default;max-width:52px;width:100%;justify-self:center}
.cal button.livre{color:var(--grafite);background:var(--areia);cursor:pointer;font-weight:400}
.cal button.livre:hover{border-color:var(--salvia-esc)}
.cal button.sel{background:var(--salvia-esc);color:var(--offwhite)}
.cal button.hoje{text-decoration:underline;text-underline-offset:4px}
.legenda-cal{font-size:12px;color:#8a8178;margin-top:12px;display:flex;gap:16px;align-items:center}
.legenda-cal i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--areia);margin-right:6px;vertical-align:-1px}
.horarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.horarios .chip{border-radius:6px;display:flex;flex-direction:column;align-items:center;line-height:1.3;padding:10px 6px}
.horarios .chip small{font-size:11px;opacity:.75}
.vazio{color:#8a8178;font-size:14px;padding:12px 0}

.resumo{background:var(--areia);border-radius:4px;padding:18px 20px;font-size:14px;margin-bottom:8px}
.resumo b{font-family:var(--serif);font-size:20px;font-weight:500;display:block}
.consent{display:flex !important;gap:10px;align-items:flex-start;font-size:13px !important;letter-spacing:0 !important;text-transform:none !important;color:var(--texto) !important;margin-top:22px !important}
.consent input{width:auto !important;margin-top:3px !important}
.acoes-ag{display:flex;justify-content:space-between;gap:12px;margin-top:32px;flex-wrap:wrap}
.acoes-ag .btn{border:0;cursor:pointer;font-family:var(--sans)}
.acoes-ag .btn:disabled{opacity:.4;cursor:default}
.btn-texto{background:none;border:0;font:inherit;font-size:13px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;color:var(--texto)}
.erro{color:#a5503a;font-size:14px;margin-top:14px}
.sucesso{text-align:center;padding:20px 0}
.sucesso .ok{width:72px;height:72px;border-radius:50%;background:var(--rose);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;color:var(--salvia-esc)}
.sucesso p{color:var(--texto);max-width:520px;margin:10px auto}
.carregando{opacity:.5;pointer-events:none}

@media (max-width:760px){
  .ag-caixa{padding:26px 18px}
  .grade2{grid-template-columns:1fr}
  .passos-ag li span{display:none}
  .passos-ag li+li::before{width:16px}
}
