@media (min-width:768px){#book-appointment-wizard{border-radius:var(--bs-border-radius)!important;box-shadow:var(--bs-box-shadow-sm)!important}}#book-appointment-wizard .book-step.active-step{height:45px!important;width:45px!important;background:var(--bs-white)!important;padding:7px!important;margin-right:13px!important;margin-top:0!important}#book-appointment-wizard .book-step.active-step strong{color:var(--bs-primary)!important;font-size:21px!important}#book-appointment-wizard .book-step:not(.active-step){height:35px!important;width:35px!important;background:rgba(0,0,0,.2)!important;padding:8px!important;margin-right:12px!important;margin-top:6px!important}#book-appointment-wizard .book-step:not(.active-step) strong{color:rgba(255,255,255,.5)!important;font-size:12px!important}#book-appointment-wizard #available-hours .available-hour{margin-bottom:10px}#book-appointment-wizard #available-hours .selected-hour{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:var(--bs-white)!important}#book-appointment-wizard .captcha-title .fa-sync-alt{cursor:pointer;transition:all .3s linear}#book-appointment-wizard .captcha-title .fa-sync-alt:hover{color:var(--bs-primary)}.popover .popover-title{text-align:center}.popover .popover-content #language-list .language{margin:15px 0}#book-appointment-wizard .flatpickr-calendar.inline{margin:auto}

/* === EA-DEMO-BRANDING-INICIO (marca de la instancia) — NO editar a mano === */
/* Red de seguridad: cualquier enlace al sitio del fabricante o de su autor que
 * llegue a renderizarse queda fuera de la pantalla del cliente. La marca se
 * retira de verdad en las VISTAS (ver ea-marca.container.sh §1); esto solo
 * cubre lo que no se haya auditado. */
a[href*="easyappointments.org"],
a[href*="alextselegidis.com"] { display: none !important; }

/* Botón y texto primarios en el COLOR DE MARCA. El componente `company_color_style`
 * de EA solo fija las variables de Bootstrap y deja a propósito las reglas del
 * TEMA, que pintan el verde del fabricante con `background: linear-gradient(...)`
 * y `.text-primary` fijo: el resultado era encabezado en el color del cliente y
 * botones verdes en la misma pantalla (visto en las capturas de Clientes y
 * Servicios). Se sustituye el fondo COMPLETO —con el atajo `background`, no con
 * `background-image`: quitar solo la imagen dejaba el fondo TRANSPARENTE y el
 * botón de acceso salió como una caja blanca vacía (regresión vista y corregida
 * en la segunda vuelta de capturas). */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}
.text-primary { color: var(--bs-primary) !important; }

/* Legibilidad de la agenda: EA pinta el texto del evento en BLANCO sobre el color
 * de la cita. La paleta por área de servicio es de tonos claros (obligado: con
 * tonos oscuros EA usaba texto oscuro y las citas salían ilegibles), así que el
 * blanco sobre pastel se lee mal. Se fuerza texto oscuro, que contrasta tanto con
 * la paleta del despacho como con el color de fábrica de EA (#7cbae8). */
.fc-event,
.fc-event *,
.fc-event .fc-event-time,
.fc-event .fc-event-title { color: #1f2937 !important; }
/* === EA-DEMO-BRANDING-FIN === */