/* MEDIA QUERIES ------------------------------------------------------------------------------------------------------------------ */


/* Pantalla 3480x2160 16:9 4K -------------------------- */
@media only screen and (min-width:2561px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.hide-screen { display:none !important; }

	#login {
		top: 50%;
		right: 50%;
		width: 800px;
		padding: 40px;	
	}

	#contenido {
		padding: 20px;
	}

	body#HOME #contenido #info {
		min-height: 1250px;
		padding: 0px 50% 0px 40em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 200px;
		font-size: 3em;
	}
	
	body#HOME #contenido #info p {
		font-size: 2em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 80px 20em;
	}
	
	body#HOME #contenido #caracteristicas h2 {
		font-size: 3em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		font-size: 2em;
	}

	body#HOME #contenido .caracteristica img {
		width: 250px;
	}

	body#HOME #contenido #caracteristicas .caracteristica p {
		font-size: 1.5em;
	}

	body#HOME #contenido #unete {
		padding: 80px 40em;
	}

	body#HOME #unete h2 {
		font-size: 3em;
	}

	body#HOME #unete .modalidad {
		width: 40%;
	}

	body#HOME #unete .modalidad img {
		height: 70px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 2em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 1.5em;
	}

	body#HOME #unete p {
		font-size: 1em;
	}

	body#info #contenido {
		padding: 100px 40em 20px 40em;
	}

	.bNovedadesP {
		width: calc(25% - 50px);
		padding: 40px;
	}

	.bNovedadesP > div {
		width: calc(45% - 40px);
	}

	.slideNovedadesP {
		width: 50%;
	}

	.bNovedadesS {
		margin-top: 50px;
		padding: 30px;
	}

	.bNovedadesS h3 {
		margin: 0px 0px 30px 0px;
	}
	
	.bPortada {
		width: calc(25% - 50px);
		padding: 30px;
	}

	.bPortada h3 {
		margin: 0px 0px 30px 0px;
	}

	.bCriticas {
		width: 50%;
		padding: 30px;		
	}

	.bCriticas h3 {
		margin: 0px 0px 30px 0px;
	}

	.slideUltimasCriticas {
		height: calc(100% - 50px);
	}

	.slideEfemerides {
		height: calc(100% - 50px);
	}

	.bPortada .swiper-pagination, .bCriticas .swiper-pagination {
		bottom: 6px !important;
	}
	
	.cabNoticias {
		margin: 50px 0px 40px 0px;
		padding: 30px;
	}

	.noticia {
		width: calc(20% - 30px);
		margin-bottom: 40px;
	}
	
	.noticia:nth-last-child(-n+5) {
		margin-bottom: 10px;
	}
	
	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}


/* Pantalla 2560x1440 16:9 2K -------------------------- */
@media only screen and (min-width:1921px) and (max-width: 2560px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.hide-screen { display:none !important; }

	#login {
		top: 50%;
		right: 50%;
		width: 600px;
		padding: 40px;	
	}

	#contenido {
		padding: 20px;
	}

	body#HOME #contenido #info {
		min-height: 1000px;
		padding: 0px 50% 0px 30em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 100px;
		font-size: 3em;
	}
	
	body#HOME #contenido #info p {
		font-size: 1.8em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 80px 15em;
	}
	
	body#HOME #contenido #caracteristicas h2 {
		font-size: 3em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		font-size: 1.8em;
	}

	body#HOME #contenido .caracteristica img {
		width: 150px;
	}

	body#HOME #contenido #caracteristicas .caracteristica p {
		font-size: 1.5em;
	}

	body#HOME #contenido #unete {
		padding: 80px 30em;
	}

	body#HOME #unete h2 {
		font-size: 3em;
	}

	body#HOME #unete .modalidad {
		width: 40%;
	}

	body#HOME #unete .modalidad img {
		height: 70px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 2em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 1.5em;
	}

	body#HOME #unete p {
		font-size: 1em;
	}

	body#info #contenido {
		padding: 100px 30em 20px 30em;
	}

	.bNovedadesP {
		width: calc(25% - 50px);
		padding: 40px;
	}

	.bNovedadesP > div {
		width: calc(45% - 40px);
	}

	.slideNovedadesP {
		width: 50%;
	}

	.bNovedadesS {
		margin-top: 50px;
		padding: 30px;
	}

	.bNovedadesS h3 {
		margin: 0px 0px 30px 0px;
	}
	
	.bPortada {
		width: calc(25% - 50px);
		padding: 30px;
	}

	.bPortada h3 {
		margin: 0px 0px 30px 0px;
	}

	.bCriticas {
		width: 50%;
		padding: 30px;		
	}

	.bCriticas h3 {
		margin: 0px 0px 30px 0px;
	}

	.slideUltimasCriticas {
		height: calc(100% - 50px);
	}

	.slideEfemerides {
		height: calc(100% - 50px);
	}

	.bPortada .swiper-pagination, .bCriticas .swiper-pagination {
		bottom: 6px !important;
	}
	
	.cabNoticias {
		margin: 50px 0px 40px 0px;
		padding: 30px;
	}

	.noticia {
		width: calc(20% - 30px);
		margin-bottom: 40px;
	}
	
	.noticia:nth-last-child(-n+5) {
		margin-bottom: 10px;
	}	

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}


