/* ✅ Tema verde pastel para el wizard (header + 6 pasos) */
.booking-container .booking-header{
    background: #BFEBC6 !important; /* verde pastel */
    color: #0F3D22 !important;      /* texto oscuro para contraste */
}
.booking-container .booking-header h2,
.booking-container .booking-header p{
    color: #0F3D22 !important;
}

/* ✅ Círculo del paso activo */
.booking-container .booking-steps .step.active .step-number{
    background: #79C58A !important; /* verde más marcado */
    color: #0F3D22 !important;
    border-color: #79C58A !important;
}

/* ✅ Título del paso activo */
.booking-container .booking-steps .step.active .step-title{
    color: #2F7D4A !important;
    font-weight: 700;
}

/* ✅ Barra de progreso */
.booking-container .booking-steps .progress-bar-steps .progress{
    background: #79C58A !important;
}

/* (Opcional) bordes suaves en pasos inactivos */
.booking-container .booking-steps .step .step-number{
    border-color: #CFEFD6 !important;
}

/* Icono grande en modal de éxito */
.success-icon{
    font-size: 4rem;
}

/* Z-index alto para toast de advertencia */
.toast-z-2000{
    z-index: 2000;
}

.category-info-alert{
  border-left: 5px solid #0d6efd;
  background: #EAF3FF;
}
.category-info-icon{
  font-size: 18px;
  line-height: 1;
}

.break-word{ word-break: break-word; }

/* Stagger (0..29) para animaciones sin style inline */
.stagger-0  { animation-delay: 0ms; }
.stagger-1  { animation-delay: 100ms; }
.stagger-2  { animation-delay: 200ms; }
.stagger-3  { animation-delay: 300ms; }
.stagger-4  { animation-delay: 400ms; }
.stagger-5  { animation-delay: 500ms; }
.stagger-6  { animation-delay: 600ms; }
.stagger-7  { animation-delay: 700ms; }
.stagger-8  { animation-delay: 800ms; }
.stagger-9  { animation-delay: 900ms; }
.stagger-10 { animation-delay: 1000ms; }
.stagger-11 { animation-delay: 1100ms; }
.stagger-12 { animation-delay: 1200ms; }
.stagger-13 { animation-delay: 1300ms; }
.stagger-14 { animation-delay: 1400ms; }
.stagger-15 { animation-delay: 1500ms; }
.stagger-16 { animation-delay: 1600ms; }
.stagger-17 { animation-delay: 1700ms; }
.stagger-18 { animation-delay: 1800ms; }
.stagger-19 { animation-delay: 1900ms; }
.stagger-20 { animation-delay: 2000ms; }
.stagger-21 { animation-delay: 2100ms; }
.stagger-22 { animation-delay: 2200ms; }
.stagger-23 { animation-delay: 2300ms; }
.stagger-24 { animation-delay: 2400ms; }
.stagger-25 { animation-delay: 2500ms; }
.stagger-26 { animation-delay: 2600ms; }
.stagger-27 { animation-delay: 2700ms; }
.stagger-28 { animation-delay: 2800ms; }
.stagger-29 { animation-delay: 2900ms; }

/* Avatar sin estilos inline */
.avatar-circle{
  width: 80px;
  height: 80px;
}

.avatar-img{
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.avatar-icon{
  font-size: 2rem;
}

.step1-header-row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.step1-search-wrap{
  width: 100%;
  max-width: 320px;
  margin-left: auto;
}

.step1-search-input{
  min-height: 38px;
}

.step1-empty-search{
  margin-bottom: 1rem;
  color: #6c757d;
}

@media (max-width: 767.98px){
  .step1-search-wrap{
    max-width: 100%;
  }
}