/* iMac */
@media screen and (min-width: 1640px) {
	/* section.pagina {width: calc(100% - 32em); padding: 0 16em} */
	
	section .contenedor {width: inherit; max-width: 1280px !important;}
	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) {

	section.galeria.proyectos {height: calc(100vh - 76px - 2rem); max-height: calc(100vh - 76px - 2rem);}



	header {mix-blend-mode: normal;}
	header a#menu,
	header .espacio .izq,
	header .espacio .der {display: none;}
	header .espacio {
		width: calc(100% - 2rem);
		max-width: 600px;
		padding: 1.25rem 1rem;
		flex: 1 1 auto;
	}
	header .menu {
		position: relative;
		top: auto;
		display: inline-flex;
		flex: 1 1 100%;
		flex-direction: row;
		width: 100%;
		opacity: 1;
	}
	header .espacio nav > ul {
		position: relative;
		width: 100%;
		min-height: 76px;
		flex-direction: row;
		border-radius: 2.5rem;
		background-color: rgba(20, 17, 12, .68);
		box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
		-webkit-backdrop-filter: blur(16px);
		backdrop-filter: blur(16px);
	}
	header .espacio nav > ul > li > a {
		width: auto;
		min-height: 76px;
		padding: 0 clamp(.35rem, 2.5vw, 1rem);
		border-radius: 0;
		font-size: clamp(.5rem, 2.15vw, .68rem);
	}
	header .espacio nav > ul > li:first-child > a {
		padding-top: 0;
		border-radius: 2.5rem 0 0 2.5rem;
	}
	header .espacio nav > ul > li:last-child > a {
		padding-bottom: 0;
		border-radius: 0 2.5rem 2.5rem 0;
	}

	/* 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 {min-height: 120px;}
	section#portada h4.display {text-align: center; width: 80%}

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


	/* Beneficios */
	section#beneficios {min-height: 100vh; background-color: var(--color-contraste)}
	section#beneficios .contenedor.row {height: 100%; flex-direction: column !important; align-self: stretch; padding: 8rem 1rem 0rem; justify-content: space-between; gap: 8rem !important}
	section#beneficios figure.fotograma {top: 0; width: 100%; border-radius: 0 0 20% 20%; min-height: 55%; background-position: 80% 50%}
	section#beneficios figure.fotograma .deg {border-radius: 0 0 20% 20%; opacity: .88}


	/* Creatina */
	section.image {background-color: var(--color-contraste); color: var(--color-claro); min-height: auto; flex-direction: column; justify-content: flex-start;}
	section.image .contenedor {width: calc(100% - 4rem); padding: 4rem 2rem; flex-direction: column; order: 1}
	section.image .contenedor h5 {flex: auto}

	section.image .contenedor :is(h3.display, ul) {width: 100%}
	section.image .contenedor ul li {font-size: 16px}

	section.image figure.imagenfondo {background-attachment: inherit; position: relative; order: 2; min-height: 100vh; height: inherit;}
	section.image figure.imagenfondo .deg {opacity: 0;}

	section#formula {height: 120vh}
	section#formula .contenedor {flex-direction: column !important}
		section#formula .columna.dos,
		section#formula .columna.texto {width: calc(100% - 4rem); padding: 4rem 2rem; position: relative;}
		section#formula h2.display {font-size: 24px}
		section#formula .columna {top: -12%;}
		section#formula .columna.imagen {min-height: 50vh;border-radius: 40% 45% 50% 40%}
		section#formula .columna.imagen figure {width: calc(100% - 4rem); height: 70%;}
		section#formula .columna.imagen span.boton {padding-bottom: 0rem}

	footer {min-height: 100px}
		footer .espacio {display: grid; grid-template-columns: 1fr; width: calc(100% - 1rem); padding: .65rem .5rem; gap: .55rem}
		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.dos:first-child {order: 1;}
		footer .columna.dos:last-child {order: 2;}
		footer .footer-actions {justify-content: space-between; flex-wrap: nowrap;}
		footer .footer-form form {grid-template-columns: auto minmax(30px, 1fr) auto; gap: .45rem;}
		footer .footer-form label,
		footer .footer-form button,
		footer nav.redes a,
		footer nav.idiomas a {font-size: clamp(.48rem, 1.8vw, .65rem);}
		footer .footer-form button {padding: .3rem .7rem;}
		footer nav.redes {gap: clamp(.65rem, 3vw, 1.25rem);}
		footer nav.idiomas {gap: .3rem;}
			
		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) {



}