/* CGJ Reservas — formulario de reserva en la web. Usa los estilos de formulario de CGJ Núcleo y los tokens del tema si existen. */
.cgj-reserva { --r-acento: var(--wp--preset--color--terracota, #B9512E); --r-tinta: var(--wp--preset--color--tinta, #1F1B16); --r-linea: var(--wp--preset--color--linea, #E2D8C6); --r-suave: var(--wp--preset--color--terracota-suave, #F1DCCD); --r-piedra: var(--wp--preset--color--piedra, #6B6258); scroll-margin-top: 120px; }
.cgj-reserva__form { display: grid; gap: 1.35rem; }
.cgj-reserva__fila { display: grid; gap: 1.35rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.cgj-reserva input[type=date] { width: 100%; box-sizing: border-box; font: inherit; font-size: 1rem; color: var(--r-tinta); background: #fff; border: 1.5px solid var(--r-linea); border-radius: 8px; padding: .8rem 1rem; min-height: 52px; }
.cgj-reserva input[type=date]:focus { outline: none; border-color: var(--r-tinta); box-shadow: 0 0 0 4px var(--r-suave); }
.cgj-reserva__grupo { margin: -.6rem 0 0; font-size: .875rem; color: var(--r-piedra); }
.cgj-reserva__horas { border: 0; padding: 0; margin: 0; min-width: 0; }
.cgj-reserva__turnos { display: grid; gap: 1rem; margin-top: .5rem; min-height: 3rem; transition: opacity .2s; }
.cgj-reserva__turnos.cargando { opacity: .45; }
.cgj-reserva__turno { display: grid; grid-template-columns: 5.5rem 1fr; gap: .75rem; align-items: center; }
.cgj-reserva__turno-nombre { font-size: .8125rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--r-piedra); }
.cgj-reserva__cerrado { color: var(--r-piedra); font-style: italic; font-size: .9375rem; }
.cgj-reserva .cgj-opciones--pildoras { display: flex; flex-wrap: wrap; gap: .5rem; }
.cgj-reserva .cgj-opcion input:checked + span { background: var(--r-tinta); color: #fff; border-color: var(--r-tinta); box-shadow: none; }
.cgj-reserva .cgj-opcion--llena span { opacity: .4; text-decoration: line-through; cursor: not-allowed; }
.cgj-reserva__vacio { margin: 0; padding: .9rem 1rem; border-radius: 8px; background: var(--r-suave); font-size: .9375rem; }
.cgj-reserva__nota { font-size: .875rem; color: var(--r-piedra); margin: 0; }
.cgj-reserva__ok { text-align: center; padding: 0 0 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--r-linea); }
.cgj-reserva__ok-icono { display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto 1rem; border-radius: 50%; background: var(--wp--preset--color--oliva, #5E6338); color: #fff; font-size: 1.5rem; }
.cgj-reserva__ok-titulo, .cgj-reserva__titulo { font-size: 1.75rem; margin: 0 0 .5rem; }
.cgj-reserva__datos { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 1rem 1.5rem; margin: 1.25rem 0 1.5rem; }
.cgj-reserva__datos dt { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--r-piedra); }
.cgj-reserva__datos dd { margin: .2rem 0 0; font-family: var(--wp--preset--font-family--display, inherit); font-size: 1.25rem; }
.cgj-reserva__otra { margin: 1.25rem 0 0; font-size: .9375rem; }
@media (max-width: 520px) { .cgj-reserva__turno { grid-template-columns: 1fr; gap: .4rem; } }