/* =========================================================
   12-typography-tuning.css
   Objetivo:
   - Títulos más livianos y elegantes (menos negrita)
   - Jerarquía clara por tamaño + color, no por “gritar”
   - Mantener estructura y estilo visual (sin mover layout)
   ========================================================= */

/* --- Etapa inicial: “Seleccionar búsqueda” --- */
.busqueda-titulo{
  font-weight: 600 !important;      /* antes se sentía pesado */
  color: #2f2f2f;
  letter-spacing: 0.15px;
}

.btn-busqueda{
  font-weight: 600 !important;
  font-size: 17px;                  /* solo un nivel arriba */
}

/* --- Paso 1: Stepper y botón --- */
.stepper .step{
  font-weight: 500 !important;      /* suave */
  color: #7f8790;
}

.stepper .step.active{
  font-weight: 600 !important;      /* solo lo activo destaca */
  color: var(--primary-color);
}

.btn-buscar{
  font-weight: 600 !important;
}

/* --- Paso 2: Stepper --- */
.paso2-stepper .paso2-step{
  font-weight: 500 !important;
  color: #7f8790;
  font-size: 16px;                  /* si ya estaba, no baja */
}

.paso2-stepper .paso2-step.active,
.paso2-stepper .paso2-step.completed{
  font-weight: 600 !important;      /* semibold */
  color: #1b75bb;
}

/* --- Paso 2: Cards (títulos) --- */
.paso2-card .card-title{
  font-weight: 600 !important;      /* clave: baja de 700/800 */
  color: #2f2f2f;
  letter-spacing: 0.15px;
}

/* --- Ribbon: jerarquía sin “gritar” --- */
.dia-card .mes,
.dia-card .dia{
  font-weight: 400 !important;
  color: #8b8b8b;
}

.dia-card .numero{
  font-weight: 700 !important;      /* jerarquía clara pero elegante */
  color: #2f2f2f;
}

/* --- Horas: que no compitan con el título --- */
.hora-btn{
  font-weight: 500 !important;      /* baja el “peso” */
}

.hora-btn.is-selected{
  font-weight: 600 !important;      /* solo selección destaca */
}

/* --- Leyenda: más suave --- */
.horas-legend{
  font-weight: 400 !important;
  color: #6b7178;
}

.horas-loading,
.horas-empty{
  font-weight: 400 !important;
  color: #6b7178;
}