/* Tokens + widget de agendamento — compartilhado por index.php e vistos.php */
:root{
  --tinta:#10233F;
  --tinta-70:rgba(16,35,63,.7);
  --tinta-45:rgba(16,35,63,.45);
  --papel:#EDF0F3;
  --branco:#fff;
  --linha:rgba(16,35,63,.14);
  --selo:#0F6B52;
  --selo-fraco:rgba(15,107,82,.09);
  --ambar:#B8862F;
  --erro:#B3261E;
  --display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --corpo:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--papel);color:var(--tinta);font-family:var(--corpo);
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--selo)}
:focus-visible{outline:2px solid var(--selo);outline-offset:2px;border-radius:4px}

/* ---------- barra dos dois fusos ---------- */
.ag-fusos{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.04)}
.ag-fusos .cidade{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ag-fusos .hora{font-family:var(--mono);font-size:20px;line-height:1.3;color:#fff}
.ag-fusos .la .hora{color:var(--ambar)}
.ag-fusos .tra{width:1px;height:34px;background:rgba(255,255,255,.2)}
.ag-fusos.claro{border-color:var(--linha);background:var(--branco)}
.ag-fusos.claro .cidade{color:var(--tinta-45)}
.ag-fusos.claro .hora{color:var(--tinta)}
.ag-fusos.claro .la .hora{color:var(--ambar)}
.ag-fusos.claro .tra{background:var(--linha)}

/* ---------- palco ---------- */
.ag-palco{background:var(--branco);border:1px solid var(--linha);border-radius:10px;padding:26px}
@media(max-width:520px){.ag-palco{padding:20px 16px}}
.ag-trilho{display:flex;gap:6px;margin:0 0 22px;padding:0;list-style:none;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-45)}
.ag-trilho li{display:flex;align-items:center;gap:6px}
.ag-trilho li+li::before{content:"";width:14px;height:1px;background:var(--linha);margin-right:6px}
.ag-trilho .num{font-family:var(--mono);font-size:11px;width:19px;height:19px;border-radius:50%;
  border:1px solid var(--linha);display:grid;place-items:center}
.ag-trilho li[aria-current]{color:var(--tinta)}
.ag-trilho li[aria-current] .num{background:var(--tinta);color:#fff;border-color:var(--tinta)}

.ag-etapa{display:none}
.ag-etapa.on{display:block;animation:ag-entra .18s ease-out}
@keyframes ag-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ag-etapa.on{animation:none}}

.ag-titulo{font-family:var(--display);font-size:21px;font-weight:600;margin:0 0 4px}
.ag-apoio{margin:0 0 20px;color:var(--tinta-70);font-size:14.5px}

/* ---------- escolha de trilha ---------- */
.ag-trilhas{display:grid;gap:12px}
.ag-trilha{text-align:left;background:var(--branco);border:1px solid var(--linha);border-radius:8px;
  padding:18px 20px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}
.ag-trilha:hover{border-color:var(--selo);background:var(--selo-fraco)}
.ag-trilha strong{display:block;font-family:var(--display);font-size:17px;margin-bottom:3px}
.ag-trilha span{font-size:14px;color:var(--tinta-70)}
.ag-trilha .dur{font-family:var(--mono);font-size:12.5px;color:var(--tinta-45);margin-top:8px;display:block}

/* ---------- calendário ---------- */
.ag-mes{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ag-mes strong{font-family:var(--display);font-size:17px;font-weight:600;text-transform:capitalize}
.ag-mes button{background:none;border:1px solid var(--linha);border-radius:6px;width:32px;height:32px;
  cursor:pointer;color:var(--tinta);font-size:15px;line-height:1}
.ag-mes button:disabled{opacity:.3;cursor:default}
.ag-grade{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ag-dow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-45);
  text-align:center;padding-bottom:6px}
.ag-dia{aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:none;font:inherit;
  font-family:var(--mono);font-size:14.5px;color:var(--tinta-45);cursor:default;position:relative}
.ag-dia.livre{background:var(--selo-fraco);color:var(--tinta);cursor:pointer}
.ag-dia.livre:hover{border-color:var(--selo)}
.ag-dia.livre::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);
  width:4px;height:4px;border-radius:50%;background:var(--selo)}
.ag-dia[aria-pressed="true"]{background:var(--tinta);color:#fff}
.ag-dia[aria-pressed="true"]::after{background:#fff}

/* ---------- horários ---------- */
.ag-horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:6px}
.ag-hora{font-family:var(--mono);font-size:15px;padding:12px 6px;border:1px solid var(--linha);
  border-radius:8px;background:var(--branco);cursor:pointer;color:var(--tinta);transition:.15s}
.ag-hora:hover{border-color:var(--selo);background:var(--selo-fraco)}
.ag-hora small{display:block;font-family:var(--corpo);font-size:11px;color:var(--tinta-45);margin-top:3px}
.ag-voltar{background:none;border:0;color:var(--tinta-70);font:inherit;font-size:14px;cursor:pointer;
  padding:0;margin-bottom:16px}
.ag-voltar:hover{color:var(--selo)}
.ag-vazio{color:var(--tinta-45);font-size:14.5px;padding:10px 0}

/* ---------- formulário ---------- */
.ag-campo{margin-bottom:16px}
.ag-campo label{display:block;font-size:13px;letter-spacing:.04em;color:var(--tinta-70);margin-bottom:6px}
.ag-campo input,.ag-campo textarea{width:100%;padding:11px 13px;border:1px solid var(--linha);
  border-radius:8px;font:inherit;font-size:15px;color:var(--tinta);background:var(--branco)}
.ag-campo textarea{min-height:92px;resize:vertical}
.ag-campo input:focus,.ag-campo textarea:focus{border-color:var(--selo);outline:none;
  box-shadow:0 0 0 3px var(--selo-fraco)}
.ag-optin{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--tinta-70);margin:18px 0}
.ag-optin input{margin-top:3px}
.ag-mel{position:absolute;left:-9999px}
.ag-enviar{background:var(--selo);color:#fff;border:0;border-radius:8px;padding:14px 26px;
  font:inherit;font-size:15.5px;cursor:pointer;width:100%}
.ag-enviar:disabled{opacity:.55;cursor:default}
.ag-aviso{color:var(--erro);font-size:14px;margin:12px 0 0}
.ag-legal{font-size:12.5px;color:var(--tinta-45);margin:14px 0 0;line-height:1.5}

/* ---------- confirmação ---------- */
.ag-selo-ok{width:42px;height:42px;border-radius:50%;background:var(--selo-fraco);color:var(--selo);
  display:grid;place-items:center;font-size:21px;margin-bottom:14px}
.ag-recibo{font-family:var(--mono);font-size:15px;background:var(--papel);border-radius:8px;
  padding:16px 18px;margin:18px 0}
.ag-recibo b{display:block;font-weight:600}
.ag-recibo span{color:var(--tinta-70);font-size:13.5px}
.ag-botao-zoom{display:inline-block;background:var(--tinta);color:#fff;text-decoration:none;
  padding:13px 24px;border-radius:8px;font-size:15px}