/* Total Rent · selector internacional de teléfono */
.tr-phone-enhanced-host{
  position:relative!important;
  overflow:visible!important;
}
.tr-phone-enhanced-host>.tr-lead-field__icon,
.tr-phone-enhanced-host>.input-icons{display:none!important}

/* El selector y el teléfono forman UNA sola pieza. */
.tr-phone-picker{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:4px!important;
  background:#f3eff1!important;
  box-shadow:none!important;
}
.tr-phone-picker>input[type="tel"]{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  min-height:40px!important;
  margin:0!important;
  padding:5px 14px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#f3eff1!important;
  color:#241b2b!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
/* Gana al antiguo input#form-field-telefono1 { padding-left:46px!important; } */
.tr-phone-picker>input#form-field-telefono1,
body.home .tr-phone-picker>input#form-field-telefono1{
  padding:5px 14px!important;
}
.tr-phone-picker>input[type="tel"]::placeholder{
  color:#6f7378!important;
  opacity:1!important;
}
.tr-phone-country-btn{
  appearance:none!important;
  position:static!important;
  inset:auto!important;
  z-index:3!important;
  flex:0 0 100px!important;
  width:100px!important;
  min-width:100px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-right:1px solid rgba(111,115,120,.18)!important;
  border-radius:0!important;
  background:#f3eff1!important;
  color:#241b2b!important;
  box-shadow:none!important;
  font:inherit!important;
  line-height:1!important;
  cursor:pointer!important;
}
.tr-phone-country-btn:hover{background:#f3eff1!important}
.tr-phone-country-btn:focus-visible{outline:2px solid #00a6e3!important;outline-offset:-2px!important}
.tr-phone-flag{font-size:19px!important;line-height:1!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}
.tr-phone-dial{font-size:13px!important;font-weight:700!important;white-space:nowrap!important;color:#4f5961!important}
.tr-phone-arrow{width:0!important;height:0!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:5px solid #7f8990!important;margin-left:1px!important}

/* Formularios Elementor / Quiero Alquilar: mismo ancho, altura y fondo que el resto. */
.totalrent-field-type-tel.tr-phone-enhanced-host{
  padding-right:calc(10px/2)!important;
  padding-left:calc(10px/2)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.totalrent-field-type-tel.tr-phone-enhanced-host>.tr-phone-picker{
  width:100%!important;
  min-height:40px!important;
  border-radius:4px!important;
}
.totalrent-field-type-tel.tr-phone-enhanced-host .tr-phone-picker>input.totalrent-field,
.totalrent-field-type-tel.tr-phone-enhanced-host .tr-phone-picker>input.totalrent-field-textual{
  min-height:40px!important;
  padding:5px 14px!important;
  background:#f3eff1!important;
  border:0!important;
  box-shadow:none!important;
}

/* Formularios personalizados de la web. */
label.tr-lead-field.tr-phone-enhanced-host,
label.contact-field.tr-phone-enhanced-host,
label.contact-phone.tr-phone-enhanced-host{
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
label.tr-lead-field.tr-phone-enhanced-host>.tr-phone-picker,
label.contact-field.tr-phone-enhanced-host>.tr-phone-picker,
label.contact-phone.tr-phone-enhanced-host>.tr-phone-picker{
  min-height:100%!important;
  border-radius:inherit!important;
}

/* Desplegable de países */
.tr-phone-portal{
  position:fixed!important;
  z-index:2147483000!important;
  display:none;
  width:min(360px,calc(100vw - 24px));
  max-height:min(430px,70vh);
  padding:0;
  overflow:hidden;
  border:1px solid #d8e0e5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 46px rgba(36,27,43,.20);
  font-family:MaisonNeue,Arial,sans-serif;
}
.tr-phone-portal.is-open{display:flex!important;flex-direction:column!important}
.tr-phone-search-wrap{padding:10px;border-bottom:1px solid #edf1f3;background:#fff}
.tr-phone-search{
  width:100%!important;height:42px!important;margin:0!important;padding:0 12px!important;
  border:1px solid #dce5ea!important;border-radius:9px!important;outline:0!important;
  background:#fff!important;color:#241b2b!important;font:inherit!important;font-size:14px!important;box-shadow:none!important;
}
.tr-phone-search:focus{border-color:#00a6e3!important;box-shadow:0 0 0 3px rgba(0,166,227,.10)!important}
.tr-phone-list{margin:0!important;padding:6px 0!important;overflow:auto!important;overscroll-behavior:contain!important;list-style:none!important}
.tr-phone-option{
  width:100%!important;min-height:44px!important;padding:8px 12px!important;display:grid!important;
  grid-template-columns:26px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
  border:0!important;border-radius:0!important;background:#fff!important;color:#241b2b!important;box-shadow:none!important;
  text-align:left!important;font:inherit!important;cursor:pointer!important;
}
.tr-phone-option:hover,.tr-phone-option.is-active{background:#f1f7fa!important}
.tr-phone-option__flag{font-size:19px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.tr-phone-option__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#302934}
.tr-phone-option__dial{font-size:13px;color:#969da2;white-space:nowrap}
.tr-phone-empty{padding:18px 14px;text-align:center;color:#7f8990;font-size:13px}

@media(max-width:560px){
  .tr-phone-country-btn{flex-basis:94px!important;width:94px!important;min-width:94px!important;padding:0 7px!important;gap:5px!important}
  .tr-phone-dial{font-size:12px!important}
}
