/* Macbook */
@media screen and (min-width: 1334px) and (max-width: 1555px) {

}

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

}

@media screen and (min-width: 1440px) and (min-height: 800px){

header .espaciologo {min-width: 30vw;}

}


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


@media screen and (min-width: 1025px) and (max-width: 2100px) {

}

@media screen and (min-width: 841px) and (max-width:1024px) {

}

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

	header.act {top: 0px;}
header .espacio.top nav {display: none;}
header.act .espacio.derecho {  width: calc(40% - 40px); top: 0px;display: inline-block; padding: 0; right: 60px;}
	header .espacio.derecho,
	header .espacio.izquierdo {display: none;}
header.act .espaciologo {display: block}
	header .espacio.derecho h2 {font-size: 16px; padding: 0}
header.menu .espacio.izquierdo {width: calc(100% - 40px); padding: 20px; }
	header .espacio nav ul li {display: block; margin: 0 0 20px;}
header .espacio nav ul{margin-top: 40px; text-align: left;}

#home {overflow-x: hidden;}


/************************+
Páginas  */


section {width: calc(100% - 40px); padding: 20px;}
section input {margin-top:0}

.columna.dos {width: 100%; min-height: calc(50vh - 80px); padding: 0;}
.columna.tercio,
.columna.tres {width: 100%; min-height: 240px}
.columna .cajatexto {width:calc(100% - 0px); padding: 0}
	.centrado {width: 100%;}
	.encabezado {top: 0; transform: translateX(-50%); position: relative;}
	.centrado .encabezado {transform: translate(0,-20%);}

section.portada {height: calc(100vh - 80px); min-height: 100vh; top: 80px}
	section.portada .columna.dos.fl{min-height: calc(50vh - 80px); height:calc(50vh - 80px)}
	section.portada .columna.dos.fr{min-height: calc(40vh - 80px); height:calc(50vh - 80px)}
	section.portada .columna.dos h2{font-size: 24px; text-align: center;}

	section.info {width: calc(100% - 40px); padding: 20px}
	section.info .imagenfondo {min-height:320px; width: 100%; max-width: 100%;}
	section.info .columna .cajatexto  {position: relative; top: 0; transform: none; left: 0; min-height: 320px}

section.info .columna.dos.fl {min-height: 320px; height: calc(30vh - 80px)}
section.info .columna.dos.fr .centrado {position: relative; top: inherit; left: inherit; transform: none;}
section.info .columna.dos.fr .centrado .encabezado {position: relative; transform: none;}
section.info .columna.dos.fr .centrado .encabezado h1 {font-size: 32pt; margin-top: 20px}
section.info .columna.extended .cajatexto {column-count: 1; padding: 0; width: 100%; border: none}
section.info p {font-size: 12pt}



section.videos .espaciovideo iframe {width: 100%; min-height: 240px; padding: 20px 0}
section.videos {min-height: 360px}

section.info ul.grid.personas .fotograma {width: 240px; height: 240px}
section.info ul.grid.personas .fotograma .imagenfondo {min-height: 240px}
section.info ul.grid.personas li .infopersona {width: 100%; padding: 20px 0}
section.info ul.grid.personas li .infopersona h2 {font-size: 24pt}
section.info ul.grid.personas li .infopersona h3 {font-size: 18pt}
section.info ul.grid.personas li .infopersona h4 {font-size: 12pt}
section.info ul.grid.personas li .infopersona span.boton {width: 100%; display: block; max-width: 100%}

section.info ul.grid.personas li.par .infopersona, section.info ul.grid.personas li.par .infopersona h2 {text-align: center;}

section.portada.singlepost {height: auto}
	section.singlepost .logo.post {top: -75px; left: 40px; width: calc(100% - 80px);min-height: 80px}
section.singlepost .columna.dos.fl .fotograma {width: calc(100vw - 80px); height: calc(100vw - 80px); margin: 0 auto}
section.singlepost .columna.dos.fr h1 {font-size: 24pt}
section.singlepost .columna.dos.fr h2 {font-size: 18pt}
	
	section.portada .columna.maintext p {font-size: 12pt}
section.portada .columna.maintext {column-count: 1;
	width: 100%;
	    padding: 0;
	    display: inline-block;}
	section.pagina iframe {min-height: 320px;}
	section.pagina .cajatexto {column-count: 1}

	ul.grid.cuatro li {width: calc((100% / 2) - 40px)}

	.espaciofooter {display: none;}




footer {max-height: fit-content; position: relative; padding-top: 100px; min-height: calc(100vh + 160px);}
	footer .columna .columna {font-size: 12pt; max-height: 240px}
	footer .columna .columna p {text-align: center;}
	footer.act .columna .cajatexto {top:0; transform: none}
	footer.act .columna.logo.tres {min-height: 320px;  position: absolute; top: 50vh; left: 0; max-height: inherit; vertical-align: bottom;}

footer .columna h1 {text-align: center; margin: 0}
footer .columna h2 {text-align: center;}
footer .columna.tres {text-align: center; padding-top: 0}
footer .columna.tres nav {width: calc(100% - 0px); margin: 0 auto; display: block; padding: 0 0 0px}

	footer .columna .columna {min-height: 100px}
	footer nav.redes a {padding: 0 20px}
	footer.act .columna.tercio {width: 100%;}

ul.grid li {width: calc(100% - 20px); margin: 10px 10px 60px}
section.catalogo .barrainfo {min-height: fit-content}

}


/* Celulares muy chiquitos */

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


}

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



}


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



}