/* «Reservar una llamada» (app/views/booking.php, booking-cancel.php). Los días son botones de opción y, detrás de cada uno, sus
   horas: solo se ven las del día elegido, todas debajo de los días (order), sin JavaScript. La confirmación es /gracias/ */
.booking-slots{min-width:0;padding:0;border:0;margin:0 0 26px}.booking-slots legend{margin-bottom:14px}
.booking-picker{position:relative;display:flex;flex-wrap:wrap;gap:8px}
.booking-day-input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0}
.contact-form .booking-day{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:86px;margin:0;padding:10px 14px;border:1px solid #657077;color:#eef0ed;font-size:15px;cursor:pointer}
.booking-day b{font-weight:600;white-space:nowrap}
.booking-day small{color:#a3afb5;font-size:12px;white-space:nowrap}
.booking-day:hover{border-color:#46b7f2}
.booking-day-input:checked+.booking-day{border-color:#46b7f2;background:#143a4d;color:#fff}
.booking-day-input:checked+.booking-day small{color:#cfe9f8}
.booking-day-input:focus-visible+.booking-day{outline:2px solid #fff;outline-offset:3px}
.booking-times{display:none;order:1;flex:1 0 100%;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:14px}
.booking-day-input:checked+.booking-day+.booking-times{display:grid}
.booking-times-day{grid-column:1/-1;margin:0 0 2px;color:#eef0ed;font-size:15px}
.contact-form .booking-times .service-option>span{min-height:46px;justify-content:center;padding:10px}
/* La hora elegida, rellena con el azul claro de la web (texto oscuro: 8:1) */
.contact-form .booking-times .service-option input:checked+span{border-color:#46b7f2;background:#46b7f2;color:#0c1012;font-weight:600}
.booking-none{margin:16px 0 0;color:#a3afb5;font-size:14px}
.booking-choice{margin:4px 0 16px;color:#eef0ed;font-size:15px}
.booking-done{padding-top:10px;padding-bottom:120px}.booking-done>*{max-width:900px}
.booking-done .button{margin-top:18px}
/* En el móvil, «Cómo funciona» va antes de las horas (en Contacto va al final) y sin el enlace a Contacto, que está bajo las horas */
@media(max-width:680px){.booking-grid .contact-aside{order:-1}.booking-write{display:none}.booking-times{grid-template-columns:repeat(3,1fr)}}