.elementor-21287 .elementor-element.elementor-element-e75cba7{--display:flex;--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:13%;--padding-left:0%;--padding-right:0%;}@media(max-width:768px){.elementor-21287 .elementor-element.elementor-element-e75cba7{--margin-top:-28%;--margin-bottom:-28%;--margin-left:-28%;--margin-right:-28%;}}/* Start custom CSS for stepbooking, class: .elementor-element-0edb159 *//* AMELIA: mostrar solo hora inicial en slots (v1 y v2) */

/* Caso 1: el rango viene separado en spans */
.amelia-app-booking .am-time-slot span:last-child,
.amelia-app-booking .am-slot-time span:last-child,
.amelia-v2-booking .am-time-slot span:last-child,
.amelia-v2-booking .am-slot-time span:last-child,
#amelia-app-booking .am-time-slot span:last-child,
#amelia-app-booking .am-slot-time span:last-child {
  display: none !important;
}

/* Caso 2: ocultar el separador si existe como elemento */
.amelia-app-booking .am-time-slot .am-time-slot-time::after,
.amelia-v2-booking .am-time-slot .am-time-slot-time::after,
#amelia-app-booking .am-time-slot .am-time-slot-time::after {
  display: none !important;
}

/* Caso 3 (más común en UI nueva): el texto viene completo, se "corta" visualmente */
.amelia-app-booking .am-time-slot,
.amelia-v2-booking .am-time-slot,
#amelia-app-booking .am-time-slot {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

/* Si el texto "09:00 - 10:00" viene en un solo nodo, limitamos el ancho para que se vea solo "09:00" */
.amelia-app-booking .am-time-slot .am-time-slot-time,
.amelia-v2-booking .am-time-slot .am-time-slot-time,
#amelia-app-booking .am-time-slot .am-time-slot-time {
  display: inline-block;
  max-width: 4.2ch; /* muestra aprox "09:00" */
  overflow: hidden;
}/* End custom CSS */