.portfolio-portada{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.portfolio-portada a{
	aspect-ratio: 1 / 1;
	width: 25%;
	text-decoration: none;
}

.portfolio-portada .box{
	aspect-ratio: 1 / 1;
	width: 100%;
}
.portfolio-portada .box-text{
	aspect-ratio: 1 / 1;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
}

.portfolio-portada .box-text h4{margin: 17px;color: #fff;}

.portfolio-portada .box-text{
	backdrop-filter: blur(5px);
	opacity: 0;
	background-color: #f4c637d4;
	transition-duration: 0.5s;
}


.portfolio-portada .box-text:hover{
	opacity: 1;

}


.portfolio-portada a:nth-child(1) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2022/05/Baloncesto-Inclusivo.jpg);
	background-size: cover;
}
.portfolio-portada a:nth-child(2) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2022/03/portada-sabor-granada.jpg);
	background-size: cover;
}
.portfolio-portada a:nth-child(3) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2021/12/publicidadturistica-e1640201171501.png);
	background-size: cover;
}
.portfolio-portada a:nth-child(4) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2021/05/dest__yit.jpg);
	background-size: cover;
}
.portfolio-portada a:nth-child(5) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2021/01/Dest__platta.jpg);
    background-size: cover;
}
.portfolio-portada a:nth-child(6) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2021/01/Dest__sereco.jpg);
    background-size: cover;
}
.portfolio-portada a:nth-child(7) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2021/01/Dest_salobrena-OPT.jpg);
    background-size: cover;
}
.portfolio-portada a:nth-child(8) .box{
	background:url(https://wolapublicidad.com/wp-content/uploads/2021/01/Dest__cumbres.jpg);
    background-size: cover;
}
.portfolio-portada .separador{
	height: 0px;
	width:100%;
}

@media screen and (max-width: 1110px) {
	.portfolio-portada a{width: 33.33%;}
}

@media screen and (max-width: 600px) {
	.portfolio-portada a{width: 50%;}
}

@media screen and (max-width: 450px) {
	.portfolio-portada a{width: 100%;}
}