/* ### MOSAICOS ###*/
.mtgal .listado { }
.mtgal article { position: relative; overflow: hidden; }
.mtgal article .imgcont > a { display: block; position: relative; background: black; }
.mtgal article .imgcont > a > img { display: block; width: 100%; transition: all 150ms ease-in 0s; }
.mtgal article .imgcont > a:after { bottom: 50%; color: white; content: "\f067"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 0; height: 80px; left: 50%; line-height: 80px; opacity: 0; position: absolute; right: 50%; text-align: center; top: 50%; transform: translate(-50%, -50%); transition: all 150ms ease-in 0s; width: 80px; z-index: 1; }
.mtgal article:hover .imgcont > a:after { opacity: 1; font-size: 40px; }
.mtgal article .imgcont > a:before { position: absolute; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.5); opacity: 0; transition: all 150ms ease-in 0s; z-index: 1; }
.mtgal article:hover .imgcont > a:before { opacity: 1; }
.mtgal article .cont { position: absolute; z-index:2; width: 100%; bottom: 0; padding: 20px 20px 16px; color: white; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
.mtgal article .cont a { color: white; text-decoration: none;display:block; margin-bottom:0;}
.mtgal article .cont .cont-info .titulo3 { margin-bottom: 4px; font-size: var(--font-size); line-height: var(--line-height); }
.mtgal article .cont .cont-info .titulo3 a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mtgal article .cont .info { display: none; }
.mtgal article .cont .contprecio { color: white; display: block; font-size: 140%; line-height: 100%; }
.mtgal article .cont .contprecio span { background-color: transparent; }
.mtgal article .cont .desc { display: none; }

/* ### 1 ###*/
.mtgal_1 .listado { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 8px; }

/* ### 2 ###*/
.mtgal_2{ overflow: hidden; }
.mtgal_2 article{ position: relative; overflow: hidden; float: left; width: 49.75%; margin:0 0 0.5%; }
.mtgal_2 article:nth-child(2n){ float: right;}

/* ### 3 ###*/
.mtgal_3{ overflow: hidden; border: 1px solid #f0f0f0;}
.mtgal_3 article{ position: relative; overflow: hidden; float: left; margin:0; width:33.33333%; border: 2px solid #f0f0f0;}
.mtgal_3 article:nth-child(1), .mtgal_3 article:nth-child(3n+1){ width: 66.66666%; float: right; }
.mtgal_3 article:nth-child(3n+2){border-bottom-width: 1px;}

/* ### 3-1 ###*/
.mtgal_3-1{ overflow: hidden; border: 1px solid #f0f0f0;}
.mtgal_3-1 article{ position: relative; overflow: hidden; float: left; margin:0; width:33.33333%; border: 2px solid #f0f0f0;}

/* ### 4 ###*/
.mtgal_4{ overflow: hidden; border: 1px solid #f0f0f0;}
.mtgal_4 article{ position: relative; overflow: hidden; float: left; margin:0; width:25%; border: 2px solid #f0f0f0;}

/* ### 5 ###*/
.mtgal_5{ overflow: hidden; border: 1px solid #f0f0f0;}
.mtgal_5 article{ position: relative; overflow: hidden; float: left; margin:0; width:33.3333%; border: 2px solid #f0f0f0;}
.mtgal_5 article:first-child, .mtgal_5 article:nth-child(5n+1){ width: 66.66666%; float: right; }
.mtgal_5 article:nth-child(5n), .mtgal_5 article:nth-child(5n-1){ width: 50%; }
.mtgal_5 article:nth-child(5n+2){ border-bottom-width:0px; }

/* ### 6 ###*/
.mtgal_6{ overflow: hidden; border: 1px solid #f0f0f0;}
.mtgal_6 article{ position: relative; overflow: hidden; float: left; margin:0; width:33.3333%; border: 2px solid #f0f0f0;}
.mtgal_6 article:first-child, .mtgal_6 article:nth-child(6n+1){ width: 66.66666%; }
.mtgal_6 article:nth-child(6n+2){border-bottom-width: 0px;}
.mtgal_6 article:nth-child(6n+4){ clear: both; }

/* ### 7 ###*/
.mtgal_7{ overflow: hidden; border: 1px solid #f0f0f0;}
.mtgal_7 article{ position: relative; overflow: hidden; float: left; margin:0; width:33.3333%; border: 2px solid #f0f0f0;}
.mtgal_7 article:first-child, .mtgal_7 article:nth-child(7n+1){ width: 66.66666%; float: right; }
.mtgal_7 article:nth-child(7n), .mtgal_7 article:nth-child(7n-1), .mtgal_7 article:nth-child(7n-2), .mtgal_7 article:nth-child(7n-3){ width: 25%; }
.mtgal_7 article:nth-child(7n+2){ border-bottom-width: 0px; }

/* ### 8 ###*/
.mtgal_8{ overflow: hidden; border: 1px solid #f0f0f0;}
.mtgal_8 article{ position: relative; overflow: hidden; float: right; margin:0; width:25%; border: 2px solid #f0f0f0;}
.mtgal_8 article:first-child, .mtgal_8 article:nth-child(8n+1){ width:66.666%; float: right; }
.mtgal_8 article:nth-child(8n+2){ border-bottom-width: 0px;}
.mtgal_8 article:nth-child(8n-2), .mtgal_8 article:nth-child(8n-3){ border-bottom-width: 1px;}
.mtgal_8 article:nth-child(8n+2),.mtgal_8 article:nth-child(8n+3) { width: 33.333%;}
.mtgal_8 article:nth-child(8n+4){ width: 50%; float: left; }

@media screen and (max-width: 800px) {
	/* ### MOSAICOS ###*/
    .mtgal article .cont { padding: 16px 16px 12px; }
    .mtgal_1 .listado { grid-gap: 6px; grid-template-columns:1fr 1fr;}

    /* ### 3 ###*/
    .mtgal_3 article { width: 50%; }
	.mtgal_3 article:nth-child(1), .mtgal_3 article:nth-child(3n+1){ width: 100%;}
	.mtgal_3 article:nth-child(3n+2){border-bottom-width: 2px;}
	
	/* ### 3-1 ###*/
	.mtgal_3-1 article{ width:100%;}
	
	/* ### 4 ###*/
	.mtgal_4 article{ width: 50%; }
	
	/* ### 5 ###*/
	.mtgal_5 article, .mtgal_5 article:first-child, .mtgal_5 article:nth-child(5n+1), .mtgal_5 article:nth-child(5n), .mtgal_5 article:nth-child(5n-1){width:50%;}
	.mtgal_5 article:nth-child(5n+2){ border-bottom-width:2px; }
	.mtgal_5 article:nth-child(5n+3){ width: 100%; }
	
	/* ### 6 ###*/
	.mtgal_6 article, .mtgal_6 article:first-child, .mtgal_6 article:nth-child(6n+1){ width: 50%; }
    .mtgal_6 article:nth-child(6n+2) { border-bottom-width: 2px; }
    .mtgal_6 article:nth-child(6n+4){ clear: none; }
	
	/* ### 7 ###*/
	.mtgal_7 article{ width:50%;}
	.mtgal_7 article:first-child, .mtgal_7 article:nth-child(7n+1){ width: 100%; }
	.mtgal_7 article:nth-child(7n), .mtgal_7 article:nth-child(7n-1), .mtgal_7 article:nth-child(7n-2), .mtgal_7 article:nth-child(7n-3){ width: 50%; }
	.mtgal_7 article:nth-child(7n+2){ border-bottom-width:2px; }
	
	/* ### 8 ###*/
	.mtgal_8 article{ width:50%;}
	.mtgal_8 article:first-child, .mtgal_8 article:nth-child(8n+1){ width:100%; }
	.mtgal_8 article:nth-child(8n+2), .mtgal_8 article:nth-child(8n-2), .mtgal_8 article:nth-child(8n-3){ border-bottom-width: 2px;}
	.mtgal_8 article:nth-child(8n+2),.mtgal_8 article:nth-child(8n+3) { width: 50%;}
	.mtgal_8 article:nth-child(8n+4){ width: 100%;}
}


@media screen and (max-width: 500px) {
	
    /* ### MOSAICOS ###*/
    .mtgal_1 .listado {grid-template-columns: 1fr; }
	/* ### 3 ###*/
	.mtgal_2 article{ width: 100%; }
	
	/* ### 3 ###*/
	.mtgal_3 article{ width:100%;}
	
	/* ### 4 ###*/
	.mtgal_4 article{ width: 100%; }
	
	/* ### 5 ###*/
	.mtgal_5 article, .mtgal_5 article:first-child, .mtgal_5 article:nth-child(5n+1), .mtgal_5 article:nth-child(5n), .mtgal_5 article:nth-child(5n-1){width:100%;}
	
	/* ### 6 ###*/
	.mtgal_6 article, .mtgal_6 article:first-child, .mtgal_6 article:nth-child(6n+1){ width: 100%; }
	
	/* ### 7 ###*/
	.mtgal_7 article, .mtgal_7 article:nth-child(7n), .mtgal_7 article:nth-child(7n-1), .mtgal_7 article:nth-child(7n-2), .mtgal_7 article:nth-child(7n-3){ width: 100%; }
	
	/* ### 8 ###*/
	.mtgal_8 article, .mtgal_8 article:nth-child(8n+2),.mtgal_8 article:nth-child(8n+3){ width:100%;}
}