/* 19/10/2026 · 📅 Agendar en cualquier fecha (secciones.js), igual al de Clara */
.ag h2 .sub{max-width:720px}
.ag-paso{display:flex;gap:14px;background:#fff;border:1.5px solid var(--linea);border-radius:var(--radio);padding:16px;margin:0 0 14px;box-shadow:var(--sombra)}
.ag-n{flex:0 0 38px;height:38px;border-radius:50%;background:#0A0A0A;color:#e6c65c;font-weight:800;font-size:19px;display:grid;place-items:center}
.ag-c{flex:1;min-width:0}
.ag-c h3{margin:2px 0 10px;font-size:19px}
.ag-c h3 small{font-size:14px;color:var(--muted);font-weight:700;margin-left:6px}
.ag-seg{display:flex;flex-wrap:wrap;gap:8px}
.ag-seg button{border:2px solid #0A0A0A;background:#fff;border-radius:999px;padding:11px 20px;font-weight:800;font-size:17px;min-height:46px}
.ag-seg button.si{background:#0A0A0A;color:#e6c65c}
.ag-l{display:block;font-weight:700;font-size:15px;margin:0 0 10px}
.ag-l input,.ag textarea,.ag-dia input{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1.5px solid var(--linea);border-radius:12px;padding:12px;font:inherit;font-size:17px;font-weight:600;background:var(--panel2)}
.ag-dia{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ag-dia input{width:auto;margin:0;min-width:190px}
.ag-diat{font-weight:800;font-size:18px;color:var(--oro);margin:10px 0 14px}
.ag-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 12px}
.ag-o{color:var(--muted);font-weight:700;font-size:15px;margin:8px 0}
.ag-res{display:flex;flex-direction:column;gap:6px;margin:0 0 6px}
.ag-r{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;text-align:left;border:1.5px solid var(--linea);background:var(--panel);border-radius:12px;padding:10px 12px;font:inherit;font-size:16px}
.ag-r span,.ag-lead span{color:var(--muted);font-weight:600;font-size:15px}
.ag-lead{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;background:var(--panel);border-radius:12px;padding:12px 14px;font-size:18px}
.ag-horas{display:flex;flex-wrap:wrap;gap:8px}
.ag-h{border:2px solid transparent;border-radius:999px;padding:9px 13px;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;min-width:74px}
.ag-h.libre{background:#E3F5E8;color:var(--verde)}
.ag-h.fuera{background:#F1EEE6;color:#7a705c}
.ag-h.no{background:#eee;color:#aaa;text-decoration:line-through}
.ag-h.si{background:#0A0A0A;color:#e6c65c;border-color:#e6c65c}
.ag-ley{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;color:var(--muted);font-weight:700;margin:12px 0 0}
.ag-ley .ag-h{min-width:0;padding:3px 10px;font-size:13px}
.ag-fin{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ag .btn.grande{font-size:18px;padding:15px 22px}
.ag .btn[disabled]{opacity:.45;animation:none}
.ag-mias h3{font-size:18px;margin:22px 0 8px}
.ag-lista{display:flex;flex-direction:column;gap:6px}
.ag-fila{display:flex;flex-wrap:wrap;gap:4px 12px;background:var(--panel);border-radius:12px;padding:10px 12px;font-size:16px}
.ag-fila.pasada{opacity:.55}
.ag-ok{background:#fff;border:2px solid #e6c65c;border-radius:var(--radio);padding:22px;text-align:center;box-shadow:var(--sombra)}
.ag-ok-ico{font-size:46px}
.ag-ok p{font-size:18px}
.ag-ok .ag-fin{justify-content:center}
@media (max-width:640px){.ag-paso{padding:12px;gap:10px}.ag-n{flex-basis:30px;height:30px;font-size:16px}.ag-h{min-width:66px;padding:9px 10px}}
