/*
	*Main CSS para implementacion directa de sitios.
	
	*La adaptacion del bolierplate y este codigo son esfuerzo del eqipo de ID.A libre
	*con agradecimientos especiales a Juan Palma encargado de la implementacion.
*/

/* ==========================================================================
	Parametros Globales
========================================================================== */
/* @import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap'); */
/* font-family: 'Sen', sans-serif; */
/* @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;400;700;900&display=swap'); */
/* font-family: 'League Spartan', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,300;0,400;0,600;1,100;1,300;1,400;1,600&display=swap');
/* font-family: 'Barlow Condensed', sans-serif; */
/* @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,700;1,300;1,700&display=swap'); */
/* font-family: 'Cormorant Garamond', serif; */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap'); */
/* font-family: 'Cormorant SC', serif; */
/* @import url('https://fonts.googleapis.com/css2?family=Square+Peg&display=swap'); */
/* font-family: 'Square Peg', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* font-family: 'Bebas Neue', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Square+Peg&display=swap');
/* font-family: 'Square Peg', cursive; */





:root{
	--colorBackDark: #1a1918;
	--colorBackColor: #393735;
	--colorPrincipal: #c71c81;
	--colorSecundario: #3d0859;
	--colorTexto: var(--colorBackColor);
	--margenGlobal: 6vw;
	--anchoContainer: calc(100vw - (var(--margenGlobal) * 2));
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 900;
}
body, button, input, select, textarea, ::after, ::before{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400;
	line-height: 1.24;
	letter-spacing: 0.05em;
	color: var(--colorTexto);
}
i::before{
	font-family: inherit;
	font-weight: inherit;
}
.container{
	width: var(--anchoContainer);
}
.anchoFull{
	width: 100vw;
	position: relative;
	margin-left: calc(var(--margenGlobal) * -1);
}
.anchoFullFlex{
	width: 100vw;
	position: relative;
}
	
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
	max-zoom: 1.0;
}

@viewport {
	width: device-width;
	zoom: 1.0;
	max-zoom: 1.0;
}


/* ==========================================================================
	Estilos visiales para elementos GENERALES
========================================================================== */
.desaparece{
	display: none !important;
	visibility: hidden !important;
	width: 1px !important;
	height: 1px !important;
	position: absolute !important;
	overflow: hidden !important;
	opacity: 0 !important;
	clip: rect(1px 1px 1px 1px) !important;
	
}
.ocultar{
	display: none !important;
}
.opacidad0{
	opacity: 0 !important;
}
.opacidad1{
	opacity: 1 !important;
}
.animar{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.animar1-4{
	-webkit-transition: all 1.4s ease-in-out;
	-moz-transition: all 1.4s ease-in-out;
	-o-transition: all 1.4s ease-in-out;
	-ms-transition: all 1.4s ease-in-out;
	transition: all 1.4s ease-in-out;
}
.colorPrincipal{
	color: var(--colorPrincipal) !important;
}
.colorBackColor{
	color: var(--colorBackColor) !important;
}
p {
	margin-bottom: 1.4em;
}
p:last-of-type {
	margin-bottom: 0;
}







/* ==========================================================================
	Estilos visiales de la ventana pop de avisos
========================================================================== */
div#ventanaPOP {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(0 0 0 / 84%);
	z-index: 99999999;
	transition: all 200ms ease-in-out;
}
	#ventanaPOP .ventanaCerrar {
		width: 28px;
		height: 28px;
		position: absolute;
		top: 18px;
		left: auto;
		right: 18px;
		background: darkred;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		line-height: 0;
		border-radius: 4px;
		padding-bottom: 2px;
		cursor: pointer;
		font-weight: 900;
		transition: all 200ms ease-in-out;
	}
	#ventanaPOP .ventanaCerrar:hover{
		background-color: orangered;
	}
	#ventanaPOP .mensajeBox {
		max-width: 86%;
		height: auto;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 3em;
		background: #fff;
		border: 8px solid #555;
		border-radius: 30px;
		font-size: 120%;
		transition: all 200ms ease-in-out;
	}
		#ventanaPOP button {
			appearance: none;
			padding: 6px 24px;
			margin: 24px 0 0;
			border: 0;
			border-radius: 6px;
			background-color: #444;
			color: #fff;
			cursor: pointer;
			transition: all 200ms ease-in-out;
		}
		#ventanaPOP .mensajeBox button:hover{
			background-color: #000 !important;
		}
		div#ventanaPOP .mensajeBox i:before {
			font-size: 360%;
			margin-bottom: 30px;
			display: block;
		}



	div#ventanaPOP.ok .mensajeBox i:before{
		color: #1ba902;
	}
	div#ventanaPOP.ok .mensajeBox{
		border: 8px solid #1ba902;
	}
	div#ventanaPOP.ok .mensajeBox button{
		background-color: #1ba902;
	}

	div#ventanaPOP.alert .mensajeBox i:before{
		color: #ddaa01;
	}
	div#ventanaPOP.alert .mensajeBox{
		border: 8px solid #ddaa01;
	}
	div#ventanaPOP.alert .mensajeBox button{
		background-color: #ddaa01;
	}

	div#ventanaPOP.error .mensajeBox i:before{
		color: #b42b08;
	}
	div#ventanaPOP.error .mensajeBox{
		border: 8px solid #b42b08;
	}
	div#ventanaPOP.error .mensajeBox button{
		background-color: #b42b08;
	}
















