/* iMac */
@media screen and (min-width: 1640px) {
	/* section.pagina {width: calc(100% - 32em); padding: 0 16em} */
	
	section#formula .contenedor {max-width: 100% !important;}
}

/* Macbook */
@media screen and (min-width: 1334px) and (max-width: 1639px) {
	/* section.pagina .contenedor{width: calc(100% - 16em); padding: 0 8em} */
}




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


}

@media screen and (min-width: 1080px) and (max-width: 1261px) {


}




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


}

/* Tabletas */

@media screen and (min-width: 641px) and (max-width: 1079px) {


}



@media screen and (min-width: 231px) and (max-width: 1079px) {



	header {mix-blend-mode: luminosity; display: none}
	header a#menu {display: inline-flex}
	header .logo {flex: 1 1 100%; max-width: 100vw; min-height: 50vh}
	header .espacio {padding: 1rem 2rem; width: calc(100% - 4rem); max-width: inherit; flex: auto}
	header .menu {display: flex; top: -10rem; opacity: 0; order: 3; flex: 1 1 100%; flex-direction: column; position: absolute; width: calc(100% - 4rem);
		-webkit-transition: 600ms;
			-moz-transition: 600ms;
			-o-transition: 600ms;
			-ms-transition: 600ms;
			transition: 600ms;
	}


	header .espacio .izq {order: 1; position: absolute; left: 2rem; top: 2.5rem;}
 	header .espacio .der {flex: auto; order: 2; position: absolute; right: 2rem; top: 2rem}

	header .espacio nav ul {position: relative; width: 100%; flex-direction: column; background-color: rgba(207,207,207,.4); backdrop-filter: blur(15px);}
	header .menu ul,
	header .menu ul li a {box-shadow: none; border-radius: 0; background-color: transparent;}
	
	header .menu a {padding: .5rem 1rem; width: 100%;}

	  
    header .espacio nav ul li:first-child a {
       padding-top: 1rem;
    }
    header .espacio nav ul li:last-child a {
  	  padding-bottom: 1rem;
    }

	/* Core */

	section .contenedor {width: calc(100% - 2rem); padding: 4rem 1rem; flex-direction: column;}
	section .columna.dos {width: 100%; flex: auto}
	h1 {font-size:3rem}
	h2 {font-size: 32px}
	h3 {font-size: 24px}
	p {font-size: 16px}

		span.boton a {padding: .75rem 1rem; font-size: .75rem !important}

	.site-home-button {
		width: 3rem;
		height: 3rem;
		font-size: 1.5rem;
	}

	.site-language-button {
		width: 3rem;
		height: 3rem;
		font-size: .9rem;
	}

	body#home main {margin-bottom: 0}
	.home-split {
		--home-strip: 76px;
		--home-cover-height: auto;
		--home-info-height: auto;
		flex-direction: column;
		min-height: auto;
		overflow: visible;
	}

	.home-panel,
	section#matchcup.seccion.home-panel,
	section#aftercup.seccion.home-panel {
		width: 100%;
		flex: 0 0 auto;
	}

	.home-panel-cover {
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 0;
		gap: 0;
	}

	.home-cover-image {
		width: 100%;
		flex: 0 0 auto;
		height: clamp(180px, 30vh, 249px);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.home-panel-cover .cajainfo {
		width: 100%;
		padding: 2rem 1rem;
		gap: 1rem !important;
	}

	.home-panel-cover .cajainfo .flex.gm {gap: 1rem !important; min-height: 48px}

	.home-panel-cover h1 {
		max-width: 100%;
		white-space: normal;
		font-size: 2rem;
		line-height: .95;
	}

	.home-panel-cover h4 {
		font-size: clamp(.8rem, 3.8vw, 1rem);
		line-height: 1.25;
	}

	.home-split[data-active="matchcup"] section#matchcup.seccion.home-panel,
	.home-split[data-active="aftercup"] section#aftercup.seccion.home-panel {
		width: 100%;
		flex: 1 1 auto;
		margin-top: 48px;
	}

	.home-split[data-active="matchcup"] section#aftercup.seccion.home-panel,
	.home-split[data-active="aftercup"] section#matchcup.seccion.home-panel {
		width: 100%;
		flex: 0 0 48px;
		min-height: 48px;
		position: fixed;
		top: 0;
		right: inherit;
		z-index: 88;
	}

	
	.home-panel.is-active .home-panel-cover {
		min-height: 0;
		max-height: 0;
		padding: 0 1rem;
	}

	.home-panel.is-collapsed .home-panel-cover {
		position: relative;
		top: auto;
		width: 100%;
		height: auto;
		min-height: 48px;
		padding: 0;
		justify-content: center;
		overflow: visible;
	}

	.home-panel.is-collapsed .home-panel-cover h1 {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: inherit !important;
		width: auto;
		font-size: 1.5rem;
		text-align: center;
		transform: none !important;
	}

		.home-panel#matchcup.is-collapsed .home-panel-cover h1 {
			left: inherit !important;
			bottom: inherit !important;
		}

	.home-panel.is-collapsed .home-panel-cover .cajainfo {
		position: relative;
		inset: auto;
		width: calc(100% - 4rem);
		height: auto;
		min-height: auto !important;
		padding: 0 2rem;
		justify-content: center;
	}

	.home-panel-content {
		width: 100%;
		padding: 0;
		left: -1rem;
		
	}

	.home-section-intro {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		width: 100%;
		padding: 0;
	}

	.home-section-copy {
		min-height: auto;
		gap: 4rem;
	}

	#aftercup .home-section-copy,
	#matchcup .home-section-copy {
		padding: 4rem!important;
		width: calc(100% - 8rem) !important;
	}
	
	
