.contenedor {
    position: relative;
    display: inline-block; /* Ajusta el ancho al de la imagen */
}
.contenedor img {
		width: 100%;
    height: auto;
}
.recuadro-zac {
    position: absolute;
    top: 234px;  /* 20px desde la parte superior del contenedor */
    right: 550px; /* 10px desde la derecha del contenedor */
}
.recuadro-unam {
    position: absolute;
    top: 240px;  /* 20px desde la parte superior del contenedor */
    right: 425px; /* 10px desde la derecha del contenedor */
}
.recuadro-facet {
    position: absolute;
    top: 405px;  /* 20px desde la parte superior del contenedor */
    right: 330px; /* 10px desde la derecha del contenedor */
}
.recuadro-unach {
    position: absolute;
    top: 430px;  /* 20px desde la parte superior del contenedor */
    right: 460px; /* 10px desde la derecha del contenedor */
}
.recuadros {
    width: 100px;
    height: 55px;
		border: 2px solid blue; 
    background-color: transparent;
		transition: border-color 0.3s ease;
}
.recuadros:hover {
    border-color: white; /* Color del borde al pasar el mouse */
}
.recuadros:active {
		background-color: rgba(0, 0, 0, 0.6);
    border-color: gray; /* Color del borde al pasar el mouse */
}