/* ==========================================================================
	Estilos visiales del sitio.
========================================================================== */
h1 {
	width: 70%;
	display: block;
	position: relative;
	z-index: 20;
	color: var(--colorPrincipal);
	font-size: clamp(48px, 5vw, 88px);
	text-align: center;
	line-height: 0.9;
	text-shadow: 0 0 43px #fff9, 0 0 43px #fff9, 0 0 7px #fff9, 0 0 12px #fff9;
}
h2 {
	font-size: clamp(44px, 3.2vw, 62px);
}
h3 {
	margin-top: 40px;
}
h4 {
	margin-top: 40px;
}

#boxInfo li {
	border-left: 1px solid;
	padding-left: 21px;
}
#boxInfo li:first-of-type{
	margin-top: 12px;
}


#fondo_body{
	background : var(--colorPrincipal);
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

	#main_menu {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
		position: fixed;
		width: 100%;
		height: 80px;
		background: #ffffff90;
		z-index: 600;
	}
		#main_menu img {
			width: auto;
			height: 170%;
			z-index: 200;
		}
		#main_menu ul {
			position: absolute;
			height: calc(100% - 40px);
			display: flex;
			justify-content: flex-end;
			align-items: center;
			right: 110px;
			grid-gap: 22px;
			font-size: 120%;
		}
			#main_menu ul li {
				cursor: pointer;
				transition: all .2s ease-in;
			}
				#main_menu ul li a {
					text-decoration: none;
					color: inherit;
				}
				#main_menu ul li a:hover {
					color:var(--colorPrincipal)
				}
		#menuInsta {
			display: block;
			position: absolute;
			width: auto;
			height: 44px;
			right: 40px;
			opacity: .6;
			transition: all 200ms ease-in-out;
		}
		#menuInsta:hover{
			opacity: 1;
			transform: scale(1.1);
		}
			#menuInsta img{
				width: auto;
				height: 100% !important;;
				cursor: pointer;
			}

		#menuMobile {
			width: 30px;
			height: 38px;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			right: 18px;
			opacity: .6;
			transition: all 200ms ease-in-out;
		}
			#main_menu #menuMobile img{
				width: 100% !important;
				height: auto !important;
			}
		#menuMobile:hover{
			opacity: 1;
			transform: scale(1.1);
		}

	#main_home {
		width: 100%;
		height: 100vh;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
		
		#main_home > div {
			width: 100%;
			height: 100%;
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
		}
			#main_home > div img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transform-origin: 50% 100%;
				object-position: left;
			}
		#layer2 img{
			opacity: 0;
		}
	#main_home_falso {
		width: 100%;
		height: 350vh;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}


	#boxInfo{
		width: 100%;
		height: auto;
		position: relative;
		min-height: 100vh;
		display: flex;
		justify-content: center;
		align-items: stretch;
		background-color: var(--colorPrincipal);
	}
		#boxInfo > div {
			width: 50%;
			min-height: 100vh;
			display: flex;
			flex-direction: column;
			color: white;
		}
		#modelo {
			padding: 9vw 5vw;
			font-size: 135%;
		}
			#boxInfo img#logoInfo {
				width: 203px;
				height: auto;
				margin-bottom: 40px;
			}
			.frase {
				font-family: 'Square Peg';
				font-size: 160%;
				color: black;
			}
			#boxInfo > div > img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}
			#servicios {
				display: flex;
				margin-top: 38px;
				grid-gap: 62px;
			}
			#tarjetas {
				width: 100%;
				max-width: 282px;
				height: auto;
				margin-top: 20px;
			}
				#tarjetas img {
					width: 100%;
					height: auto;
				}
		#modeloImg{
			background: url(../img/modeloImg.jpg) no-repeat center center;
			background-size: cover;
		}

	#donde {
		width: 100%;
		height: auto;
		padding: 7rem 0;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: white;
		grid-gap: 72px;
	}
		img#logoDonde {
			width: auto;
			height: auto;
			max-width: 328px;
		}
		#bloqueDonde {
			width: 90vw;
			display: flex;
			justify-content: center;
			align-items: center;
			grid-gap: 10vw;
		}
			#bloqueDonde > div {
				display: flex;
				justify-content: center;
				align-items: center;
				flex: 1 1 auto;
			}
				#donde p {
					padding: 0 0 0 30px;
					margin: 0;
				}
				#bloqueWhats {
					color: var(--colorPrincipal);
					font-size: 154%;
					font-weight: 900;
					font-family: 'Bebas Neue';
					display: flex;
					justify-content: center;
					align-items: center;
				}
					#bloqueWhats a:first-of-type{
						transition: all 200ms ease-in-out;
						cursor: pointer;
					}
					#bloqueWhats a:first-of-type:hover{
						transform: scale(1.1);
					}
					#iconoInsta {
						display: inline-flex;
						width: 72px;
						height: auto;
						margin: -6px 0 0 10px;
						transition: all 200ms ease-in-out;
					}
					#iconoInsta:hover{
						transform: scale(1.1);
					}
						#iconoInsta img{
							width: 100% !important;
							height: auto !important;
						}
		#prox {
			width: var(--anchoContainer);
			display: flex;
			flex-direction: column;
			align-items: center;
		}
			#prox > div:first-child {
				font-size: 300%;
				font-family: 'Square Peg';
				text-align: center;
			}
			#countdown1 .row{
				width: 100%;
				display: flex;
				justify-content: center;
				padding: 2rem;
				grid-gap: 12px;
				font-size: 120%;
			}
				#countdown1 .row > div > div {
					display: flex;
					flex-direction: column;
					align-items: center;
					grid-gap: 8px;
				}
					#countdown1 .row > div > div .number {
						display: flex;
						justify-content: center;
						align-items: center;
						background-color: var(--colorPrincipal);
						line-height: 1;
						width: 60px;
						height: 60px;
						text-align: center;
						font-size: 148%;
						font-weight: bold;
						color: white;
						border-radius: 24%;
					}

	#ven {
		width: 100%;
		height: auto;
		min-height: 72vh;
		padding: 7rem 0;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background: white url(../img/ven.jpg) no-repeat center center;
		background-size: cover;
		background-attachment: fixed;
	}
		.fraseCentro {
			width: 60%;
			font-size: clamp(28px, 3vw, 80px);
			color: antiquewhite;
			text-align: center;
			line-height: 1;
			font-family: 'Square Peg';
		}

	#tituloGaleria {
		width: 100%;
		height: auto;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6rem;
		background-color: white;
		grid-gap: 49px;
	}
		#tituloGaleria p{
			font-size: 220%;
			font-family: 'Square Peg';
		}
	
	#galeria {
		width: 100%;
		position: relative;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 30vh;
		grid-gap: 18px;
		padding: 22px;
		background-color: white;
	}
		.galeriaItem:nth-child(1){
			grid-column-start: span 2;
			grid-row-start: span 2;
		}
		.galeriaItem:nth-child(3){
			grid-row-start: span 2;
			/* grid-column-start: span 2; */
		}
		.galeriaItem:nth-child(6){
			grid-column-start: span 2;
		}
		.galeriaItem:nth-child(8){
			grid-row-start: span 2;
		}
		.galeriaItem:nth-child(9){
			grid-row-start: span 2;
		}
		.galeriaItem:nth-child(10){
			grid-row-start: span 2;
		}
			.galeriaImg{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}


	#politicas {
		width: 100%;
		height: auto;
		padding: 10rem 7rem;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		grid-gap: 46px;
		background: black;
	}
		#politicas h2 {
			color: bisque;
			font-size: clamp(32px, 4vw, 82px);
		}
		#politicasInfo p {
			color: var(--colorPrincipal);
		}
		#politicasInfo ul {
			color: white;
			list-style: inside;
			margin-top: 24px;
		}
		#legales2 {
			margin-top: 82px;
			color: dimgray !important;
		}

	@keyframes hover {
		0% {
			transform: translateY(5px) scale(.98);
		}
		100% {
			transform: translateY(-5px) scale(1);
		}
	}
	#whats {
		width: auto;
		height: auto;
		min-width: 82px;
		display: block;
		position: fixed;
		top: auto;
		left: auto;
		right: 2vw;
		bottom: 2vw;
		width: 5vw;
		z-index: 99999;
		opacity: .8;
		transition: all 200ms ease-in-out;
		animation: hover 2s infinite ease-in-out alternate;
	}
	#whats:hover{
		opacity: 1
	}

	#proxB {
		width: 120px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		position: fixed;
		top: auto;
		left: auto;
		right: 0vw;
		bottom: calc(5vw + 85px);
		background: var(--colorSecundario);
		border-bottom-left-radius: 8px;
		border-top-left-radius: 8px;
		opacity: .9;
		cursor: pointer;
		text-decoration: none;
		z-index: 99999;
		transition: all 200ms ease-in-out;
	}
	#proxB:hover{
		opacity: 1;
	}








	#juanFooter {
		width: 100%;
		height: auto;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0.6rem 12%;
		bottom: 0px;
		box-sizing: border-box;
		background-color: #fff;
	}
		#juanFooter .interno{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			color: #45413c;
			font-weight: 300;
		}
			#juanFooter a {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				text-decoration: none;
				color: #90502f;
				font-weight: 300;
			}
				#juanFooter img {
					width: 48px;
					height: 48px;
					object-fit: contain;
					object-position: center;
				}
				span.juanpalma {
					white-space: nowrap;
					display: inline-flex;
					margin: 0 2px;
				}



	#eresMayor {
		width: 100%;
		height: 100vh;
		position: fixed;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: black;
		padding: 16vw;
		color: white;
		z-index: 99999;
	}
		#eresMayor form {
			max-width: 600px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			grid-gap: 34px;
			line-height: 1.4;
			text-align: justify;
		}
			#eresMayor form > div {
				display: flex;
				align-items: center;
				grid-gap: 5px;
			}
				input#mayorEdad {
					width: 20px;
					height: 20px;
					margin: 0px 7px;
				}
				#acepto {
					padding: 8px 16px;
					appearance: none;
					border: 0px none transparent;
					cursor: pointer;
					transition: all 200ms ease-in-out;
				}
				#acepto:hover {
					background-color:aqua;
				}



















