/* ===============================
   WRAPPER
================================ */
.floating-fixed {
  position: relative;
  overflow: visible !important;
  z-index: 10;
}

/* ===============================
   INPUT
================================ */
.floating-fixed .form-control {
  height: calc(3.5rem + 2px);
  padding-top: 1.6rem;
  padding-left: 90px;
}

/* intl-tel-input dentro del wrapper */
.floating-fixed .iti {
  width: 100%;
  position: relative;
  z-index: 1;
}

.floating-fixed .iti input.form-control {
  height: calc(3.5rem + 2px);
  padding-top: 1.6rem;
  padding-left: 90px !important;
}

/* ===============================
   LABEL FLOTANTE (SIEMPRE ARRIBA)
================================ */
.floating-fixed .floating-label {
  position: absolute;
  top: 0.35rem;
  left: 0.75rem;
  font-size: 0.85rem;
  color: #6c757d;
  background: #fff;
  padding: 0 .25rem;
  pointer-events: none;
  z-index: 10; /* más alto que .iti */
}

/* ===============================
   BANDERA
================================ */
.floating-fixed .iti__flag-container {
  top: 1.1rem;
  padding-left: 12px;
  padding-right: 10px;
}

/* ===============================
   CÓDIGO DE PAÍS
================================ */
.custom-dial-code {
  margin-left: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #495057;
  white-space: nowrap;
}

/* ===============================
   DROPDOWN ENCIMA DE TODO
================================ */
.iti__dropdown-content,
.iti__country-list {
  z-index: 1055 !important;
}

/* ===============================
   BOOTSTRAP FIX
================================ */
.form-floating {
  overflow: visible !important;
}

.form-floating .iti input.form-control {
  padding-left: 90px !important;
}