.reserva-progress{display:flex;list-style:none;padding:0;margin:20px 0 28px;gap:8px;flex-wrap:wrap}.reserva-progress li{flex:1;min-width:140px;padding:11px 9px;border-bottom:2px solid var(--border);font-size:11px;color:var(--muted)}.reserva-progress li[aria-current=step]{border-color:var(--accent);color:var(--ink)}.reserva-progress .is-complete{color:#a6cfb4}.reserva-selection{font-size:13px;padding:12px 15px;border-left:2px solid var(--accent);background:var(--surface)}.reserva-teachers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reserva-teacher{display:flex;flex-direction:column;gap:9px;padding:10px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius)}.reserva-teacher[aria-pressed=true]{border:2px solid var(--accent);padding:9px}.reserva-teacher img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.reserva-teacher strong{font-family:var(--font-display);font-size:20px;font-weight:400}.reserva-teacher span{font-size:11px}.reserva-services{display:grid;gap:14px}.reserva-service{display:flex;gap:16px;padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);cursor:pointer}.reserva-service:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.reserva-service input{margin-top:6px;accent-color:var(--accent);flex-shrink:0;width:18px;height:18px}.reserva-service h3{font-family:var(--font-display);font-size:25px;margin-bottom:10px}.reserva-service p,.reserva-service li{font-size:13px}.reserva-service ul{padding-left:19px}.reserva-success{padding:18px;border:1px solid #60846d;color:#bdd7c7;background:#213e2933}.reserva-appointment{display:grid;grid-template-columns:100px 1fr auto;gap:22px;align-items:center;margin:20px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.reserva-appointment img{width:100px;aspect-ratio:4/5;object-fit:cover;object-position:top}.reserva-appointment p{margin-bottom:10px;font-size:13px}.reserva-appointment h3{margin:12px 0;font-size:21px}.reserva-room-banner{margin-block:25px;padding:20px;border:1px solid var(--accent);background:var(--surface)}@media(max-width:700px){.reserva-teachers{grid-template-columns:repeat(2,minmax(0,1fr))}.reserva-progress li{min-width:calc(50% - 8px);flex:0 1 calc(50% - 8px)}.reserva-appointment{grid-template-columns:75px 1fr;gap:15px;padding:15px}.reserva-appointment img{width:75px}.reserva-appointment .button{grid-column:1/-1}.reserva-service{padding:16px}.reserva-teacher strong{font-size:19px}}
.reserva-purpose-root{margin:24px 0}.reserva-purpose-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.reserva-purpose-status{padding:12px;border-left:2px solid var(--accent);background:var(--surface);font-size:13px}.reserva-appointment-actions{display:flex;flex-direction:column;gap:10px}.reserva-appointment-context{max-width:640px;font-size:13px}.reserva-appointment-context summary{cursor:pointer;color:var(--accent)}.reserva-appointment-context p{margin-top:12px}@media(max-width:700px){.reserva-appointment-actions{grid-column:1/-1}.reserva-appointment-actions .button{width:100%}}