/* ==========================================================================
	Estilos para un espect ratio de 2:1
========================================================================== */
@media (min-aspect-ratio: 2/1) {
	
}

/* ==========================================================================
	Estilos para un espect ratio de 8:5
========================================================================== */
@media (min-aspect-ratio: 8/5) {
	
}






/* ==========================================================================
	Estilos para un especto de pie
========================================================================== */
@media screen and (orientation:portrait){
	:root{
		--margenGlobal: 8vw;
	}
	.onlyLanscape{
		display: none !important;
		visibility: hidden !important;
		width: 0px !important;
		height: 0px !important;
		overflow: hidden !important;
	}


	
}
/* ==========================================================================
	Estilos para un especto de pie pero en dispositivos pequeños
========================================================================== */
@media screen and (orientation:portrait) and (max-width: 680px){
	#main_home {
		height: 80vh;
	}
		#main_home > div img {
			width: auto;
			height: 100%;
		}
}







/* ==========================================================================
	Estilos para un especto de acostado
========================================================================== */
@media screen and (orientation:landscape){
	.onlyPortrait{
		display: none !important;
		visibility: hidden !important;
		width: 0px !important;
		height: 0px !important;
		overflow: hidden !important;
	}	
}
/* ==========================================================================
	Estilos para un especto acostado pero en dispositivos medianos
========================================================================== */
@media screen and (orientation:landscape) and (max-width: 980px){

}
/* ==========================================================================
	Estilos para un espect acostado pero en dispositivos chicos
========================================================================== */
@media screen and (orientation:landscape) and (max-width: 860px){

}
/* ==========================================================================
	Estilos para un espect acostado pero en dispositivos chicos
========================================================================== */
@media screen and (orientation:landscape) and (max-width: 720px){
	
}
/* ==========================================================================
	Estilos para un espect acostado pero en dispositivos muy chicos
========================================================================== */
@media screen and (orientation:landscape) and (max-height: 460px){

}
















