/* ======================================================== Amour Spa — Sección de Reserva (booking-form) Antes vivía suelta dentro del footer (.footer .booking-form); ahora es su propia
. La tarjeta se mantiene blanca con texto oscuro (contraste alto para un formulario), aunque el resto del sitio use el tema oscuro. ======================================================== */ .booking-section { position: relative; } .booking-section .booking-form { background-color: #fff; border: none; border-radius: 10px; padding: 20px; position: relative; z-index: 3; box-shadow: 0 20px 45px rgba(18, 7, 10, 0.45); } @media (min-width: 992px) { .booking-section .booking-form { padding: 24px; } } @media (min-width: 1400px) { .booking-section .booking-form { padding: 32px; } } .booking-section .booking-form .salonix-input, .booking-section .booking-form .sort { background-color: #f9f5f2; border: 1px solid rgba(16, 39, 29, 0.1); color: #222e48; /* El fuerza color-scheme:dark, lo que pinta los íconos nativos de fecha/hora en blanco sobre este fondo claro. Forzamos el esquema claro solo en estos inputs para que se vean. */ color-scheme: light; } .booking-section .booking-form .salonix-input::placeholder { color: #6c7280; opacity: 1; } .clsListReservation { *>.option { color: #fff; } }