.bocadillo-cuadrado{
	width:500px !important;
	height:auto !important;
	transform:translateX(-250px) !important;
	padding:5%;
	padding-bottom:calc(5% - 25px);
	z-index:10;
}
.bocadillo-cuadrado-izq{
	width:500px !important;
	height:auto !important;
	transform:translateX(-125px) !important;
	padding:5%;
	padding-bottom:calc(5% - 25px);
	z-index:10;
}
.bocadillo-cuadrado-dcha{
	width:500px !important;
	height:auto !important;
	transform:translateX(-375px) !important;
	padding:5%;
	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-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-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);
}

.master{
	position:absolute;
}
.master:hover{
	    filter: opacity(0.2) !important;
}
.slave{
	position:absolute;
	display:none;
	background: #f2f2f2;
	border-radius: 10px !important; width:500px; height:auto; bottom:55%; left:28.5%; transform:translateX(-250px);
	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%;
}