.home-lineup .flex.col.start.g2 {flex-direction: column !important; padding: 2rem 4rem; width: calc(100% - 8rem); gap: 1rem; font-size: .75rem}
.home-lineup .flex.col.start.g2 h4 {font-size: 1rem}

	.home-experiences h2.display  {font-size: 23px}
	.home-faqs h2.display {font-size: 30px}
#aftercup .home-faqs {width: calc(100% - 8rem) !important; padding: 4rem 4rem 2rem!important}
	#matchcup .home-section-intro {gap: 0 !important;}

section#matchcup .home-section-image {
	transform: rotate(-90deg);
	background-size: contain;
	min-height: 100vw;
	
}


	#matchcup .home-section-block {
		padding: 4rem !important;
		width: calc(100% - 8rem) !important;
	}

	section#matchcup .home-section-image::after {
		left: 0;
	}

	.home-section-copy h2,
	.home-section-block > h2 {
		font-size: 44px;
		line-height: .98;
	}

		.home-section-copy h4 {font-size: 1.5rem}
	.home-section-copy h4.display {font-size: 1rem}

	#matchcup .home-section-intro :is(p, h4) {
		font-size: 1rem;
	}

	.home-section-image {
		min-height: 45vh;
		background-size: cover !important;
		width: 100%;
		order: -1;
	}

	.home-section-block {
		width: calc(100% - 2rem);
		padding: 3rem 1rem;
	}

	.home-section-block.home-lineup {
		padding: 0 !important;
		width: 100% !important;
	}
	
	.home-lineup .encabezado {width: calc(100% - 8rem) !important; padding: 2rem 4rem 0; max-width: inherit;}

	.home-lineup-list {
		grid-template-columns: 1fr;
		gap: 2rem !important
	}

	.home-lineup-card {
		flex-direction: column; 
		gap: 0 !important;
	}

	.home-lineup-thumb {
		width: 100vw;
		height: 100vw;
	}

	.home-lineup-info {
		padding: 2rem 3rem;
		flex: auto;
		gap: 2rem
	}

	.home-lineup-heading h3 {
		font-size: 1.5rem;
		line-height: 1;
	}

	

	.home-faq-item summary {
		gap: 1rem;
		font-size: .95rem;
	}

	figure.thumb {max-width: 80px; height: min(4rem, 80px)}


	/* Animaciones */

		@keyframes fondoAnimated {
			0%{background-size: 120vh ;}
			50% {background-size: 130vh ;}
			100% {background-size: 120vh ;}
		}


		section#de-dia h1.display,
		section#de-noche h1.display {font-size: 4rem}
	/* Portada */
	section#portada .contenedor{width: calc(100% - 2rem); padding: 4rem 1rem}
	section#portada a.logo {min-height: 120px;}
	section#portada h4.display {text-align: center; width: 100%}

	section .espacioscroll {bottom: inherit; top: 50%; transform: translateY(-50%);}
	
	section#portada .espaciovideo video {
        width: 100vw;
        height: 100vh !important;
        aspect-ratio: 9 / 16 !important;
    }

	section#portada #countdown {font-size: 1rem; gap: 1rem !important}
		section#portada #countdown span {font-size: 2rem;}
			section#portada #countdown .cifra {min-width: 80px; gap: .4rem}

	/* Hero */
	section#about {min-height: 115vh}
	section#about .contenedor {padding: 0; width: 100%; align-self: stretch; justify-content: end;}
	section#about .contenedor .cajatexto {align-self: stretch; z-index: 88; width: calc(100% - 4rem); padding: 4rem 2rem; justify-content: end !important; flex: auto; top: -8rem;}
	section#about figure.fotograma {top: 0; left: 0; width: calc(100% - 4rem); min-height: calc(100vh / 3); position: absolute; margin: 1rem 0 0}

	body.page:not(#home) main {display: flex; flex-direction: column}
	
	section.pagina.std{
width:100%;
		flex-direction: column !important;
		
}
	section.pagina.std .contenedor{
padding: 4rem 2rem;
		width: calc(100% - 4rem);
		flex-direction: column !important;
		flex-wrap: wrap !important;
		
}

	/* Beneficios */
	section#boletos ul.grid li {grid-column: span 12;}
	section#boletos ul.grid li h3.display {height: auto;}

	/* Image */
	section.image {background-color: var(--color-contraste); color: var(--color-claro); min-height: auto; flex-direction: column; justify-content: flex-start; width: 100% !important}
	section.image .contenedor {width: 100%; padding: 0; flex-direction: column; order: 1}
	
		section.image .columna.texto {width: calc(100% - 4rem); padding: 4rem 2rem; order: 2;}
		section.image .columna.imagen {order: 1; width: 100%; min-height: 40vh; }

	section.image figure.imagenfondo {background-attachment: inherit;  order: 2; min-height: 40vh; height: inherit; background-size: 75% !important}
	section.image figure.imagenfondo .deg {opacity: 0;}
		section.image .columna.dos figure.fotograma {width: 100%;}

	section#eventos .contenedor {padding: 4rem 1rem; width: calc(100% - 2rem)}

	.home-calendar h2{font-size: 24px}

	.calendario-columnas {grid-template-columns: 1fr; gap: 3rem;}
	.calendario-mes > h3 {top: 48px; font-size: 2rem; z-index:888;}
	.calendario-dias {grid-template-columns: 1fr; overflow-x: visible;}
	.calendario-dia {min-height: auto; gap: 0; padding: 0; border-right: 0;}
	.calendario-fecha strong {font-size: 2.75rem;}
	.calendario-info h4 {font-size: 1rem;}
	.calendario-evento a,
	.calendario-evento-contenido {gap: .65rem; padding: 1rem 0;}
	.calendario-hora {font-size: 1rem !important;}

	
		footer {min-height: auto}
		footer .espacio {width: 100%; padding: 0; flex-direction: column; gap: 0rem}
			footer .desc {padding: 2rem; width: calc(100% - 4rem)}
			footer .desc h2 {font-size: 1.25rem; line-height: 1.5}
			footer .desc :is(h4, h4 a) {font-size: 10px; line-height: 1.5}
			footer .desc :is(h2:last-child,h4:last-child) {text-align: right;}
		
			footer .contacto.flex  {flex-direction: column !important; gap: 1rem !important; width: calc(100% - 4rem) !important; padding: 1rem 2rem 0 !important; justify-content: center !important;}
	footer .contacto.flex h3 {font-size: 1rem}
	footer .contacto a {font-size: 12px;}
	footer .contacto nav.redes a i {font-size: 1.5rem;}
				footer .contacto.flex .row { gap: .5rem !important}
				footer .contacto.flex .flex.end {align-items: center;}
}



/* 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) {



}