@charset "UTF-8";
/* CSS Document */

.opcion-flotante{
	position: fixed;
	left:0.5rem;
	top:calc(100vh - 7rem);
	transition: top 0.5s;
}
.opcion-flotante.verpie{
	top:calc(100vh - 19.5rem);
}
.opcion-flotante a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.opcion-flotante a span{
	position: absolute;
	white-space: nowrap;
	text-overflow: clip;
	overflow: hidden;
	/*right: calc(100% - 1.4rem);*/
	left: calc(100% - 0.2rem);
	background-color: var(--eva-fondo-suave);
	padding: 0.2rem 0.7rem;
	border-radius: 0 0.5rem 0.5rem 0;
	width: 64px;
	word-spacing: 13px;
	transition: width 0.5s, word-spacing 0.5s;
} 
.opcion-flotante a:hover span{
	width: 140px;
	word-spacing: 0px;
}
.opcion-flotante i{
	position: relative;
	display: inline-flex;
	border:solid 10px var(--eva-fondo-suave);
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	color: var(--eva-color-primario-contraste);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	background-color: var(--eva-color-primario);
}
.opcion-flotante a:hover i{
	background-color: var(--eva-color-primario-hover);	
}
.cardmanual{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	border-radius: 1rem;
	padding: 1.2rem 1rem;
	height: calc(100% - 2rem);
	margin-bottom: 2rem;
}
.cardmanual h2{
	background-color: var(--eva-fondo-suave);
	/*color: var(--eva-color-primario);*/
	font-size: 1.6rem;
	text-transform: uppercase;
	/*padding: 0.5rem 1rem;*/
	border-radius: 0.6rem;
	min-height: 3.6rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	padding-left: 5.5rem;
	padding-right: 0.5rem;
}
.cardmanual h2::before{
	font-size: 2rem;
	position: absolute;
	left: -0.5rem;
	top: -0.7rem;
	width: 5rem;
	height: 5rem;
	background-color:var(--eva-color-primario);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color:var(--eva-color-primario-contraste);
}
.cardmanual.manualopcion{
	margin-top: 2rem;
	font-size: 1.7rem;
	margin-bottom: 4rem;
	height: calc(100% - 4rem);
}
.cardmanual.manualopcion > *:not(h2:first-child){
	margin-left:2rem;
	margin-right: 2rem;
	margin-bottom: 2rem;
}
.cardmanual.manualopcion ul.list-group{
	font-size: 1.5rem;
}
.cardmanual.manualopcion > svg, .cardmanual.manualopcion > img, .cardmanual.manualopcion > embed, .cardmanual.manualopcion > object{
	max-width: calc(100% - 4rem);
}
.cardmanual.manualopcion .figure{
	background-color: rgba(0,0,0,0.03);
	border-radius:1rem;
	padding: 1.5rem;
	display: block;
}
.cardmanual.manualopcion .figure svg, .cardmanual.manualopcion .figure img, .cardmanual.manualopcion .figure embed, .cardmanual.manualopcion .figure object{
	margin-left: auto;
	margin-right: auto;
}
.cardmanual.manualopcion .figure .figure-caption{
	margin-top: 1rem;
}
.cardmanual.manualopcion p{
	margin-bottom: 2rem;
}
.cardmanual.manualopcion h2::before{
	background-color: #fff;
	color:#000;
	box-shadow: 0px 0px 0px 2px var(--eva-fondo-suave) inset;
}
.cardmanual.manualopcion hr{
	border-top:dotted 2px #ccc;
	margin:3rem 0 2rem;
	opacity:1;
}
.cardmanual.manualopcion h2{
	margin-bottom: 4rem;
}
.cardmanual.cardadmin h2{
	background-color: var(--eva-color-secundario);
	color: var(--eva-color-secundario-contraste);
}
.cardmanual.cardadmin h2::before{
	background-color: #fff;
	color: #000;
	box-shadow: 0px 0px 0px 2px var(--eva-color-secundario) inset;
}
.cardmanual.cardadmin h2::after{	
	font-size: 3rem;
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:"\f3e2";
	position: absolute;
	right:1rem;
	bottom:-1.7rem;
	color:#000;
	background-color: #fff;
	padding: 0.3rem;
	border-radius: 50%;
}
.cardmanual ul{
	list-style: none;
	padding-left: 0.7rem;
	margin-top: 1.5rem;
	margin-bottom: 0;
}
.cardmanual ul.list-group{
	padding-left: 0;
}
.cardmanual ul ul{
	margin-top:0.5rem;
	padding-left: 2rem;
}
.cardmanual ul li a{
	text-decoration: none;
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.cardmanual.manualopcion ul li a{
	display: inline;
}
/*.cardmanual ul li:last-of-type > a{
	margin-bottom: 0;
}*/
.cardmanual ul li a::before{
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f3b9";
	color:#aaa;
	margin-right: 0.5rem;
	font-size: 1.8rem;
}
.cardmanual ul li a.titopcion::before{
	content: "\f3d3";
	font-size: 2rem;	
}
.cardmanual ul li.manualdesp a.titopcion::before{
	content: "\f3d2";
}
.cardmanual.manualopcion ul li a::before{
	display: none;
}

/* DESPLEGABLE */
.faq{
		
}
.faq .titopcion {
	display: flex;
	cursor: pointer;
}
.faq .titopcion::after {
	display: inline-flex;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	content: "\f282";
	width: 1.8rem;
	height: 1.8rem;
	font-size: 1.8rem;
	justify-content: center;
	align-items: center;
	transition: transform 0.25s ease-in;
}
.faq .content-manual {
	height: 0px;
	overflow-y: hidden;
	transition: height 0.25s ease-in;
}
.faq.manualdesp{
	position: relative;
}
.faq.manualdesp::before{
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	background-color: #ddd;
	height: calc(100% - 4rem);
	left:0.8rem;
	top:2.1rem;
}
.faq.manualdesp .titopcion::after{
	transform: rotate(180deg);
}
.faq .titopcion span{
	width: calc(100% - 5rem);
	display: block;
	margin-right: 0.9rem;
}
.faq.manualdesp .titopcion span{
	color:#000;
}
/* FIN DESPLEGABLE */

@media ( min-width: 782px ) {
	.opcion-flotante.verpie {
		top: calc(100vh - 14.5rem);
	}
}