/* Pantalla 1920x1080 16:9 ----------------------------- */
@media only screen and (min-width:1681px) and (max-width: 1920px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.hide-screen { display:none !important; }

	#login {
		top: 50%;
		right: 25%;
		width: 450px;
		padding: 30px;	
	}

	#contenido {
		padding: 20px;
	}

	body#HOME #contenido #info {
		min-height: 700px;
		padding: 0px 50% 0px 20em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 80px;
		font-size: 2em;
	}
	
	body#HOME #contenido #info p {
		font-size: 1.2em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 80px 10em;
	}

	body#HOME #contenido #caracteristicas h2 {
		font-size: 2em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		font-size: 1.2em;
	}
	
	body#HOME #contenido .caracteristica img {
		width: 128px;
	}	

	body#HOME #contenido #unete {
		padding: 80px 20em;
	}

	body#HOME #unete h2 {
		font-size: 2em;
	}
	
	body#HOME #unete .modalidad {
		width: 40%;
	}

	body#HOME #unete .modalidad img {
		height: 50px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 1.5em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 1em;
	}

	body#HOME #unete p {
		font-size: 1em;
	}

	body#info #contenido {
		padding: 100px 20em 20px 20em;
	}

	.bNovedadesP {
		width: calc(25% - 30px);
	}

	.bNovedadesP > div {
		width: calc(50% - 35px);
	}

	.slideNovedadesP {
		width: 50%;
	}

	.bNovedadesS {
		margin-top: 30px;
	}

	.bPortada {
		width: calc(25% - 30px);
	}

	.bCriticas {
		width: 50%;
	}

	.noticia {
		width: calc(25% - 25px);
		margin-bottom: 30px;
	}
	
	.noticia:nth-last-child(-n+4) {		
		margin-bottom: 10px;
	}

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}


/* Pantalla 1680x1050 16:10 ---------------------------- */
@media only screen and (min-width:1367px) and (max-width: 1680px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.hide-screen { display:none !important; }

	#login {
		top: 50%;
		right: 25%;
		width: 450px;
		padding: 30px;	
	}

	#contenido {
		padding: 20px;
	}

	body#HOME #contenido #info {
		min-height: 650px;
		padding: 0px 50% 0px 15em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 80px;
		font-size: 2em;
	}
	
	body#HOME #contenido #info p {
		font-size: 1.2em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 80px 5em;
	}

	body#HOME #contenido #caracteristicas h2 {
		font-size: 2em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		font-size: 1.2em;
	}
	
	body#HOME #contenido .caracteristica img {
		width: 128px;
	}	

	body#HOME #contenido #unete {
		padding: 80px 15em;
	}

	body#HOME #unete h2 {
		font-size: 2em;
	}

	body#HOME #unete .modalidad {
		width: 40%;
	}
	
	body#HOME #unete .modalidad img {
		height: 50px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 1.5em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 1em;
	}

	body#HOME #unete p {
		font-size: 1em;
	}

	body#info #contenido {
		padding: 100px 15em 20px 15em;
	}

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}


