/* ═══════════════════════════════════════════════════════════════
   BEHABY — tipografía de utilidad en Poppins
   Se carga después de las demás hojas para poder sobrescribir.

   Reemplaza IBM Plex Mono por Poppins en etiquetas, datos y metadatos.
   Poppins es más ancha que una monoespaciada al mismo tamaño, así que
   varios tamaños bajan medio punto y el interletrado se afloja donde
   el texto va en mayúsculas.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --mono: "Poppins", system-ui, sans-serif;
  --util: "Poppins", system-ui, sans-serif;
}

/* ── Base de las etiquetas de utilidad ────────────────────────── */

.kicker,
.mono,
.etiqueta,
.aviso-demo,
.franja-pista,
.franja-etiqueta,
.franja-pie,
.medidor-cabeza,
.franja-hora,
.barrio-lugar,
.barrio-precio,
.paso-num,
.zona-nota,
.fuentes,
.datos-alojamiento,
.precio small,
.pie h4,
.pie-base,
.tira-pie,
.progreso-texto,
.autoguardado,
.resumen-etiqueta,
.resumen-editar,
.enlace-seguimiento,
.pastilla-estado,
.itinerario-meta,
.progreso-pastilla,
.dia-pestana,
.escala-guia,
.guardado-nota,
.item-perfil i,
.lugar .dato,
.lugar .patrocinado,
.actividad-hora .hora,
.actividad-hora .tipo,
.ask,
.boton-comprobar .cuenta,
.datos-cuenta [data-copiable] {
  font-family: var(--util);
}

/* ── Ajustes de peso y tamaño ─────────────────────────────────── */

/* Sin el ancho fijo de la monoespaciada, las etiquetas necesitan
   más peso para seguir leyéndose como etiquetas y no como texto. */
.kicker {
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: .13em;
}

.aviso-demo,
.pie h4 {
  font-weight: 600;
  letter-spacing: .1em;
}

.aviso-demo { font-size: 10.5px; }
.pie h4 { font-size: 11.5px; }

.franja-etiqueta,
.actividad-hora .tipo,
.lugar .patrocinado {
  font-weight: 600;
  letter-spacing: .09em;
}

.etiqueta {
  font-weight: 500;
  font-size: 12.5px;
  padding: 5px 12px;
}

.mono,
.fuentes,
.pie-base,
.franja-pie,
.zona-nota,
.progreso-texto,
.autoguardado,
.guardado-nota,
.tira-pie,
.itinerario-meta {
  font-weight: 400;
  font-size: 12.5px;
}

.barrio-lugar {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .01em;
}

.barrio-precio,
.datos-alojamiento,
.resumen-editar,
.boton-comprobar .cuenta,
.lugar .dato,
.escala-guia {
  font-weight: 500;
  font-size: 12.5px;
}

.resumen-etiqueta {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .01em;
}

.paso-num,
.item-perfil i {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .04em;
}

.pastilla-estado,
.progreso-pastilla,
.dia-pestana,
.ask {
  font-weight: 500;
  font-size: 12.5px;
  letter-spacing: .01em;
}

/* ── Cifras alineadas ─────────────────────────────────────────── */

/* Sin esto, las horas de la franja bailan de ancho al cambiar de
   número y el riel se ve tembloroso. Poppins trae cifras tabulares
   y aquí se piden explícitamente. */
.franja-hora,
.medidor-cabeza,
.actividad-hora .hora,
.contador input,
.edad,
.escala-punto span,
.precio,
.enlace-seguimiento,
.datos-cuenta [data-copiable] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

.franja-hora {
  font-weight: 500;
  font-size: 12.5px;
  letter-spacing: .02em;
}

.medidor-cabeza {
  font-weight: 400;
  font-size: 11.5px;
}

.actividad-hora .hora {
  font-weight: 600;
  font-size: 15px;
}

/* Los campos numéricos del cuestionario y la escala de evaluación
   heredaban la monoespaciada del contenedor. */
.contador input,
.edad,
.escala-punto span {
  font-family: var(--util);
  font-weight: 500;
}

.enlace-seguimiento,
.datos-cuenta [data-copiable] {
  font-family: var(--util);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: .005em;
}

/* ── Detalles que se descuadran al cambiar de familia ─────────── */

/* La monoespaciada daba ancho constante; Poppins no, así que la
   columna de etiquetas del resumen necesita algo más de sitio. */
.resumen-etiqueta { width: 142px; }
@media (max-width: 540px) { .resumen-etiqueta { width: auto; } }

/* El código de solicitud se lee mejor con algo de separación. */
.enlace-seguimiento { line-height: 1.6; }