/*
**  Estilos de las imágenes
*/

/*	Estilos imágenes.Ini	*/
.single-cpt-proyectos .galeria-proyecto img {
    width: 100%;
    min-width: 100%;
}

.imagen-120 img {
    width: 120px;
}
.imagen-radio-8,
.imagen-radio-8 img{
	border-radius: 8px;
}
.elementor-lightbox img.elementor-lightbox-image,
.imagen-radio-16,
.imagen-radio-16 img,
.imagen-radio-16 .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
    border-radius: 16px;
}
.imagen-borde-radio-8,
.imagen-borde-radio-8 img{
	border-radius: 8px;
	border: solid 1px var(--Secondary-40);
}
.imagen-borde-radio-16,
.imagen-borde-radio-16 img{
	border-radius: 16px;
	border: solid 1px var(--Secondary-40);
}

/*	Agregar icono download después de la imagen.Ini	*/
.galeria-download-imagen{
	a.e-gallery-item.elementor-gallery-item.elementor-animated-content {
		padding-bottom: 65px;
		border-bottom: solid 1px var(--Secondary-20);
    }
	
	.elementor-gallery__container.e-gallery-container{
		--hgap: 28px !important;
		--vgap: 100px !important;
	}
	a.e-gallery-item.elementor-gallery-item.elementor-animated-content::after{
		content: "";
		position: absolute;
		bottom:30px;
		right:0;
		width: 24px;
		height: 24px;
		background-size: cover;
		background-image: url(/wp-content/uploads/2026/04/icono-descarga-blanco.svg);
		
	}
}
/*	Agregar icono download después de la imagen.Fin	*/


/*	Bloque con marco.Ini	*/

.bloque-con-marco:not(.cuerpo-noticia) {
	padding: 30px 40px 40px 30px;
	border-radius: 16px;	
	position: relative;
	isolation: isolate;
	
	img {		
		border-radius: 16px;		
	}
	&::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: -2;

		box-sizing: border-box;
		border-radius: 16px;
		border: 2px solid var(--Secondary-40);
		background-image: linear-gradient(
			225deg,
			transparent calc(25% - 1px),
			var(--Secondary-40) calc(25% - 1px),
			var(--Secondary-40) calc(25% + 1px),
			transparent calc(25% + 1px),

			transparent calc(75% - 1px),
			var(--Secondary-40) calc(75% - 1px),
			var(--Secondary-40) calc(75% + 1px),
			transparent calc(75% + 1px)
		);

		background-size: 30px 30px;
		background-repeat: repeat;
	}
	&::after {
		content: '';		
		border-radius: 16px;
		border: 2px solid var(--Secondary-40);
		background-color: var(--nv-site-bg);
		position: absolute;
		left: 0;
		right: 10px;
		top: 0;
		bottom: 10px;
		z-index: -1;
	}

	&.blanco {

		&::before {
			border-color: var(--Secondary-100);

			background-image: linear-gradient(
				225deg,
				transparent calc(25% - 1px),
				var(--Secondary-100) calc(25% - 1px),
				var(--Secondary-100) calc(25% + 1px),
				transparent calc(25% + 1px),

				transparent calc(75% - 1px),
				var(--Secondary-100) calc(75% - 1px),
				var(--Secondary-100) calc(75% + 1px),
				transparent calc(75% + 1px)
			);
		}
		&::after {
			border-color: var(--Secondary-100);
			background-color: var(--Secondary-05);
		}
	}
}

.imagen-con-marco.cuerpo-noticia figure{
	padding: 2px 12px 12px 2px;
	border-radius: 16px;	
	position: relative;
	isolation: isolate;
	margin-bottom: 28px;
	
	img {		
		border-radius: 16px;		
		margin-bottom: 0;
	}
	&::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: -2;

		box-sizing: border-box;
		border-radius: 16px;
		border: 2px solid var(--Secondary-40);
		background-image: linear-gradient(
			225deg,
			transparent calc(25% - 1px),
			var(--Secondary-40) calc(25% - 1px),
			var(--Secondary-40) calc(25% + 1px),
			transparent calc(25% + 1px),

			transparent calc(75% - 1px),
			var(--Secondary-40) calc(75% - 1px),
			var(--Secondary-40) calc(75% + 1px),
			transparent calc(75% + 1px)
		);

		background-size: 30px 30px;
		background-repeat: repeat;
	}
	&::after {
		content: '';		
		border-radius: 16px;
		border: 2px solid var(--Secondary-40);
		background-color: var(--nv-site-bg);
		position: absolute;
		left: 0;
		right: 10px;
		top: 0;
		bottom: 10px;
		z-index: -1;
	}

}

/*	Bloque con marco.Fin	*/


/*	Imagen con marco.Ini	*/

.imagen-con-marco:not(.cuerpo-noticia),
.dl-wdc-image-col .imagen-con-marco:not(.cuerpo-noticia) {
	border-radius: 16px;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	position: relative;
	isolation: isolate;
	
	img {		
		border-radius: 16px;
		border: 2px solid var(--Secondary-40);
	}

	&::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: -1;

		box-sizing: border-box;
		border-radius: 16px;
		border: 2px solid var(--Secondary-40);

		background-image: linear-gradient(
			225deg,
			transparent calc(25% - 1px),
			var(--Secondary-40) calc(25% - 1px),
			var(--Secondary-40) calc(25% + 1px),
			transparent calc(25% + 1px),

			transparent calc(75% - 1px),
			var(--Secondary-40) calc(75% - 1px),
			var(--Secondary-40) calc(75% + 1px),
			transparent calc(75% + 1px)
		);

		background-size: 30px 30px;
		background-repeat: repeat;
	}
}
.fondo-blanco {
	
	.imagen-con-marco,
	.dl-wdc-image-col .imagen-con-marco {
		
		img {					
			border-color: var(--Secondary-100);
		}
		
		&::before {
			border-color: var(--Secondary-100);

			background-image: linear-gradient(
				225deg,
				transparent calc(25% - 1px),
				var(--Secondary-100) calc(25% - 1px),
				var(--Secondary-100) calc(25% + 1px),
				transparent calc(25% + 1px),

				transparent calc(75% - 1px),
				var(--Secondary-100) calc(75% - 1px),
				var(--Secondary-100) calc(75% + 1px),
				transparent calc(75% + 1px)
			);
		}
	}
}

/*	Imagen con marco.Fin	*/


/*	Estilos imágenes.Fin	*/