/* Pantalla 1366x768 16:9 ------------------------------ */
@media only screen and (min-width:1281px) and (max-width: 1366px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.hide-screen { display:none !important; }

	#login {
		top: 50%;
		right: 25%;
		width: 450px;
		padding: 30px;	
	}

	#contenido {
		padding: 20px;
	}

	footer p {
		font-size: 0.6em;
	}

	body#HOME #contenido #info {
		min-height: 550px;
		padding: 0px 50% 0px 10em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 60px;
		font-size: 2em;
	}
	
	body#HOME #contenido #info p {
		font-size: 1em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 80px 5em;
	}
	
	body#HOME #contenido #caracteristicas h2 {
		font-size: 2em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		font-size: 1em;
	}

	body#HOME #contenido .caracteristica img {
		width: 100px;
	}

	body#HOME #contenido #caracteristicas .caracteristica p {
		font-size: 0.8em;
	}

	body#HOME #contenido #unete {
		padding: 80px 10em;
	}

	body#HOME #unete h2 {
		font-size: 2em;
	}

	body#HOME #unete .modalidad {
		width: 40%;
	}
	
	body#HOME #unete .modalidad img {
		height: 50px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 1.5em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 1em;
	}

	body#HOME #unete p {
		font-size: 0.8em;
	}

	body#info #contenido {
		padding: 100px 10em 20px 10em;
	}

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}


/* Pantalla 1280x720 16:9 ------------------------------ */
@media only screen and (min-width:1025px) and (max-width: 1280px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.hide-screen { display:none !important; }

	#login {
		top: 50%;
		right: 25%;
		width: 450px;
		padding: 30px;	
	}

	#contenido {
		padding: 20px;
	}

	footer p {
		font-size: 0.6em;
	}

	footer .brands .icons {
		display: none;
	}

	body#HOME #contenido #info {
		min-height: 500px;
		padding: 0px 50% 0px 5em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 60px;
		font-size: 1.8em;
	}
	
	body#HOME #contenido #info p {
		font-size: 1em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 80px 5em;
	}
	
	body#HOME #contenido #caracteristicas h2 {
		font-size: 1.8em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		font-size: 1em;
	}

	body#HOME #contenido .caracteristica img {
		width: 100px;
	}

	body#HOME #contenido #caracteristicas .caracteristica p {
		font-size: 0.8em;
	}

	body#HOME #contenido #unete {
		padding: 80px 5em;
	}

	body#HOME #unete h2 {
		font-size: 1.8em;
	}

	body#HOME #unete .modalidad {
		width: 40%;
	}
	
	body#HOME #unete .modalidad img {
		height: 50px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 1.5em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 1em;
	}

	body#HOME #unete p {
		font-size: 0.8em;
	}

	body#info #contenido {
		padding: 100px 10em 20px 10em;
	}

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}
	
}


/* Pantalla 1024x600 16:10 ----------------------------- */
@media only screen and (min-width:960px) and (max-width: 1024px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.hide-screen { display:none !important; }

	#login {
		top: 50%;
		right: 50%;
		width: 400px;
		padding: 20px;	
	}

	#login .flex {
		justify-content: center;
	}

	#login .boton {
		margin-bottom: 10px;
	}

	.keepPass {
		justify-content: center;
	}

	#contenido {
		padding: 20px;
	}

	footer p {
		font-size: 0.6em;
	}

	footer .brands .icons {
		display: none;
	}

	footer .brands .tmdb p {
		display: none;
	}

	body#HOME #contenido #info {
		min-height: 420px;
		padding: 0px 50% 0px 3em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 30px;
		font-size: 1.8em;
	}
	
	body#HOME #contenido #info p {
		font-size: 1em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 50px 2em;
	}
	
	body#HOME #contenido #caracteristicas h2 {
		margin: 0px 0px 50px 0px;
		font-size: 1.8em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		margin-top: 30px;
		font-size: 1em;
	}

	body#HOME #contenido .caracteristica img {
		width: 100px;
	}

	body#HOME #contenido #caracteristicas .caracteristica p {
		font-size: 0.8em;
	}

	body#HOME #contenido #unete {
		padding: 50px 3em;
	}

	body#HOME #unete h2 {
		font-size: 1.8em;
	}

	body#HOME #unete .modalidad {
		width: 45%;
	}
	
	body#HOME #unete .modalidad img {
		height: 40px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 1.5em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 1em;
	}

	body#HOME #unete p {
		font-size: 0.8em;
	}

	body#info #contenido {
		padding: 100px 10em 20px 10em;
	}

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}


