/* styles.css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: "System-ui", Geneva, Tahoma;
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
	background: linear-gradient(to bottom, #fff,#FDFBD4,rgba(250,248,132,0.9));
    font-family: "System-ui", Geneva, Tahoma;
	animation: fadeIn 1s ease-in-out;
    height: 100vh;
    overflow: hidden;
	box-sizing: border-box;
	padding:0;
}
.container{
    width: 100%;
	height: 100vh;
	max-width: 100%;
	margin:0;
	padding:0;
    transition: transform 1s ease-in-out;
}

header{
    display:flex;
    align-content:center;
    justify-content: space-between;
	background-color:#fff;
	width:100%;
	height:50px;
	padding:0;
	margin-left:0;
	margin-bottom:3px;
	box-shadow: rgba(232,185,16,0.07) 0px 1px 2px, rgba(232,185,16,0.07) 0px 2px 4px, rgba(205,92,92,0.09) 0px 4px 8px, rgba(232,185,16,0.07) 0px 8px 16px, rgba(205,92,92,0.09) 0px 16px 32px, rgba(232,185,16,0.07) 0px 16px 32px;
}
header .header-wrapper{
	height:50px;
	width:14.5rem;
	float:left;
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-radius: 10px;
	padding: 0px 2rem;
	//background-color:blue;
}
header .header-wrapper img{
    width:43px;
}
header .header-wrapper .header-title{
	width:115px;
}
header .volver{
	cursor:pointer;
	//margin:auto;
	//background:red;
	margin-right:15px;
	margin-top:18px;
	width:1rem;
	float:right;
}
header .volver i{
	font-size:1.2rem;
	font-weight:bold;
	cursor:pointer;
	color:#FF5733;
	float:right;
	margin-right:2%;
}
header nav{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top:0;
	float:right;
	height: 53px;
	width: 20rem;
	background:transparent;
}
header nav .menu{
	width:98%;
	padding:4px;
	background:transparent;
	display:flex;
	gap:5%;
	align-items: center;
	flex-wrap: wrap;
	margin-left:2%;
}
header nav .menu div #alerta{
	position:absolute;
	background:red;
	color:white;
	left:0.7rem;
	top:-0.4rem;
	z-index:1;
	padding:0.2rem 0.35rem;
	border-radius:50%;
	font-size:0.6rem;
	font-weight:700;
}
header nav .menu div a i{
	color:#FFD580;
	font-size:1.2rem;
	font-weight:700;
}
header nav .menu div a i:hover{
	color:#FF5733; 
}

/* ------------ iframe -----------------------*/
iframe{
	box-sizing:border-box;
	margin-top:0.3%;
	margin-left:0.2%;
	width:99.6vw;
	height:calc(100vh - 67.9px);
	display:flex;
	justify-content:center;
	/* align-content:center;
	align-items:center; */
	flex-wrap:nowrap;
	background:rgba(253,251,212,0.2);
	border:none;
	overflow-y:scroll; 
	transition: all 2s ease-in-out;
	padding:0;
}

/* -------------- Responsive ------------------
@media (max-width: 952px){
	.enlace{
		padding-left: 10px;
		width:35%;
	}
	nav ul li a{
		font-size: 16px;
	}
}*/
@media (max-width: 768px){
	
	.container{
		width: 99vw;
	}
	header{
		height:auto;
		padding:0;
		width: 100vw;
		display:block;
	}
	header .volver{
	
	}
	header .header-wrapper{
		//width:100vw;
	}
	header .header-wrapper img{
		margin-left:0;
	}
	header nav{
		//width:100vw;
		float:right;
	}
	iframe{
		height:91vh;
		width:99vw;
		margin-left:0;
	}
}
	/* .checkbtn{
		display: block;
	}
	ul{
		position: fixed;
		width: 100%;
		height: 100vh;
		background: #2c3e50;
		top: 50px;
		left: -100%;
		text-align: center;
		transition: all .5s;
	}
	nav ul li{
		display: block;
		margin: 50px 0;
		line-height: 30px;
	}
	nav ul li a{
		font-size: 15px;
		padding: 9px 43px;
		//box-shadow: rgba(150, 150, 193, 0.25) 0px 25px 50px -10px, rgba(100, 100, 100, 0.3) 0px 15px 30px -15px, rgba(110, 137, 164, 0.35) 0px -1px 3px 0px inset;
	}
	li a:hover, li a.active{
		background: none;
		color: red;
	}
	#check:checked ~ ul{
		left:0;
	} */