.titol-espai a span{color:#007BC0 !important;transition: 0.3s;}
.titol-espai a span:hover{color: #333 !important;}
	
	.fila{width:100%;display:flex;justify-content:center}
	.imagen{width:100%;top:0px;left:0px;}
	.filtroAzul{position:absolute;width:100%;height:100%;top:0px;left:0px;filter:opacity(0.4);}
	.filtroOscuro{position:absolute;width:100%;height:100%;top:0px;left:0px;filter:opacity(0.8);}
	.icono{position:absolute;width:20%;top:13px;right:10px;}
	.cuadro-contenido{background-color:#f2f2f2;padding:10px 25px;}
	.general-cuadro-gris{background-color:#f2f2f2;padding:10px 25px;}
	
	
	
	.fondo-verde{background:#90b083;}
	.fondo-gris{background:#f2f2f2;}
	.fondo-naranja{background:#f6a808;}
	.fondo-morado{background:#8582BD;}
	
	/*CONTENIDO*/
	
	@media (min-width: 639px){	/*ESCRITORIO & TABLET*/
		.contenido-columna{width:100%;display:flex;justify-content:center;align-items:center;}
		.contenido-cuadro-L{width:72.5vw;}
		.contenido-cuadro-espacio{width:5vw;}
		.contenido-cuadro-S{width:22.5vw;min-width:200px;}
		.contenido-texto{left:1.5vw;right:1.5vw;bottom:0;font-size:calc(15px + 1vw);}
	}
	@media (max-width: 638px){	/*MOVIL*/
		.contenido-columna{display:flex;align-items:center;flex-direction:column;}
		.contenido-cuadro-L{width:90vw;}
		.contenido-cuadro-S{width:90vw;max-height:100px;overflow:hidden;}
		.contenido-texto{height:fit-content;font-size:25px;margin:0;left:20px;top:calc(50% - 23.125px);}
	}
	
	
	@media (min-width: 639px){	/*ESCRITORIO & TABLET*/
		.banner{position:relative;padding:20px 30px}
		.banner:hover{transition:0.1s;transform:scale(1.01);box-shadow: 2px 2px 7px 0px !important;}
		.banner-p{width:80%;margin:0;color:white;font-size:120%;}
		.banner-img{position:absolute;width:40px;top:calc(50% - 20px);right: 5%;}
		.banner-a{text-decoration:none !important;}
	}
	@media (max-width: 638px){	/*MOVIL*/
		.banner{position:relative;padding:10px 10px}
		.banner-p{width:80%;margin:0;color:white;}
		.banner-img{position:absolute;width:40px;top:calc(50% - 20px);right: 5%;}
		.banner-a{text-decoration:none !important;}
	}
	
	[class*="cuadro"]{position:relative;}
	[class*="texto"]{position:absolute;text-align:left;color:white;font-family:arial;}
	
	@media (min-width: 979px){	/*ESCRITORIO*/
		.cuadro-L{width:31.5%;}
		.cuadro-M{width:23.5%;}
		.cuadro-S{width:15%;}
		.espacioHorizontal-L{width:2vw;}
		.espacioHorizontal-M{width:1.5vw;}
		.espacioHorizontal-S{width:2vw;}
		.espacioVertical-L{height:2vw;}
		.espacioVertical-M{height:1.5vw;}
		.espacioVertical-S{height:2vw;}
		.texto-L{left:20px;right:20px;bottom:15px;font-size:140%;}
		.texto-M{left:10%;right:10%;bottom:5%;font-size:200%;}
		.texto-Mcont{left:10%;right:10%;bottom:5%;font-size:110%;}
		.texto-S{left:10px;right:10px;bottom:5px;font-size:110%;}
	}
	@media (min-width: 639px) and (max-width: 978px){	/*TABLET*/
		.cuadro-L{width:31.5%;}
		.cuadro-M{width:23.5%;}
		.cuadro-S{width:18%;}
		.espacioHorizontal-L{width:2vw;}
		.espacioHorizontal-M{width:2vw;}
		.espacioHorizontal-S{width:2.5vw;}
		.espacioVertical-L{height:2vw;}
		.espacioVertical-M{height:2vw;}
		.espacioVertical-S{height:2.5vw;}
		.texto-L{left:2.5vw;right:2.5vw;bottom:2vw;font-size:2.5vw;}
		.texto-M{left:2.5vw;right:2.5vw;bottom:1.5vw;font-size:2.7vw;}
		.texto-Mcont{left:1.5vw;right:1.5vw;bottom:0;font-size:2vw;}
		.texto-S{left:1vw;right:1vw;bottom:-1vw;font-size:2vw;}
	}
	@media (max-width: 638px){	/*MOVIL*/
		.cuadro-L{width:84%;}
		.cuadro-M{width:47.5%;}
		.cuadro-S{width:30%;}
		.espacioHorizontal-L{width:0;}
		.espacioHorizontal-M{width:5vw;}
		.espacioHorizontal-S{width:5vw;}
		.espacioVertical-L{height:8vw;}
		.espacioVertical-M{height:5vw;}
		.espacioVertical-S{height:5vw;}
		.texto-L{left:2.5vw;right:2.5vw;bottom:3vw;font-size:6vw;}
		.texto-M{left:2.5vw;right:2.5vw;bottom:0;font-size:6vw;}
		.texto-Mcont{left:3vw;right:3vw;bottom:0;font-size:3vw;}
		.texto-S{left:2vw;right:2vw;bottom:0;font-size:3vw;}
	}

/*Estilos específicos para escritorio*/
	.desktop-cuadro-L{width:31.5%;}		/* L --> max. 3 bloques x fila */
	.desktop-cuadro-M{width:23.5%;}		/* M --> max. 4 bloques x fila */
	.desktop-cuadro-S{width:15%;}			/* S --> max. 6 bloques x fila */
	/*Espacios horizontales*/
	.desktop-espacioHorizontal-L{width:2vw;}
	.desktop-espacioHorizontal-M{width:1.5vw;}
	.desktop-espacioHorizontal-S{width:2vw;}
	/*Espacios verticales*/
	.desktop-espacioVertical-L{height:2vw;}
	.desktop-espacioVertical-M{height:1.5vw;}
	.desktop-espacioVertical-S{height:2vw;}
	/*Textos*/
	.desktop-texto-L{position:absolute;left:20px;right:20px;bottom:15px;font-size:140%;text-align:left;color:white;font-family:arial;}
	.desktop-texto-M{position:absolute;left:10%;right:10%;bottom:5%;font-size:200%;text-align:left;color:white;font-family:arial;}
	.desktop-texto-Mcont{position:absolute;left:10%;right:10%;bottom:5%;font-size:110%;text-align:left;color:white;font-family:arial;}
	.desktop-texto-S{position:absolute;left:10px;right:10px;bottom:5px;font-size:110%;text-align:left;color:white;font-family:arial;}
  
/*Estilos específicos para tablet*/
	.tablet-cuadro-L{position:relative;width:31.5%;}		/* L --> max. 3 bloques x fila */
	.tablet-cuadro-M{position:relative;width:23.5%;}		/* M --> max. 4 bloques x fila */
	.tablet-cuadro-S{position:relative;width:18%;}			/* S --> max. 5 bloques x fila */
	/*Espacios horizontales*/
	.tablet-espacioHorizontal-L{width:2vw;}
	.tablet-espacioHorizontal-M{width:2vw;}
	.tablet-espacioHorizontal-S{width:2.5vw;}
	/*Espacios verticales*/
	.tablet-espacioVertical-L{height:2vw;}
	.tablet-espacioVertical-M{height:2vw;}
	.tablet-espacioVertical-S{height:2.5vw;}
	/*Textos*/
	.tablet-texto-L{position:absolute;left:2.5vw;right:2.5vw;bottom:2vw;font-size:2.5vw;text-align:left;color:white;font-family:arial;}
	.tablet-texto-M{position:absolute;left:2.5vw;right:2.5vw;bottom:1.5vw;font-size:2.7vw;text-align:left;color:white;font-family:arial;}
	.tablet-texto-Mcont{position:absolute;left:1.5vw;right:1.5vw;bottom:0;font-size:2vw;text-align:left;color:white;font-family:arial;}
	.tablet-texto-S{position:absolute;left:2vw;right:2vw;bottom:0;font-size:2vw;text-align:left;color:white;font-family:arial;}

/*Estilos específicos para movil*/
	.phone-cuadro-L{position:relative;width:84%;}			/* L --> max. 1 bloques x fila */
	.phone-cuadro-M{position:relative;width:47.5%;}		/* M --> max. 2 bloques x fila */
	.phone-cuadro-S{position:relative;width:30%;}			/* S --> max. 3 bloques x fila */
	/*Espacios horizontales*/
	.phone-espacioHorizontal-L{width:0;}
	.phone-espacioHorizontal-M{width:5vw;}
	.phone-espacioHorizontal-S{width:5vw;}
	/*Espacios verticales*/
	.phone-espacioVertical-L{height:8vw;}
	.phone-espacioVertical-M{height:5vw;}
	.phone-espacioVertical-S{height:5vw;}
	/*Textos*/
	.phone-texto-L{position:absolute;left:2.5vw;right:2.5vw;bottom:3vw;font-size:6vw;text-align:left;color:white;font-family:arial;}
	.phone-texto-M{position:absolute;left:2.5vw;right:2.5vw;bottom:0;font-size:6vw;text-align:left;color:white;font-family:arial;}
	.phone-texto-Mcont{position:absolute;left:3vw;right:3vw;bottom:0;font-size:3vw;text-align:left;color:white;font-family:arial;}
	.phone-texto-S{position:absolute;left:2vw;right:2vw;bottom:0;font-size:3vw;text-align:left;color:white;font-family:arial;}
  
	.cuadro-contenido-gris{padding:18px;background-color:#f2f5f6;}
	
	
	
	/* PARTE PUNTS D'INTERES */
	.marcador{position:absolute;width:41px;height:65.6px;transform: translate(-20.5px,-65.6px);z-index:2}
	.sombra-marcador{position:absolute;width:41px;height:41px;transform: translate(-12.5px,-42.6px);z-index:1}


.movil{
	width:100%
}

.cuadro-gris{
	transition: 0.5s;
}
.cuadro-gris:hover{
	transition: 0.5s;
	filter:grayscale(1);
}
.div-centrado{
	display:flex;
	justify-content:center;
}

.imag{
	width:100%;
	top:0px; 
	left:0px;
}

.filtro{
	position:absolute;
	width:100%;
	top:0px; 
	left:0px; 
	filter:opacity(0.6);
}

.texto{position:absolute; left:15px; right:15px; bottom:0px; color:white; font-size: 100%; font-family:arial;}
.texto-movil{ position:absolute; left:15px; right:15px; bottom:0px; color:white; font-size: 3vw; font-family:arial;}
.texto-tablet{ position:absolute; left:15px; right:15px; bottom:0px; color:white; font-size: 1.85vw; font-family:arial;}

.texto_grande{position:absolute; left:25px;	right:25px; bottom:15px; text-align:left; color:white; font-size: 180%; font-family:arial;}
.texto-tablet_grande{position:absolute; left:15px; right:15px; bottom:5px; text-align:left; color:white; font-size: 4vw; font-family:arial;}
.texto-movil_grande{position:absolute; left:15px; right:15px; bottom:5px; text-align:left; color:white; font-size: 4.5vw; font-family:arial;}

.texto-contenido{position:absolute; right:15px; left:15px; bottom:0px; color:white;font-size: 125%; font-family:arial;}
.texto-contenido-tablet{position:absolute; right:15px; left:15px; bottom:0px; color:white;font-size: 2.5vw; font-family:arial;}
.texto-contenido-movil{position:absolute; right:15px; left:15px; bottom:0px; color:white;font-size: 4vw; font-family:arial;}

.icono{
	position:absolute;
	width:20%;
	top:13px;
	right:10px;
}

.centered{position:absolute; margin:0px; right:0px; top:50%; transform:translateY(-50%);}



.containerr {
    display: flex;
    width: 100%;
    padding: 4% 2%;
    box-sizing: border-box;
    height: 100vh;
  }
  
  .boxy{
    flex: 1;
    overflow: hidden;
    transition: .5s;
    margin: 0 2%;
    box-shadow: 0 20px 30px rgba(0,0,0,.1);
    line-height: 0;
  }
  
  .edif {
    width: 200%;
    height: calc(100% - 10vh);
    object-fit: cover; 
    transition: .5s;
  }
  
  .boxy> span {
    font-size: 3.8vh;
    display: block;
    text-align: center;
    height: 10vh;
    line-height: 2.6;
  }
  
  .boxy:hover { flex: 1 1 50%; }
  .boxy:hover > img {
    width: 100%;
    height: 100%;
  }



.bocadillo-cuadrado{	width:450px !important;	height:auto !important;	transform:translate(-265px,-25px);	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}
.bocadillo-cuadrado-abajo{	width:450px !important;	height:auto !important;	transform:translate(-265px,25px);	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}
.bocadillo-cuadrado-izq{	width:450px !important;	height:auto !important;	transform:translate(-132.5px,-25px);	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}
.bocadillo-cuadrado-abajo-izq{	width:450px !important;	height:auto !important;	transform:translate(-132.5px,25px);	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}
.bocadillo-cuadrado-dcha{	width:450px !important;	height:auto !important;	transform:translate(-397.5px,-25px);	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}

.bocadillo-cuadrado-movil{	width: 80% !important;	height: auto !important;	transform: translate(-50%,-25px) !important;	padding: 20px;	padding-bottom: calc(5% - 25px);	z-index: 10;}
.bocadillo-cuadrado-abajo-movil{	width: 80% !important;	height: auto !important;	transform: translate(-50%,25px) !important;	padding:20px;	padding-bottom:calc(5% - 25px);	z-index:10;}
.bocadillo-cuadrado-izq-movil{	width:80% !important;	height:auto !important;	transform:translate(-25%,-25px) !important;	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}
.bocadillo-cuadrado-abajo-izq-movil{	width:80% !important;	height:auto !important;	transform:translate(-25%,25px) !important;	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}
.bocadillo-cuadrado-dcha-movil{	width:80% !important;	height:auto !important;	transform:translate(-75%,-25px) !important;	padding:40px;	padding-bottom:calc(5% - 25px);	z-index:10;}

.bocadillo-cuadrado:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-bottom-color: transparent;    border-right-color: transparent;    position: absolute;    bottom: -48px;    left: calc(50% - 25px);}
.bocadillo-cuadrado-abajo:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-top-color: transparent;    border-right-color: transparent;    position: absolute;    top: -48px;    left: calc(50% - 25px);}
.bocadillo-cuadrado-izq:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-bottom-color: transparent;    border-right-color: transparent;    position: absolute;    bottom: -48px;    left: calc(25% - 25px);}
.bocadillo-cuadrado-abajo-izq:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-top-color: transparent;    border-right-color: transparent;    position: absolute;    top: -48px;    left: calc(25% - 25px);}
.bocadillo-cuadrado-dcha:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-bottom-color: transparent;    border-right-color: transparent;    position: absolute;    bottom: -48px;    left: calc(75% - 25px);}

.bocadillo-cuadrado-movil:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-bottom-color: transparent;    border-right-color: transparent;    position: absolute;    bottom: -48px;    left: calc(50% - 25px);}
.bocadillo-cuadrado-abajo-movil:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-top-color: transparent;    border-right-color: transparent;    position: absolute;    top: -48px;    left: calc(50% - 25px);}
.bocadillo-cuadrado-izq-movil:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-bottom-color: transparent;    border-right-color: transparent;    position: absolute;    bottom: -48px;    left: calc(25% - 25px);}
.bocadillo-cuadrado-abajo-izq-movil:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-top-color: transparent;    border-right-color: transparent;    position: absolute;    top: -48px;    left: calc(25% - 25px);}
.bocadillo-cuadrado-dcha-movil:before {    border: 25px solid #f2f2f2;    content: '';    border-left-color: transparent;    border-bottom-color: transparent;    border-right-color: transparent;    position: absolute;    bottom: -48px;    left: calc(75% - 25px);}


.master{
	position:absolute;
}
.master:hover{
	    filter: opacity(0.2) !important;
}
.slave{
	position:absolute;
	display:none;
	background: #f2f2f2;
	border-radius: 10px !important;
	box-shadow: 5px 5px 2px 1px rgba(0, 0, 255, .15) !important;
}


.master:hover + .slave{display:block !important;}

.slave:hover{
	display:block !important;
}

.texto-leyenda{
	font-size:100%;
}

.punts-cuadro-menu{height:fit-content;margin-left:15%;display:flex;flex-direction:row;align-items:center;}
.punts-texto-menu{margin:0px;width:70%;font-size:3vw;}
.punts-boton-menu{width:10vw;top:calc(50% - 5vw);right:0;}