[data-relogio-afericao]{cursor:pointer}
.afericao-relogio{box-sizing:border-box;width:min(284px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:12px;border:1px solid #c5d5e8;border-radius:16px;background:#fff;color:#0b345d;font:14px Arial,sans-serif}
.afericao-relogio::backdrop{background:#0b254c80}
.afericao-relogio h2{margin:0 0 10px;font-size:18px;text-align:center}
.afericao-relogio button{border:0;border-radius:8px;background:#eaf1fa;color:#0b345d;font:inherit;cursor:pointer}
.afericao-relogio button:focus-visible{outline:2px solid #f58220;outline-offset:2px}
.afericao-relogio .relogio-acoes{display:flex;justify-content:center;gap:8px}
.afericao-relogio .relogio-acoes button{min-height:36px;padding:6px 12px}
.afericao-relogio .relogio-confirmar{background:#0b4ea2;color:#fff}
.afericao-relogio .relogio-disco{position:relative;width:min(100%,220px);aspect-ratio:1;margin:8px auto;border-radius:50%;background:#edf4fc;cursor:pointer}
.afericao-relogio .relogio-marca{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:12%;aspect-ratio:1;padding:0;border-radius:50%;background:#fff;font-size:12px;font-weight:bold}
.afericao-relogio .relogio-marca[aria-pressed=true]{background:#0b4ea2;color:#fff}
.afericao-relogio .relogio-ponteiro{position:absolute;bottom:50%;left:50%;width:2px;background:#0b4ea2;transform-origin:bottom;pointer-events:none}
.afericao-relogio .relogio-minuto-exato:not([hidden]){display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 10px}
.afericao-relogio .relogio-minuto-exato input{width:66px;padding:6px;border:1px solid #c5d5e8;border-radius:6px;font:inherit}
.afericao-relogio button:disabled{background:#e5e7eb;color:#64748b;cursor:default}
.afericao-relogio .hora-travada .relogio-marca[aria-pressed=true]{background:#0b4ea2;color:#fff}
.afericao-relogio .hora-travada .relogio-marca[aria-pressed=false]{background:#e5e7eb;color:#64748b;opacity:.65}
.afericao-relogio .relogio-centro{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:4px 5px;border-radius:6px;background:#edf4fc;font-size:11px;font-weight:800;pointer-events:none}
.afericao-relogio .relogio-horario{margin:0 0 8px;text-align:center;color:#64748b;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.afericao-relogio .relogio-horario .escolhido{color:#0b4ea2}
.afericao-relogio .mostrador-horas .relogio-marca{width:10%;font-size:11px}
.afericao-relogio .relogio-guia{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden}
.afericao-relogio .guia-visivel .relogio-guia{visibility:visible}
.afericao-relogio .relogio-guia line{stroke:#0b4ea2;stroke-width:1.15;stroke-linecap:round}
.afericao-relogio .relogio-guia marker path{fill:#0b4ea2}
.afericao-relogio .relogio-marca.relogio-alvo{background:#0b4ea2;color:#fff}