@charset "utf-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-dic-2020, 7:12:29
    Author     : Miguel de Costa
    Co-author  : Isaac Rupérez Cano
*/
/* debería de ser landscape pero cubre una situción portrait 415 a 767 and (orientation: landscape)*/
@media (min-width: 415px) and (max-width: 1023px) and (orientation: landscape) {
	.outer_face{
		left: 46%;
	}
	
	.foto-vertical{
		width:18% !important;
	}
	
	#bloque-foto {
		display:none;
		max-width:83%;
		padding-left:8%;
		padding-right:8%;
		justify-content:center
	}

	#bloque-texto-dinamico{
		width:98%;
		height: 80%;
		top: 10%;
	}

	/*modificado*/
	div.subcontainer {
		width: 25%;
		margin: 0 1.5%;
	}

	div.subcontainer-info{
		position: absolute;
		bottom: 20%;
		right: 10%;
		/*width: 55%;*/
		width: 320px;
		height: 54%;
	}

	.div-foto {
		display:none;
		text-align: center;
		cursor: pointer;
	}

	#texto {
		margin: 0 auto;
		width:100%;
		cursor: pointer;
	}

	.class-texto-dinamico{
		display:none;
		position:absolute;
	}

	#boton-cierra-info{
		display:none;
	}

	.enlace{
		cursor: pointer;
	}

	/*.botonera-info{
		right: 4%;
		bottom:	4%;
	}*/
	
	.botonera-info{
		right: 40px;
		bottom:	40px;
	}

	.boton-info{
		width: 29px;
		height: 29px;
	}
	
	
	#bloque-reloj{
		height: 47px;
		margin-top:20px;
	}

	#subcontainer-reloj{

	}

	.img-reloj{
		height: 100%;
	}

	#reloj{

	}
}

@media (min-width: 415px) and (max-width: 1023px) and (orientation: landscape) and (max-height: 640 px) {
	body {
	  height: 640px;
	}
	.container, .container-credits{
		height: 640px;
	}
	
}