/* ÁLZARA — /reservar al estilo Duo (va encima de css/duo.css): los próximos días en botones y las horas en chips. */
html { color-scheme: dark; } [data-tema="dia"] { color-scheme: light; }
body { margin: 0; background: var(--d-bg); min-height: 100svh; -webkit-font-smoothing: antialiased; }

/* lo que dura y cómo es, debajo del título */
.rs-datos { justify-content: flex-start; margin: -10px 0 22px; }
.rs-datos b { font-weight: 800; color: var(--d-tinta); }

/* ── los días: botones .duo-eleccion; aquí solo el aviso y la nota ── */
.rs-aviso { margin: -6px 0 14px; font-size: .92rem; }
#dias { margin-bottom: 18px; }
.cal__nota { min-height: 1.3em; margin-top: 10px; font-size: .9rem; font-weight: 600; color: var(--d-tinta-60); }
.cal__nota:empty { display: none; }

/* ── horas: elegir una ya es avanzar ── */
.rs-horas { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 10px; padding-bottom: 20px; }
.rs-horas .duo-chip { padding: 12px 6px; font-size: 1rem; font-weight: 700; color: var(--d-tinta); animation: rs-entra .4s calc(var(--i) * 30ms) var(--d-curva) backwards; }
.rs-horas .duo-chip.duo-elegida { color: var(--d-oro); }
@keyframes rs-entra { from { opacity: 0; transform: translateY(8px); } }

/* ── resumen: el «cambiar» va al otro lado del sello ── */
.rs-cambiar { position: absolute; top: -14px; right: 18px; cursor: pointer; font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 4px 12px; border-radius: 99px; border: 2px solid var(--d-oro); background: var(--d-bg); color: var(--d-oro); }
.rs-cambiar:hover { background: var(--d-oro-suave); }
.duo-filas b::first-letter { text-transform: uppercase; }

/* ── reservada ── */
.rs-cuando { font-size: 1.25rem; font-weight: 800; margin: 4px 0 10px; }
.rs-cuando::first-letter { text-transform: uppercase; }
.rs-acciones { display: grid; gap: 14px; margin-top: 4px; }
.rs-acciones[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) { .rs-horas .duo-chip { animation: none; } }