/* Tablet (< 959px) ------------------------------------ */
@media only screen and (min-device-width:768px) and (max-device-width: 959px) {
	.show-mobile { display:none !important; }
	.show-screen { display:none !important; }
	.hide-tablet { display:none !important; }

	#login {
		top: 50%;
		right: 50%;
		width: 400px;
		padding: 20px;	
	}

	#login .flex {
		justify-content: center;
	}

	#login .boton {
		margin-bottom: 10px;
	}

	.keepPass {
		justify-content: center;
	}

	#contenido {
		padding: 20px;
	}

	footer p {
		font-size: 0.6em;
	}

	footer .brands .icons {
		display: none;
	}

	footer .brands .tmdb p {
		display: none;
	}

	body#HOME #contenido #info {
		min-height: 350px;
		padding: 0px 50% 0px 2em;
	}

	body#HOME #contenido #info h1 {
		padding-top: 30px;
		font-size: 1.5em;
	}
	
	body#HOME #contenido #info p {
		font-size: 0.9em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 40px 2em;
	}
	
	body#HOME #contenido #caracteristicas h2 {
		margin: 0px 0px 40px 0px;
		font-size: 1.5em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		margin-top: 30px;
		font-size: 0.9em;
	}

	body#HOME #contenido .caracteristica img {
		width: 70px;
	}

	body#HOME #contenido #caracteristicas .caracteristica p {
		font-size: 0.7em;
	}

	body#HOME #contenido #unete {
		padding: 50px 2em;
	}

	body#HOME #unete h2 {
		font-size: 1.5em;
	}

	body#HOME #unete .modalidad {
		width: 45%;
	}
	
	body#HOME #unete .modalidad img {
		height: 40px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 1.2em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 0.9em;
	}

	body#HOME #unete .paypal {
		width: 250px;
	}

	body#HOME #unete p {
		font-size: 0.7em;
	}

	body#info #contenido {
		padding: 100px 10em 20px 10em;
	}

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}

