/*
 * Rejilla de proyectos: velo, lupa y el espaciado de la seccion 0d65889.
 *
 * El velo lo trae EAEL a medias: post-grid.css ya le da la posicion, el centrado
 * y el fundido (.eael-entry-overlay.fade-in), pero el COLOR salia del CSS que
 * Elementor genera por pagina, y el de la 5630 esta desfasado -- apunta a
 * elementos que ya no existen. Por eso hoy el velo es transparente y no se ve
 * nada al pasar el raton. Aqui se repone el color, y de paso la lupa.
 */

.dq-rejilla .eael-entry-media {
	position: relative;
}

.dq-rejilla .eael-entry-overlay {
	background-color: rgba(0, 0, 0, .75);
}

/* La lupa, como en produccion (portfolio-icon > i.fa-search). */
.dq-rejilla .eael-entry-overlay > i {
	color: #fff;
	font-size: 26px;
	line-height: 1;
	z-index: 2;
	pointer-events: none;
}

/*
 * El ancla cubre la imagen entera (post-grid.css la pone a 100% x 100%); aqui
 * solo se avisa de que abre una imagen.
 */
.dq-rejilla .eael-entry-overlay > a.dq-rejilla__lupa {
	cursor: zoom-in;
}

/*
 * ESPACIADO DE LA SECCION 0d65889.
 *
 * A partir de 1200px el menu de Pofo es fijo, mide 135px y arranca transparente,
 * mientras que la seccion se quedaba con los 30px de padding del tema: la
 * primera fila de tarjetas empezaba en y=70 y se veia por debajo del menu. Los
 * 180px son los que la propia seccion declara en el constructor para escritorio,
 * asi que esto no inventa un valor nuevo: repone el que el CSS cacheado de
 * Elementor dejo de aplicar. Con ellos la primera tarjeta baja a y=220, 85px por
 * debajo del menu.
 *
 * Por debajo de 1200px no se toca nada: a 1024 y a 800 la primera tarjeta ya
 * quedaba libre (190 y 160 frente a menus de 135 y 105) y en movil el menu ni
 * siquiera es fijo.
 */
@media (min-width: 1200px) {
	.elementor-5630 .elementor-element-0d65889 {
		padding-top: 180px;
	}
}

/*
 * EL LIGHTBOX POR ENCIMA DE LA BARRA DE ARRIBA.
 *
 * El lightbox de Elementor se abre con z-index 9999 (.dialog-type-lightbox, en
 * elementor/assets/css/conditionals/dialog.min.css), y en este sitio la barra
 * #topnav -- la del telefono y la direccion, que sale del CSS personalizado del
 * cliente -- va fija con z-index 9999999. Resultado: la barra se pintaba encima
 * de la esquina del lightbox y se comia el contador y el boton de cerrar.
 *
 * Se nombran las dos clases a proposito: esa hoja de Elementor se inyecta en
 * tiempo de ejecucion, cuando se abre el lightbox, o sea DESPUES de esta, y con
 * un solo selector de clase empatariamos en especificidad y ganaria ella.
 *
 * Esta hoja solo se encola en las paginas con rejilla de proyectos, asi que la
 * regla no toca ningun otro lightbox del sitio.
 */
.elementor-lightbox.dialog-type-lightbox {
	z-index: 10000000;
}