@charset "UTF-8";
/* CSS Document */
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
/* ====================== */
.vermas {
	border: none;
	background: none;
	width: 60vw;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 10000;
	position: relative;
}

.vermas-info{
	overflow: scroll;	
	padding: 0;
	border-radius: 0;
	position: absolute;
	left: 0;
	top: 0;
	max-height: 100%;
	height: 100%;
	width: 50%;
	padding: 0;
}	

.vermas-info.izq{
	left: 50%;
}	
.vermas-info div.blur{
	position: absolute;
	width: 80%;
	min-height: 100%;
	padding: 0 10%;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
text-align: right;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column nowrap;
font-size: .9em;
color: rgba(225, 228, 218, 1);
text-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
}

.vermas-info div.blur:before{
	width: 110%;
	height: 100%;
	position: fixed;
	left: -10%;
	z-index: 0; 
	 content: '';
	background: url("../img/patternblack.png");
	background-repeat: repeat;
	background-size: 2px;
	opacity: .15
}

.vermas-info a{
	font-size: 1.5em;
	margin-top: .75em;
	color: rgba(225, 228, 218, 1);
	text-shadow: none;
	filter: drop-shadow( 0 0 4px rgba(0, 0, 0, 0.3) );
	border-right: 1px solid rgba(225, 228, 218, .5);
	padding-right: .5em;
}			
	
.vermas-btn{
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	color: rgba(225, 228, 218, 1);
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 30%;
	padding: .5em 10%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	border-radius: 0 0 5px 5px;
}

.vermas-btn p{
	font-weight: 400;
}

.vermas-btn.der{
	left: 0;
}

.vermas-btn span{
	font-size: 1.5em;
	float: right;
	filter: drop-shadow( 0 0 2px rgba(0, 0, 0, 0.5) );
	color: rgba(246, 239, 9, 1);
}