/*
 * Desplegable de teléfonos del header (ver cabecera.js). Envuelve el
 * enlace .nav-phone del tema sin cambiar su aspecto; solo añade la flecha
 * y la lista.
 */
.onrent-telefonos {
	position: relative;
	display: inline-flex;
}

.onrent-telefonos__flecha {
	font-size: .75em;
	color: #6b7573;
}

.onrent-telefonos__lista {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 100;
	min-width: 240px;
	padding: 6px 0;
	background: #ffffff;
	border: 1px solid #eceeed;
	border-radius: 14px;
	box-shadow: 0 4px 16px rgba(30, 39, 34, .08);
	font-family: 'Inter', 'Aptos', 'Verdana', system-ui, sans-serif;
}

.onrent-telefonos__lista[hidden] {
	display: none;
}

.onrent-telefonos__grupo {
	display: flex;
	flex-direction: column;
	padding: 10px 16px;
}

.onrent-telefonos__grupo + .onrent-telefonos__grupo {
	border-top: 1px solid #eceeed;
}

.onrent-telefonos__oficina {
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #6b7573;
}

.onrent-telefonos__numero {
	padding: 2px 0;
	font-size: 15px;
	font-weight: 600;
	color: #1e2722;
	text-decoration: none;
	white-space: nowrap;
}

.onrent-telefonos__numero:hover,
.onrent-telefonos__numero:focus-visible {
	color: #2a8a24;
}

/* Móvil: la lista no cabe colgando del icono; se abre a lo ancho, bajo la
   cabecera (.site-header es sticky, así que hace de referencia). */
@media (max-width: 720px) {
	.onrent-telefonos {
		position: static;
	}

	.onrent-telefonos__lista {
		top: calc(100% + 4px);
		left: 16px;
		right: 16px;
		min-width: 0;
	}
}