/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 1600px) {

}









/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 1280px) {

}







/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 1024px) {
	#main_menu {
		justify-content: flex-start;
	}
		#main_menu ul {
			font-size: clamp(16px, 110%, 120%);
		}
		#main_menu img {
			height: 190%;
		}
		#menuInsta {
			right: 20px;
			height: 38px;
		}
	#donde {
		padding: 3rem 0;
	}
	#tituloGaleria {
		padding: 3rem;
		grid-gap: 34px;
	}
	#politicas {
		flex-direction: column;
		padding: 5rem;
		font-size: 90%;
	}
	#servicios {
		font-size: 75%;
	}
}






/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (min-width: 860px) {
	
}








/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 846px) {
	:root{
		--margenGlobal: 8vw;
	}

	#main_menu {
		justify-content: flex-start;
	}
		#main_menu img {
			height: 190%;
		}
		#menuInsta {
			right: 68px;
			height: 38px;
		}
		
}






@media only screen and (max-width: 860px){
	.onlyDesktop{
		display: none !important;
		visibility: hidden !important;
		width: 0px !important;
		height: 0px !important;
		overflow: hidden !important;
	}

	/* #main_menu ul#menuUl {
		width: clamp(106px, 26vw, 26vw);
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-end;
		text-align: right;
		position: absolute;
		background-color: var(--colorSecundario);
		padding: 140px 1rem 3rem;
		left: auto;
		right: calc(clamp(106px, 26vw, 26vw) * -1);
		top: 0px;
		color: white;
		grid-gap: 30px;
		overflow: hidden;
		transition: all 300ms ease-in-out;
	}
	 */
	#main_menu ul#menuUl {
		width: 100%;
		height: 116px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		position: absolute;
		background-color: white;
		padding: 1rem;
		left: auto;
		right: 0px;
		top: -117px;
		grid-gap: 30px;
		overflow: hidden;
		transition: all 300ms ease-in-out;
		font-size: 98%;
	}
	#main_menu ul#menuUl.activo{
		top: 0px;
	}
}
@media only screen and (min-width: 860px){
	.onlyMobile{
		display: none !important;
		visibility: hidden !important;
		width: 0px !important;
		height: 0px !important;
		overflow: hidden !important;
	}
}







