/* Landings: lista de prefijos como en /contacto. En todas las landings con el
   selector del plugin (body.evolve-landing-prefijo), sin pisar /contacto.
   La lista vive dentro del botón +34; 100% la deja de ese ancho. 100cqi es el campo entero. */

body.evolve-landing-prefijo .intl-tel-input {
	width: 100%;
	container-type: inline-size;
}

body.evolve-landing-prefijo .intl-tel-input .flag-container {
	overflow: visible;
}

body.evolve-landing-prefijo .intl-tel-input .country-list,
body.evolve-landing-prefijo .iti-container .country-list {
	z-index: 40;
	max-height: 240px;
	box-sizing: border-box;
	left: 0;
	width: 100cqi;
	white-space: normal;
	overscroll-behavior: contain;
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

body.evolve-landing-prefijo .intl-tel-input .country-list .flag-box,
body.evolve-landing-prefijo .intl-tel-input .country-list .iti-flag,
body.evolve-landing-prefijo .iti-container .country-list .flag-box,
body.evolve-landing-prefijo .iti-container .country-list .iti-flag {
	display: none;
}

body.evolve-landing-prefijo .intl-tel-input .country-list .country,
body.evolve-landing-prefijo .iti-container .country-list .country {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	line-height: 1.3;
}

body.evolve-landing-prefijo .intl-tel-input .country-list .country-name,
body.evolve-landing-prefijo .iti-container .country-list .country-name {
	flex: 1 1 auto;
	min-width: 0;
	margin-right: 0;
}

body.evolve-landing-prefijo .intl-tel-input .country-list .dial-code,
body.evolve-landing-prefijo .iti-container .country-list .dial-code {
	flex: 0 0 4.5rem;
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* En el móvil el plugin fija la lista al viewport. Aquí vuelve bajo el campo. */
body.evolve-landing-prefijo.iti-mobile .intl-tel-input.iti-container {
	position: absolute;
	top: 100%;
	right: auto;
	bottom: auto;
	left: 0;
	width: 100%;
	z-index: 40;
}

body.evolve-landing-prefijo.iti-mobile .intl-tel-input.iti-container .country-list {
	position: relative;
	max-height: 240px;
	width: 100%;
	left: auto;
}