/* Agendar */
.agendar__form { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 24px; align-items: start; }
.agendar__step--dias { grid-column: 1/span 6; }
.agendar__step--datos { grid-column: 7/span 6; position: sticky; top: 96px; }
.agendar-paso { display: flex; align-items: center; gap: 14px; margin: 0 0 24px; font-size: var(--fs-h3); font-weight: 600; }
.agendar-paso span { width: 44px; height: 44px; display: grid; place-items: center; color: var(--ink-dark); background: var(--bronze); font: 700 1.125rem/1 var(--font-text); clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%); }
.agendar-dias { display: grid; gap: 0; border-top: 1px solid currentColor; }
.agendar-dia { display: grid; grid-template-columns: minmax(140px,1fr) 2fr; gap: 16px; align-items: center; padding-block: 18px; border-bottom: 1px solid currentColor; }
.agendar-dia-nombre { margin: 0; font-weight: 700; }
.agendar-dia-nombre::first-letter { text-transform: uppercase; }
.agendar .form-sheet .form-grid { grid-template-columns: 1fr; }
.agendar-horas { display: flex; flex-wrap: wrap; gap: 8px; }
.agendar-hora { min-width: 78px; min-height: 44px; padding: 0 14px; border: 1px solid currentColor; border-radius: 2px; color: inherit; background: transparent; font: 700 .9375rem/1 var(--font-text); font-variant-numeric: tabular-nums; cursor: pointer; transition: background var(--t-micro),color var(--t-micro),border-color var(--t-micro); }
.agendar-hora:hover { border-color: var(--bronze-dark); background: color-mix(in srgb,var(--bronze) 18%,transparent); }
.agendar-hora.elegida,.agendar-hora[aria-pressed="true"] { color: var(--ink-dark); border-color: var(--bronze); background: var(--bronze); }
.agendar-seleccion { margin: 0 0 22px; padding: 14px 16px; border: 1px solid var(--bronze-dark); background: color-mix(in srgb,var(--bronze) 12%,transparent); }
.agendar-seleccion[hidden] { display: none; }
.agendar-error:empty { display: none; }
.agendar-ok { max-width: 760px; margin-inline: auto; padding-right: clamp(32px,5vw,64px); }
.agendar-ok h2 { margin-bottom: 16px; }
.agendar-ok-cuando { font: 600 var(--fs-h3)/1.2 var(--font-display); }
.agendar-ok-cuando span { font: 400 .9375rem/1 var(--font-text); color: var(--gray-600); }
.agendar-ok .btn { margin-top: 10px; }
@media (max-width:1023px) {
  .agendar__step--dias,.agendar__step--datos { grid-column: 1/-1; position: static; }
  .agendar-dia { grid-template-columns: 1fr; gap: 10px; }
}