/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 800px) {
	#main_menu {
		padding: 20px;
		height: 60px;
	}

	#boxInfo {
		flex-direction: column;
		align-items: center;
	}
		#boxInfo > div {
			width: 100%;
			padding: 10%;
		}
			.frase {
				margin-top: 50px;
				display: block;
			}
			#servicios {
				flex-direction: column;
				grid-gap: 2px;
				margin-top: 0px;
			}
			#boxInfo div#modeloImg {
				height: 80vh;
				min-height: auto;
			}

	#donde {
		grid-gap: 34px;
	}
		img#logoDonde {
			max-width: 264px;
		}
		#bloqueDonde {
			flex-direction: column;
			width: 80%;
			grid-gap: 13vw;
		}
			#bloqueDonde > div {
				flex-direction: column;
			}
		#bloqueWhats {
			font-size: 146%;
		}
			#bloqueWhats img {
				width: 68px;
				height: auto;
			}
			#iconoInsta {
				width: 52px;
			}

	#ven {
		min-height: 50vh;
		background-attachment: inherit;
	}

	#galeria {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 12px;
		padding: 16px;
	}
		.galeriaItem:nth-child(5) {
			grid-column-start: span 2;
		}
		.galeriaItem:nth-child(6) {
			grid-column-start: span 1;
		}
		.galeriaItem:nth-child(7) {
			grid-column-start: span 1;
		}
		.galeriaItem:nth-child(8) {
			grid-column-start: span 2;
		}
	
	#politicas {
		flex-direction: column;
		padding: 3rem;
		font-size: 90%;
	}
}






/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 590px) {
	#tituloGaleria {
		flex-direction: column;
	}
}





/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 480px) {
	#prox > div:first-child {
		font-size: 250%;
	}
		#countdown1 .row{
			font-size: 100%;
		}
			#countdown1 .row > div > div {
				grid-gap: 6px;
			}
				#countdown1 .row > div > div .number {
					width: 50px;
					height: 50px;
					font-size: 146%;
				}
}










/* ==========================================================================
	Media Queries
========================================================================== */
@media only screen and (max-width: 370px) {
	
}








/* 
body {
	overflow: hidden;
	height: 100vh;
}
#mejorando {
	width: 100%;
	height: 100vh;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0px;
	top: 0px;
	background: #6c0f46;
	z-index: 9999999999;
}
	#mejorando > img {
		position: absolute;
		z-index: -1;
		opacity: 0.2;
	}
	#mejorando .box {
		padding: 12vw;
		color: #fff;
	} */