.sortierer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: #e7e7e7;
	padding: 1rem;
	border-radius: 10px;
	height: 500px;
}

.sortierer .spain,
.sortierer .otros {
	overflow: auto;
	position: relative;
}

.sortierer .spain strong,
.sortierer .otros strong {
	color: #2C69DE;
}

.mapa-mundi {
	overflow: auto;
	width: 100%;
}

.mapa-mundi::-webkit-scrollbar {
	height: 6px;
}

.mapa-mundi svg {
	width: 100%;
	height: 100%;
}

p.escuelas span.cantidad {
	color: #2C69DE;
	font-size: 5rem;
	margin-bottom: 0;
	font-weight: 100;
	letter-spacing: -5px;
}

p.escuelas span.centros {
	font-size: 1rem !important;
	color: #2C69DE;
}

.city-list {
	max-width: 25ch;
}

.animame {
	r: 0.35;
	fill: #C6C5CA;
	animation: anix 2s ease-out forwards 1s;
}

#city_opener,
[for=city_opener],
span label .close,
span label .open {
	display: none;
}

@keyframes anix {
	0% {
		r: 10;
		fill: #C6C5CA;
	}

	100% {
		r: 0.35;
		fill: #2C69DE;
	}

}

#map-button {
	position: absolute;
	top: 155px;
}

#map-button a {
	display: flex;
}

.escuela-item {
	margin: 1rem 1rem 1rem 0;
	padding: 0 0 1rem;
	border-bottom: 1px solid #ccc;
}

.escuela-item>div:hover {
	color: #2b2a29 !important;
	cursor: pointer;
}

.escuela-item .flecha-detras {
	position: relative;
}

.escuela-item .flecha-detras::after {
	content: "";
	height: 19px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -2px;
	left: 115%;
	width: 16px;
	background-position: bottom;
	color: #2C69DE;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 24 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.516-0.0019531a0.48 0.48 0 0 0-0.36523 0.15234 0.48 0.48 0 0 0 0 0.69922l8.1504 8.1504h-21.801a0.5 0.5 0 0 0 0 1h21.801l-8.1504 8.1504a0.48 0.48 0 0 0 0 0.69922 0.47 0.47 0 0 0 0.34961 0.15039 0.47 0.47 0 0 0 0.34961-0.15039l8.9473-8.9473 0.0039-0.00195a0.5 0.5 0 0 0 0.13867-0.16211 0.48 0.48 0 0 0 0.0098-0.019531 0.5 0.5 0 0 0 2e-3 -0.00586 0.48 0.48 0 0 0 0.03125-0.3418 0.5 0.5 0 0 0-0.0078-0.027344 0.48 0.48 0 0 0-0.0039-0.00781 0.5 0.5 0 0 0-0.16992-0.23438l-8.9513-8.9512a0.48 0.48 0 0 0-0.33398-0.15234z' fill='%232C69DE'/%3E%3C/svg%3E");

}

summary::marker {
	color: transparent;

}

summary {
	margin-left: -0.7rem;
}

summary.selecionado {
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	margin-right: 1rem;
	padding-bottom: 0.5rem;
	margin-bottom: 2rem;
}

summary.selecionado span {
	font-weight: 100;
	margin-left: 0.5rem;
}
.volverme {
	float: right;
	position: relative;
}
.volverme::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 24 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.516-0.0019531a0.48 0.48 0 0 0-0.36523 0.15234 0.48 0.48 0 0 0 0 0.69922l8.1504 8.1504h-21.801a0.5 0.5 0 0 0 0 1h21.801l-8.1504 8.1504a0.48 0.48 0 0 0 0 0.69922 0.47 0.47 0 0 0 0.34961 0.15039 0.47 0.47 0 0 0 0.34961-0.15039l8.9473-8.9473 0.0039-0.00195a0.5 0.5 0 0 0 0.13867-0.16211 0.48 0.48 0 0 0 0.0098-0.019531 0.5 0.5 0 0 0 2e-3 -0.00586 0.48 0.48 0 0 0 0.03125-0.3418 0.5 0.5 0 0 0-0.0078-0.027344 0.48 0.48 0 0 0-0.0039-0.00781 0.5 0.5 0 0 0-0.16992-0.23438l-8.9513-8.9512a0.48 0.48 0 0 0-0.33398-0.15234z' fill='%232C69DE'/%3E%3C/svg%3E");
	width: 1rem;
    height: 1rem;
    position: absolute;
    left: -1.5rem;
    background-repeat: no-repeat;
    transform: scale(-1);
    top: 3px;
}

/*.arenales-google-maps .green+.brown {
	grid-column-start: 1;
}*/

.arenales-google-maps .green {
	height: 48px;
}

.arenales-google-maps a.green {
	display: flex;
	justify-content: space-between;
}

.arenales-google-maps a.green i {
	font-family: "Phosphor";
	font-style: normal;

}

.spain.columna::after {
	content: "";
	width: 1px;
	height: 100%;
	border-left: 1px solid #999;
	position: absolute;
	top: 0;
	right: 25px;
}

.spain.columna.dis::after {
	content: unset;
}


@media(max-width:768px) {
	/* .mapa-mundi svg {
		min-width: 200vh;
	} */

	.arenales-mapa-mundi {
		display: block;
	}

}

@media(max-width:550px) {
	[for=city_opener] {
		display: block;
	}

	span label .open {
		display: block;
	}

	.the-c-list {
		max-height: 3rem;
		overflow: hidden;
		/* text-overflow: ellipsis; */
		/* white-space: nowrap; */
		transition: max-height 250ms ease-in-out;
	}

	#city_opener:checked+span .the-c-list {
		max-height: initial;
		transition: max-height 250ms ease-in-out;
		/* white-space: pre-wrap */
	}

	#city_opener:checked+span label .open {
		display: none;
	}

	#city_opener:checked+span label .close {
		display: block;
	}

}