/* Macbook */
@media screen and (min-width: 2160px) {

	section#eventos .evento {flex: 1 1 calc(100% / 3); height: auto}
	section#eventos .evento:nth-child(1),
	section#eventos .evento:nth-child(2){
		flex: 1 0 35%;
	}

}

/* iMac */
@media screen and (min-width: 1440px) and (max-width: 4800px){

}



/* Celulares */
@media screen and (min-width: 641px) and (max-width: 1080px) {

  
}



@media screen and (min-width: 320px) and (max-width: 640px){
	header {width: 100%; height: 4em}
	header .espacio {padding: 1em 2em; width: calc(100% - 4em); justify-content: center;}
	header nav.menu {display: none;}
	
	header .logo {height: 2em; min-height: 2em; width: 2em; min-width: 3em;}
		header .logo figure {min-height: 2em}
	
	#verMenu {min-width: 2em; gap: .45em; }
		#verMenu span.linea {width: 2.5em}

	
	header .bloque.der {display: none}
	
	header.scroll {background-color: #f7f7f7}
	header.scroll.act {background-color: rgb(0,0,0,.8)}
	
	

	header.act {width: 100%; min-height: 100vh;}
		header.act .bloque.izq .barra {width: calc(100% - 4em); display: inline-block; padding: 0; margin: 0 2em }
		header.act .bloque.izq .barra a.logo.blanco {display: inline-block; float: left; padding: 1em 0; height: 8em; width: 8em;}
		header.act .bloque.izq .barra a#verMenu { float: right;}
		header.act .bloque.izq .barra nav.principal {width: 100%; margin: 4em 0; display: inline-block }
		header.act nav.principal a {width: 100%; display: block; margin: 0 0 1em; font-size: 2em}
		header.act .bloque.der {display: flex}
		header.act #verMenu {padding: 1em 0}

	h1 {font-size: 32px; text-transform: uppercase}
	h2 {font-size: 28px}
	h5 {font-size: 12pt}

	span.boton,
	span.boton a {width: 100%}

	main {background-size: 215%; background-attachment: inherit; background-position: 50% 30%}
	.contenedor,
	section#about .contenedor,
	section#eventos blockquote,
	section#eventos.pagina blockquote,
	section#eventos.archivo .contenedor,
	section#beneficios.nosotros .contenedor.encabezado,
	section.pagina.portada .contenedor,
	section#faqs .contenedor  {width: calc(100% - 4em); padding: 6em 2em 4em; gap: 1em; max-width: calc(100% - 4em)}

	.columna.dos,
	.columna.tres,
	section .numeralia.contenedor .columna.numeros,
	.flex.row,
	section#faqs ul,
	section#beneficios .contenedor { flex-direction: column; width: 100%}
	
	.flex.col.center.end {align-items: flex-start;}
	
		
	section#home .bloque {width: calc(100% - 4em); padding: 0 2em}
	section#home .bloque .logo {min-width: 240px; width:70%}
		section#home {min-height: 100vh}
		section#home video {aspect-ratio: 9 / 16; max-height: 100vh; position: absolute;}

	section .numeralia.contenedor {flex-direction: column; gap: 4rem;}
	section .numeralia.contenedor .bloque {flex: 0 1 100%}
	section .numeralia.contenedor .bloque.flex.center {justify-content: flex-start}
	section .numeralia.contenedor .bloque h1 {font-size: 32px;}
	section .numeralia.contenedor figure.icono {padding: .5rem}
	section .numeralia.contenedor figure.icono i {font-size: 3em}
	section .numeralia.contenedor span.boton a {flex-wrap: nowrap}
	
	
	section#eventos.archivo .columna.asistencia {justify-content: flex-start}
	
	section#about .contenedor .bloque {flex: inherit; }
	section#eventos h2 {font-size: 24pt; }
	section#eventos .evento,
	section#eventos .evento:nth-child(1),
	section#eventos .evento:nth-child(2){flex: 1 0 100%}

	section#eventos.pagina h1 {font-size: 24pt}


	ul.grid {grid-gap: 1em;}
	ul.grid li {grid-column: span 6; flex-direction: row; justify-content: flex-start; gap: 2rem}
			
	
	section#portada {min-height: calc(100vh + 15em); background-attachment: inherit; background-position: center bottom; background-size: 200%;}
	section#portada,
	section#portada .slider.portada,
	section#portada .slider .fotograma,
	section#portada .edicionbg,
	section#portada .edicionbg figure.fotograma {min-height: calc(100vh - 0px)}
	
	section#portada a.logotipo {min-height: 100vh; top: 0}
	
	section#portada figure.logo {width: calc(100vw - 0em)}

	section#portada nav.menu-event {width: calc(100% - 8em); flex-direction: column; gap: 1rem; padding: 1em 2em; align-items: flex-start;}
	section#portada nav.menu-event span {padding: 0; gap: 1rem; }
	section#portada nav.menu-event span a {font-size: 12pt}
				section#portada nav.menu-event h4 {font-size: 12pt}
	
	section#ubicacion .contenedor {padding: 6em 0 2em; width: 100%; max-width: 100%}

	
	section#boletos .contenedor {gap: 4rem}
	section#boletos .cajatexto{flex-direction: column; gap: 0}
	section#boletos .cajatexto p {font-size: 12pt}
	
	section#faqs .contenedor {gap: 4em;}
	section#faqs ul li {padding: 1rem; flex: 0 1 calc(100% - 2rem); width: calc(100% - 2rem)}
	
	
	footer {height: auto;}
	footer .espacio {gap: 2em; padding: 4em 1em 1em; width: calc(100% - 2em)}
	footer .columna {width: 100%; justify-content: center; align-items: center; min-height: auto; height: auto}
	footer .columna span {font-size: 10pt}


span.cerrarFondo {margin: 0;}

section#galeria .contenedor {padding: 2em; }
section#galeria.pagina ul.grid{flex-direction: column;}
section ul.grid figure.imagen {height: min(30vh, 270px); width: 100%}

section.contacto span.boton a {flex-direction: row;font-size: 11pt}

#modalInfo {padding: 1em; width: calc(100% - 2em); min-height: calc(100vh - 2em)}
#modalInfo a#cerrarModal {top: 0; right:20px;}

	#modalInfo .contenedor {width: 100%; padding: 4em 0; flex: inherit; max-width: 100%;}
		#modalInfo .contenedor .tarjeta {flex-direction: column; width: calc(100% - 2em); padding: 1em; overflow: auto; height: 80vh}
		#modalInfo.equipo figure.imagen,
		#modalInfo.equipo .info {width: 100%}
		#modalInfo.equipo figure.imagen  {min-height: 360px; flex: auto; border-radius: 8px;}
		#modalInfo.equipo .info {overflow: scroll}
		#modalInfo.equipo .info p {height: auto;}


}


/* Celulares muy chiquitos */

@media screen and (min-width: 180px) and (max-width: 320px) {



}

/* Tabletas */
@media screen and (min-width: 721px) and (max-width: 1130px)  {

}

/* iPad Pro */
@media only screen  and (min-device-height: 1024px)  and (max-device-height: 1366px)  and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 1.5) {

}