/* Mobile (portrait) ----------------------------------- */
@media only screen and (max-device-width:767px) {

	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }

	#TT {
		display: none !important;
	}

	#login {
		top: 50%;
		right: 50%;
		width: 320px;
		padding: 20px;	
	}

	#login .flex {
		justify-content: center;
	}

	#login .boton {
		margin-bottom: 10px;
	}

	.mForm p, .mUnete p, .mPerfil p {
		font-size: 0.6em !important;
	}

	.keepPass {
		justify-content: center;
	}

	#contenido {
		padding: 10px;
	}

	footer {
		padding: 10px;
		height: auto;
	}

	footer ul {
		width: 100%;
		margin-bottom: 10px;
		justify-content: space-around;		
	}

	footer li {
		font-size: 0.7em;
		margin-right: 0px;
	}

	footer li:first-child {
		display: none;
	}

	footer p {
		font-size: 0.5em;
		line-height: 15px;
	}

	footer .info {
		width: 100%;
		justify-content: center;
	}

	footer .info img {
		height: 15px;
		margin: 0px 0px 5px 0px;
	}

	footer .info p {
		width: 100%;
		text-align: center;
	}

	footer .brands {
		width: 100%;
		justify-content: center;
	}

	footer .brands > div.icons {
		display: none;
	}
	
	footer .brands > div.tmdb {
		width: 100%;
		margin: 10px 0px 0px 0px;
		justify-content: center;
	}

	footer .brands > div.tmdb img {
		margin-left: 0px;
		height: 20px;
	}
	
	footer .brands > div.tmdb p {
		display: none;
	}

	body#HOME #contenido #info {
		min-height: 400px;
		height: 400px;
		padding: 0px 10px 0px 10px;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: bottom;
	}

	body#HOME #contenido #info h1 {
		padding-top: 30px;
		font-size: 1.4em;
	}
	
	body#HOME #contenido #info p {
		font-size: 0.8em;
	}

	body#HOME #contenido #caracteristicas {
		padding: 30px 10px;
	}
	
	body#HOME #contenido #caracteristicas h2 {
		margin: 0px 0px 20px 0px;
		font-size: 1.4em;
	}
	
	body#HOME #contenido #caracteristicas > p {
		margin-top: 30px;
		font-size: 0.9em;
	}

	body#HOME #contenido .caracteristica img {
		width: 50px;
	}

	body#HOME #contenido #caracteristicas .caracteristica p {
		font-size: 0.6em;
	}

	body#HOME #contenido #unete {
		padding: 30px 10px;
	}

	body#HOME #unete h2 {
		margin: 0px 0px 30px 0px;
		font-size: 1.4em;
	}

	body#HOME #unete .modalidad {
		width: 100%;
	}

	body#HOME #unete .modalidad:first-child {
		margin-bottom: 20px;
	}
	
	body#HOME #unete .modalidad img {
		height: 40px;
	}
	
	body#HOME #unete .modalidad h3 {
		font-size: 1.2em;
	}
	
	body#HOME #unete .modalidad li {
		font-size: 0.9em;
	}

	body#HOME #unete .paypal {
		width: 250px;
	}

	body#HOME #unete form input, body#HOME #unete div.pass {
		width: 100%;
		margin-top: 20px;
	}

	body#HOME #unete .passwordStrength {
		width: 100%;
		margin-top: 10px;
		justify-content: center;
	}

	body#HOME #unete p {
		font-size: 0.7em;
	}

	body#info #contenido {
		padding: 100px 10em 20px 10em;
	}

	.grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 70px;
	}

	.gridF {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}

	.zoom1 {
		grid-template-columns: repeat(10, 1fr);
		gap: 20px;
	}
	
	.zoom2 {
		grid-template-columns: repeat(8, 1fr);
		gap: 25px;
	}
	
	.zoom3 {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	
	.zoom4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}
	
	.zoom5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.zoom1 .ITEM p {
		font-size: 0.6rem !important;
	}
	
	.zoom2 .ITEM p {
		font-size: 0.7em !important;
	}
	
	.zoom3 .ITEM p {
		font-size: 0.8em !important;
	}
	
	.zoom4 .ITEM p {
		font-size: 0.9em !important;
	}
	
	.zoom5 .ITEM p {
		font-size: 1em !important;
	}

	#temporadas .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	#UBICACIONES .grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 70px;
	}
	
	#UBICACIONES .ubicacion {
		padding-top: 120px;
	}
	
	#UBICACIONES .ubicacion .folder .b  {
		top: 10px;
		left: 20px;
	}	
		
	#UBICACIONES .ubicacion .t {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .t h2 {
		font-size: 1em;
	}	
	
	#UBICACIONES .ubicacion .i {
		left: 20px;
		top: 60px;
		width: calc(100% - 40px);
	}	
	
	#UBICACIONES .ubicacion .d {
		left: 20px;
		bottom: 10px;
		width: calc(100% - 40px);
	}
	
	#UBICACIONES .ubicacion .d h2 {
		font-size: 1em;
	}
	
	#UBICACIONES .ubicacion .d h3 {
		font-size: 0.9em;
	}	

	#LISTAS .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px;
	}

}


/* Mobile (landscape) ---------------------------------- */
@media only screen and (max-device-width:767px) and (orientation: landscape) {

	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }

	body#HOME #contenido #info {
		min-height: 410px;
		height: 410px;
	}

	body#HOME #unete .modalidad {
		width: calc(50% - 10px);
		margin-bottom: 0px !important;
	}

	body #HOME #unete form input[name='txtNombre'] {
		width: 100%;
		margin-top: 20px;
	}

	body#HOME #unete form input:not([name='txtNombre']), body#HOME #unete div.pass {
		width: calc(50% - 10px);
		margin-top: 20px;
	}

}


/* Mobile (retina) ---------------------------------- */
@media
  only screen and (-webkit-min-device-pixel-ratio: 2.5)   and (orientation: landscape),
  only screen and (   min--moz-device-pixel-ratio: 2.5)   and (orientation: landscape),
  only screen and (     -o-min-device-pixel-ratio: 2.5/1) and (orientation: landscape),
  only screen and (        min-device-pixel-ratio: 2.5)   and (orientation: landscape) {

	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }

}