/* iMac */
@media screen and (min-width: 1640px) {
	/* section.pagina {width: calc(100% - 32em); padding: 0 16em} */
	
	section#formula .contenedor {max-width: 100% !important;}
	section.post .contenedor {align-items: start;}
	section.post.producto .destacada {max-width: calc(640px * 1.06) ;}
	section.post.producto figure.fotograma {min-height: 520px; }
}

/* 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; height: 4rem}
	header a#menu {display: none}
	header .logo {flex: auto; max-width: 50vw; min-width: 40vw; min-height: 2rem}
	header .espacio {padding: 1rem; width: calc(100% - 2rem); 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; }
 	header .espacio .der {flex: auto; order: 2;}

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

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

		span.boton a {padding: .75rem 1rem}

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


	/* Animaciones */

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

	/* Portada */
	section#portada .contenedor{width: calc(100% - 2rem); padding: 4rem 1rem}
		section#portada a.logo {height: 120px; min-height: 120px}
	section#portada a.logo figure {max-width: 80%; min-height: 120px}

	section#catalogo .encabezado {flex: auto;}
		section#catalogo .contenedor {width: calc(100% - 2rem); padding: 6rem 1rem 4rem}
ul.grid.dos {grid-template-columns: repeat(4, 2fr)}
ul.grid.dos li {grid-column: span 5; height: 320px}
	
	.producto .caja .info {width: calc(100% - 2rem); padding: 1rem}
	.producto .caja .info h4 {font-size: 1rem; display: flex; flex-direction: column; justify-content: center}
	
	#modalInfo .contenedor {width: calc(100% - 4rem); padding: 2rem 1rem; margin: 0 1rem;}
	#modalInfo .contenedor .encabezado h6 {margin-bottom: 1rem}
	#modalInfo .contenedor input[type="text"] {padding: .25rem; flex: auto; width: auto}

	section.post.talento .encabezado {align-items: start;}
	section.post.talento .encabezado .flex.col.end.end {align-items: start !important}
	section.post.talento .destacada {width: 100vw;}
		section.post.talento .destacada figure.fotograma {min-height: 75vh}
		section.post article {width: calc(100% - 4rem); padding: 2rem}
	
		section.post article .flex.row.space {flex-direction: column !important; gap: 2rem !important}
		section.post article .navegacion-producto {align-items: end; order: 99}
		section.post article .navegacion-producto .flex.row {flex-direction: row !important;}

	footer {min-height: 2rem}
		footer .espacio {width: calc(100% - 4rem); padding: 1rem 2rem }
		footer .logo {width: 100%; max-width: 100%}
				footer .columna.beneficios .encabezado {text-align: center;}
				
		footer .columna.beneficios,
		footer .columna.dos {width: 100%; flex-direction: column;}
			
		footer .columna.beneficios ul {width: 100%; gap: 1rem !important}

}



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



}