/* Contenedor relativo para anclar el chip flotante */
.sd-lugar-wrap{
  position: relative;
}

/* Chip base */
.sd-switch-chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #333333;
  border-radius: 9999px;
  padding: 4px 10px;
  white-space: nowrap;
}

/* Texto */
.sd-switch-text{
  color: white;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  margin: 0;
}

/* ✅ Flotante: no ocupa altura */
.sd-switch-chip--float{
  position: absolute;
  right: 0;
  top: -2px;          /* ajusta fino si quieres */
  z-index: 5;
}

/* Base hint (por si lo usas en otros sitios) */
.sd-lugar-hint{
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.82);
  font-size: 13px;
}

/* Hint como si fuera el dropdown (misma altura / look) */
.sd-lugar-hint--like-dropdown{
  margin-top: 0 !important;

  /* mismo tamaño que el dropdown */
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 9999px !important;

  /* ✅ centrado vertical/horizontal del texto */
  display: flex;                 /* NO pongas !important */
  align-items: center;
  justify-content: flex-start;    /* o center si lo quieres centrado horizontal también */

  /* ✅ look azul suave */
  background: linear-gradient(180deg, rgba(0,231,255,0.14) 0%, rgba(0,231,255,0.06) 100%) !important;
  border: 1px solid rgba(0,231,255,0.38) !important;
  box-shadow:
    0 6px 16px rgba(0,0,0,0.35),
    0 0 10px rgba(0,231,255,0.18),
    inset 0 0 10px rgba(0,231,255,0.08) !important;

  /* tipografía */
  color: rgba(255,255,255,0.88) !important;
  font-size: 14px !important;
  line-height: 1 !important;

  /* truncado elegante */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* El span interno ya no necesita forzar alturas */
.sd-lugar-hint__text{
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
}