@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

:root {
  --blue: #157FFB;
  --blue-demon: #061d57;
}
.container {
	border-radius: 10px;
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1280px;
	}
}
body {
	font-family: 'Poppins', sans-serif;
	background-color: #F5F5F5;
}
a:hover {
	text-decoration: none;
	color: var(--blue);
}
/***Plantilla***/
.rol-select h2 {
	font-weight: 600;
    color: var(--blue);
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 15px;
    text-align: center;
}

.rol-select a {
	width: 35%;
	max-width: 20%;
	height: 250px;
  background: #fff;
  border-top-right-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 14px 26px rgba(0,0,0,0.04);
  transition: all 0.3s ease-out;
  text-decoration: none;
  cursor: pointer;
}
.rol-select a:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0,0,0,0.11),
    0 24px 46px var(--box-shadow-color);
}
.rol-select a:active {
  transform: scale(1) translateZ(0);
  box-shadow: 0 15px 24px rgba(0,0,0,0.11),
    0 15px 24px var(--box-shadow-color);
}
.rol-select a:last-child {
	border-right: 2px solid #FFF;
}
.rol-select a.rol-f2f .overlay {
	background-color: #CEB2FC;
}
.rol-select a.rol-sbs .overlay {
	background-color: #ffd861;
}
.rol-select a.rol-consumer .overlay {
	background-color: #B8F9D3;
}
.rol-select a:hover .overlay {
    transform: scale(4) translateZ(0);
}
.rol-select a .overlay {
    width: 100px;
    position: absolute;
    height: 100px;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 0;
    transition: transform 0.3s ease-out;
    z-index: 1;
}
.rol-select a.rol-f2f figure:after {
	border:2px solid #CEB2FC;
}
.rol-select a.rol-sbs figure:after {
	border:2px solid #ffd861;
}
.rol-select a.rol-consumer figure:after {
	border:2px solid #B8F9D3;
}
.rol-select a figure:after {
	transition: transform 0.3s ease-out;
	content: '';
	width: 120px;
	height: 120px;
	position: absolute;
	border-radius: 50%;
	left: -10px;
	top: -10px;
	z-index: 2;
}
.rol-select a figure:before {
	content: '';
	width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: transform 0.3s ease-out;
    z-index: 2;
    opacity: 0;
}
.rol-select a:hover figure:after {	
	border:2px solid #FFF;
}
.rol-select a figure {
	transition: transform 0.3s ease-out;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	padding: 10px;
	z-index: 2;
}
.rol-select a.rol-f2f:hover figure:before {	
	background-color: #F0E7FF;
    opacity: 1;
}
.rol-select a.rol-sbs:hover figure:before {	
	background-color: #ffeeba;
    opacity: 1;
}
.rol-select a.rol-consumer:hover figure:before {	
	background-color: #e2fced;
    opacity: 1;
}
.rol-select a figure img {
	width: 100%;
	z-index: 2;
	position: relative;
}
.rol-select a h3 {
	transition: transform 0.3s ease-out;
	font-size: 17px;
	font-weight: 400;
	position: relative;
	z-index: 2;
	text-align: center;
	color: #777;
	margin-top: 10px;
} 
.rol-select a:hover h3 {
	color: #FFF;
}
#menuAct {
	display: none;
}
.menu-bottom {
	display: none !important;
}
.not-menu {
	position: relative;
}
.bullet-not {
	position: absolute;
	top: -2px;
	right: 0;
	display:block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #D00909;
}
.menu {
	background: transparent url('../img/nav_pattern2.png') 0% 0% repeat padding-box;
	background-position: bottom;
	position: relative;
	padding-bottom: 190px;
	padding-top: 1em;
}
.menu:after {
	content: '';
	width: 100%;
	height: 190px;
	background: transparent url('../img/nav_pattern.png') 0% 0% no-repeat padding-box;
	background-position: bottom;
	position: absolute;
	bottom: 0;
	left: 0;
}
#activeMenuScript span {
	position: relative;
}
#activeMenuScript span:before {
	content: '';
	height: 30px; 
	border-radius: 50%;
	width: 30px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	background-color: var(--blue);
}
#activeMenuScript span:after,
#activeMenuScript span i:after,
#activeMenuScript span i:before {
	content: '';
	display: block;
	top: 8px;
	right: 50%;
	transform: translate(50%,0);
	width: 15px;
	height: 2px;
	background-color: #FFF;
	position: absolute;
	transition: 0.5s;
} 
#activeMenuScript span i:after {
	top: 12px;
} 
#activeMenuScript span i:before {
	top: 16px;
} 
.menuAzul #activeMenuScript span i:after,
.menuAzul #activeMenuScript span i:before {
	width: 8px;
	transform: translate(calc(50% + 3px),0);
	transition: 0.5s;
}
.script-modelo {
	font-size: 14px;
}
.script-modelo h3 {
	font-size: 16px;
}
.script-modelo p {
	font-size: 14px;
	margin-bottom: 5px;
}
li[class^='ocultScriptMen-']{
	display: none;
	padding-left: 15px;
	color: #5A6679;
}
ul.menuTest li a.s-m-encabezado {
	color: #000;
}
ul.menuTest li a.s-m-encabezado span {
	display: inline;
	font-size: 16px;
	margin-right:0 ;
}
.menuheader mat-icon {
	cursor: pointer;
}
.menuheader label .navbar-search-open {
	display: flex;
}
.menuheader p {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0;
}
.menuheader a,
.menuheader label {
	color: var(--blue);
}
.dropdown-menu a {
	color: #333;
	font-size: 12px;
}
.menuheader label {
	text-align: right;
}
.menuheader .form-control {
	background-color: #f5f5f5;
    border-color: #e8e8e8;
    color: rgba(52,58,64,.8);
}
.menuheader {
	position: relative;
}
.menuheader .navbar-search-block {
	position: absolute;
	left: -275px;
	width: 230px;
	top: 0;
	display: none;
}
.menuheader .input-group-append button.btn,
.menuheader .input-group-append span.btn {
	line-height: 0;
	padding: 0 5px;
	background-color: #f5f5f5;
}
footer a,
footer p {
	font-size: 14px;
	font-weight: 400;
	color: #5A6679;
}
footer a.f-tel {
	color: var(--blue);;	
}
.m-indice {
	margin-bottom: 10px;
}
.m-indice {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.icon-sec a:first-child {
	padding-right: 10px;
}
.menu-bottom {
	display: none;
}

/***Home***/
.guia-MO,
.guia-Constr {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.cerr-guia {
	position: absolute;
	top: 9%;
	left: 10%;
	width: 240px;
}
.ocultar-guia {
	display: none;
}
.guia-MO figure img,
.guia-Constr figure img {
	width: 100%;
}
.guia-Constr {
	background-color: rgba(0, 0, 0, 0.5);
}
.pagConstruccion figure {
	width: 110px;
	display: inline-block;
}
.pagConstruccion h3 {
	font-weight: 400;
    color: var(--blue);
    font-size: 26px;
    margin-bottom: 20px;
}
.pagConstruccion p{
	font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}
#cerrar-pag-const {
	padding: 7px 25px;
	border-radius: 25px;
}
.pagConstruccion {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	transform: translate(-50%,-50%);
	text-align: center;
	background-color: #FFF;
	padding: 50px;
	border-radius: 15px;
}

/***Menu-lateral***/
nav ul li {
	margin-bottom: 15px;
}
nav li a, nav li div {
	font-weight: 400;
	color: #000;
	font-size: 14px;
	margin-right: 5px;
	position: relative;
	vertical-align: middle;
}
nav li > a > span.icons-prin-circle,
nav div span.material-icons-outlined {
	font-size: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
nav li a:hover, 
nav li a.active,
nav li div:hover, 
nav li div.active,
nav ul > li div.active a {
	color: var(--blue);
}
nav li a mat-icon {
	vertical-align: middle;
	margin-right: 5px;
}
nav li a .styled-element {
	vertical-align: middle;
    margin-right: 10px;
    margin-left: 3px;
}
nav li a:hover .styled-element,
nav li a.active .styled-element { 
	stroke:var(--blue) 
}
.styled-element {
	fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;
}
nav ul li ul li {
	margin-bottom: 0;
	list-style: none;
}
nav ul li ul li a {
	font-size: 12px;
}
/*****Script******/
.script-modelo .model-80 {
	max-width: 75%;
}
.Script .bg-warning{
	padding: 0 5px;
	color: #000;
}
.Script .text-info {
padding: 0 5px;
font-weight: 600;	
}
.Script .card {
	width: 100%;
}
.Script .d-text-g {
	text-align: left;
}
.Script .d-text-g p {
	color: #444;
	display: block;
	width: 100%;
}
.Script .d-text-g li {
	color: #444;
	width: 100%;
}
.Script .d-text-g h2 {
	font-size: 18px;
	font-weight: 600;
}
.Script .d-text-g p {
	margin-bottom: 10px;
}
.Script .d-text-g table {
	width: 100% !important;
	margin-bottom: 15px;
}
.nav-item span.hm-expansiv {
	position: absolute;
	right: 0;
	top: 10px;
}
.d-script figure {
	width: 100%;
}
.Script .d-text-g label p {
	margin-bottom: 0;
}
.d-script label {
	display: flex;
	align-items: center;
}
.d-script label input {
	margin-right: 5px;
}
.d-script figure img {
	width: 100%;
}
.nav-item .hm-activo span.hm-expansiv{
	transform: rotate(180deg);
}
.menuTest {
	padding-left: 30px;
}
.hm-scroll {
	max-height: 350px;
	overflow-y: scroll;
	padding-left: 5px;
	direction: rtl;
	margin-left: 7px;
}
.hm-scroll::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #DDD;
}
.hm-scroll::-webkit-scrollbar
{
	width: 2px;
	background-color: transparent;
}

.hm-scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	width: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.0);
	background-color: var(--blue);
}
ul.menuTest li a{
	padding: 5px;
	padding-left: 20px;
	position: relative;
	color: #5A6679;
}
ul.menuTest li a span {
	font-size: 12px;
}
ul.menuTest li.nav-ckeck a {
	color: var(--blue);
	padding-left: 20px;
}
li.nav-ckeck a:before {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 7px;
	vertical-align: middle;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/iconos/check_circle.svg');
}
/***DashBoard***/
.d-header-titulo figure img {
	width: 120px;
}
.inImgCenter figure {
	text-align: center;
}
.inImgCenter figure img {
	height: 35px;
	width: auto;
}
.d-header-titulo article {
	padding: 10px;
}
.d-header-titulo h1 {
	font-weight: 400;
	color: var(--blue);
	font-size: 26px;
	margin-bottom: 5px;
}
.d-header-titulo span {
	color: #157FFB;
}
.d-header-titulo p {
	font-size: 14px;
	font-weight: 400;
}
.d-body-indPa > div {
	background-color: #F5F5F5;
	position: relative;
	padding: 10px 10px 40px 10px;
	border-radius: 10px;
	height: 100%;
}
.d-body-indPa figure img {
	width: 95px;
}
.d-body-indPa h2 {
font-size: 17px;
margin-left: 10px;	
}
.d-body-indPa p {
	font-size: 14px;
	margin-bottom: 10px;
}
.d-btn-indPa {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}
.b-IndPa-errorImg, 
.b-IndPa-pregImg,
.b-img-me {
	position:relative;
}
.b-IndPa-errorImg:before {
	content: '!';
	font-size: 28px;
	color: #EB1111;
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50%,-50%);
}
.b-IndPa-pregImg:before {
	content: '¿?';
	font-size: 28px;
	color: #6315BF;
	position: absolute;
	left: 50%;
	top: 41%;
	transform: translate(-50%,-50%);
}
.b-img-me span {
	content: '🔎';
	font-size: 28px;
	color: #6315BF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

/***Videos**/
#hidden-content,
	#hidden-content2,
	#hidden-content3 {
		padding: 0;
	}
	.cont-video-ind:before {
		content: '';
		display: block;
		width: 90%;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #F5F5F5;
		border-radius: 10px;
		transition: 0.5s;
	}
	.cont-video-ind:hover:before {
		width: 100%;
		transition: 0.5s;
	}
	.cont-video-ind {
		padding: 25px 0 25px 15px;
		overflow: hidden;
		border-radius: 10px;
		position: relative;
		margin-bottom: 15px;
	}
	.cont-video-ind figure {
		padding: 0;
		border-radius: 15px;
		overflow: hidden;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
		-moz-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
		box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
	}
	.cont-video-ind figure span {
		position: absolute;
	    display: inline-block;
	    left: 50%;
	    top: 50%;
	    color: rgba(255, 255, 255, 0.8);
	    font-size: 90px;
	    z-index: 1;
	    transform: translate(-50%,-50%);
	}
	.cont-video-ind figure:hover span {
		color: var(--blue);
		opacity: 0.8;
	}
	.cont-video-ind figure img {
		border-radius: 15px;
		width: 100%;
	}
	.cont-video-ind h2 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.cont-video-ind p {
		font-size: 14px;
		color: #444;
	}  
.fancybox-slide--iframe .fancybox-content {
    max-width  : 60%;
    max-height : 80%;
    margin: 0;
}
.fancybox-container--ready .fancybox-bg {
    background: #0a1641cc;	
}
/***Script**/
.d-body {
	width: 85%;
}
.script-Tabla table th {
	font-size: 14px;
}
.script-Tabla table td {
	font-size: 13px;
	vertical-align: top;
}
.script-Tabla table td ul {
	padding-left: 15px;
}
.script-Tabla table td li,
.script-Tabla table td p {
	font-size: 13px;
}
.script-Tabla table {
	width: 100%;
}
.d-progreso {
	display: flex;
	margin-bottom: 20px;    
	justify-content: space-between;
    width: 100%;
}
.d-progreso span {
	display: block;
	width: 100%;
	grid-gap: 1px;
	height: 9px;
	margin: 0 1px;
	background-color: #DDDDDD;
}
.d-progreso span.d-act {
	background: #899BB7;
}
.d-progreso span.d-p-acti {
	opacity: 1;
	background-color: var(--blue);
}
.d-body .row{
	margin: 0 auto;
	align-items: center;
}
.d-text-g {
	border-radius: 10px;
}
.d-text-g div {
	width: 100%;
	vertical-align: middle;
	display: inline-block;
}
.d-text-g label {
	margin-bottom: 0;
}
.d-text-g h3 {
	position: relative;
	padding-left: 10px;
}
.d-text-g h3:before {
	content: '';
	width: 18px;
	height: 22px;
	position: absolute;
	left: 0;
	top: -6px;
	display: block;
	background-image: url('../img/iconos/tip_icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.d-wi-70 {
	width: 70%;
}
.d-text-g p,
.d-text-g li,
.d-text-g table td, 
.d-text-g table th {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
}
.tabla-script .bg-light {
	width: 115%;
}
.d-text-g table td, 
.d-text-g table th {
	vertical-align: middle;
	padding: 5px;
}
.d-text-g table th {
	text-align: left;
	font-weight: 600;
}
.d-text-tip {
	width: 70%;
	color: #17a2b8;
	padding: 1rem;
	margin-bottom: 1.5rem;
    border: 1px solid #dee2e6;
    border-color: #17a2b8;

}
.d-button-s {
	margin-left: 1px;
	padding-top: 15px;
}
.d-button-s div {
	padding: 0 5px;
}
.d-button-s a{
	padding: 5px 20px;
	border-radius: 1.25rem
}
.d-text .col-8 {
	position: relative;
}
/* .d-text-g .col-8:before {
	content: '{';
	color: var(--blue) ;
	line-height: 1;
	opacity: 0.4;
	font-size: 25px;
	font-weight: 100;
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
} */
/***Manuales***/
.m-table {
	margin-bottom: 25px;
}
.m-cont-sel .nav-tabs {
	margin-bottom: 15px;
	width: 100%;
	background-color: #CCC;
}
.m-cont-sel .nav-tabs .nav-item .nav-link {
	background-color: #EEE;
	font-size: 14px;
	color: #000;
}
.m-cont-sel .nav-tabs .nav-item a.active {
	background-color: #FFF;
font-weight: 600;
}
.m-table table{
	width: 100%;
}
.m-table table thead {
	background-color: #EEE;
}
.m-table table td, .m-table table th {
	border: 1px solid #CCC;
	padding: 7px;
}
.m-table table th[colspan="2"] {
    color: #157FFB;
    font-weight: 600;
    background-color: #EEE;
}
.m-THead {
	display: flex;
	margin-bottom: 25px;
 	width: 98%;
 	position: relative;
    background-color: #EFFAFF;
    border-radius: 10px;
    align-items: center;
    padding: 20px 0 10px 0;
}
.m-cont-sel .m-THead:before {
	content: '•';
	color: #157FFB;
	font-size: 40px;
	position: absolute;
	left: -8px;
	line-height: 18px;
	top: 50%;
	height: auto;
	transform: translate(0,-50%);
}
.m-THead article {
	width: 85%;
	padding:0 10px;
}
.m-THead article p {
	color: #192639;
	font-size: 14px;
	margin-bottom: 5px;
}
.m-THead figure {
	width: 20%;
	padding: 0 1%;
	margin-bottom: 0;
}
.m-THead figure img,
.m-sdImg img,
.m-dbImg figure img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.m-THead figure img {
	max-height: 50px;
}
.pr-cont-con .m-cont-sel {
	align-content: stretch;
}
.m-sdImg {
	text-align: center;
	width: 40%;
	margin:0 auto;
	margin-bottom: 25px;
}
.pr-cont-con .m-imgText article {
	height: 100%;
}
.m-dbImg figure {
	margin-bottom: 0;
}
.m-dbImg {
	padding: 0;
	margin: 0 10px 1rem 10px;
	position: relative;
	overflow:hidden ;
}
.m-dbImg .m-img-guia {
	position: absolute;
	transition: 0.5s;
	opacity: 0;
	left: 0;
	top: 0;
}
.m-dbImg .m-img-mostrar {
	opacity: 1;
	transition: 0.5s;
}
.m-btn-cambio mat-icon {
	font-size: 14px;
	padding:1px 2px;
	border: 1px solid #D00909;
	border-radius: 50%;
	vertical-align: middle;
}
.m-btn-cambio {
	position: absolute;
	top: 10px;
	left: 15px;
	padding: 2px 15px;
	border-radius: 15px;
	color: #D00909;
	cursor: pointer;
	font-size: 14px;
	background-color: #FFF;
	border: 1px solid #D00909;
	z-index: 2;
}
.manuales-t {
	width: 75%;
	background-color: #F5F5F5;
	margin-bottom: 30px;
	border-radius: 10px;
	padding: 10px;
}
.manuales-t h2 {
	font-size: 20px;
	margin-bottom: 10px;
}
.manuales-t p {
	font-size: 14px;
	margin-bottom: 10px;
	color: #192639;
} 
.d-button-m div {
    padding: 0 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.d-button-m a {
    padding: 5px 20px;
    border-radius: 1.25rem;
}
/***Manual**/
nav.menuManuales ul li {
	margin-bottom: 0;
}
.m-cont-sel {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.m-imgText {
	position: relative;
	width: 49%;
	padding: 0 10px;
	margin-bottom: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
    align-items: stretch;
    animation: 0.5s;
}
.m-imgText figure{
	width: 90%;
	order: 1;
}
.m-imgText figure img {
	width: 100%;
}
.m-imgText article {
	width: 100%;
	order: 2;
	background-color: #EFFAFF;
	padding:20px 10px 5px 10px;
	position: relative;
}
.m-imgText article p {
	font-size: 14px;
	margin-bottom: 15px;
	color: #192639;
	text-align: justify;
}
.m-imgText .m-num,
.m-imgText span {
	left: 5px;
	top: -20px;
	position: absolute;
	padding:0.5em 1em;
	background-color: #157FFB;
	color: #FFF;
	border-radius: 50%;
}
.dm-error {
	color: #D00909;
}
.m-header-titulo {
	width: 100%;
	margin-bottom: 15px;
}
.m-header-titulo h2 {
	font-weight: 400;
    color: var(--blue);
    font-size: 26px;
}
.m-header-titulo.tit-bold h2 {
	font-weight: 700;
}
/***Busqueda**/
.b-cont-sel .m-head-text h2 {
	margin-bottom: 2px;
	font-size: 18px;
	color: #444;
}
.b-cont-sel .m-head-text p small {
	color: #777;
	display: block;
	text-transform: lowercase;
	margin-bottom: 15px;
	font-size: 84%;
}

div[class^='ocultManual-']{
	display: none;
	padding-left: 25px;
}
li[class^='ocultManualMen']{
	display: none;
	padding-left: 15px;
}
ul[class^='ocultManualUlt']{
	display: none;
	padding-left: 15px;
}
ul[class^='ocultMenPrin']{
	display: none;
}
/***Avisos***/
.avisos .d-header-titulo {
	position: relative;
}
.busqiedaAviso {
	position: absolute;
	top: 0;
	right: 0;
}
.busqiedaAviso label mat-icon {
	position: absolute;
	right: 5px;
	top: 8px;	
	color: var(--blue);
	font-size: 20px;
}
.busqiedaAviso label {
	position: relative;
}
.busqiedaAviso label input:focus {
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	outline: 0;
}
.busqiedaAviso label input {
	width:250px;
	height: 35px;
	padding:5px 10px;
	border: 1px solid #DDD;
	color: #333;
}
.avisoC {
	margin-bottom: 20px;
	padding: 12px;
	background-color:#F5F5F5;
	border-radius: 10px;
}
.avisoC h2 {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 400;
}
.avisoC .d-flex {
	margin-bottom: 10px;
}
.avisoC .d-flex article {
	margin-bottom: 0;
}
.avisoC .d-flex article p {
	font-size: 12px;
	margin:0;
}
.avisoC .textAviso p {
	font-size: 14px;
	margin-bottom: 10px;
	color: #192639;
}
.avisoC .textAviso ul li {
	color: #192639;
	font-size: 14px;
	margin-bottom: 4px;
}

.pagination {
	justify-content: center;
}
.paginador nav ul li a{
	background-color: #FFF;
	border:1px solid var(--blue);
	padding:5px 12px;
	margin: 0 5px;
	border-radius: 15px;
	display: block;
}
.paginador nav ul li:hover a,
.paginador nav ul li.active a{
	background-color:var(--blue);
	border:1px solid var(--blue);
	color: #FFF;
	font-weight: 600;
	cursor: pointer;
}
.paginador nav ul li:hover a,
.paginador nav ul li.active a {
	color: #FFF;
}
.tit-busqueda {
	font-size: 14px;
}
.paginador nav ul li a .material-icons {
	display: flex;
	margin-right: 0;
}
.cuestionario .preguntas {
	position: relative;
}
.cuestionario .preguntas p{
	margin-bottom: 5px;
	font-size: 15px;
}
.cuestionario .preguntas figure img {
	width: 100%; 
}
.cuestionario .preguntas figure {
	margin: 0 auto 15px auto;
	display: block;
	width: 70%;
}
.cuestionario .preguntas .valor {
	text-align: right;
	position: absolute;
	width: auto;
	right: 0;
	bottom: 0;
}
.cuestionario .preguntas .valor p {
	color: #f00;
	font-size: 12px;
	font-weight: 600;
}
.preguntas .form-check label {
	color: #555;
	font-size: 13px;
}
.cuestionario .countD span {
	color:#000;
	font-size: 17px;
}

.cuest-iniciar {
	border-radius:10px;
	border: 1px solid #CCC;
	padding: 10px;
	max-width: 500px;
	display: block;
	margin: 0 auto;
}
.cuest-iniciar h2 {
	color: var(--blue);
	font-weight: 700;
}
.cuest-iniciar p {
	color: #666;
}
.Calificacion {
	width: 100%;
	display: flex;
	align-items: center;
}
.Calificacion h3 {
	font-size: 15px;
	margin-bottom: 5px;
	color: #777;
	margin-right: 10px;
}
.g-stars {
	float: left;
	border-style: none;
}
.g-stars:not(:checked) > input {
	visibility: hidden;
	display: none;
	top: 0;
	right: 0;
}

.g-stars:not(:checked) > label {
	float: right;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	color: lightgrey;
	margin-bottom: 0;
}

.g-stars > input:checked ~ label {
	color: gold;
}

.g-stars:not(:checked) > label:hover,
.g-stars:not(:checked) > label:hover ~ label {
	color: gold;
}

.g-stars > input:checked + label:hover,
.g-stars > input:checked + label:hover ~ label,
.g-stars > input:checked ~ label:hover,
.g-stars > input:checked ~ label:hover ~ label,
.g-stars > label:hover ~ input:checked ~ label {
	color: gold;
}
.tipoSN {
	display: flex;
	align-items: top;
}
.tipoSN .form-check input {
	display: none;
}
.tipoSN .form-check label {
	width: auto;
	text-align: center;
	font-size: 15px;
}
.tipoSN .form-check label span {
	font-size:45px;
	color: lightgray;
}
label.cal-si input:checked ~ span,
.tipoSN .form-check label.cal-si:hover span {
	color: green;
}
label.cal-no input:checked ~ span,
.tipoSN .form-check label.cal-no:hover span {
	color: red;
}
.tipoLineal {
	display: flex;
	align-items: top;
}
.tipoLineal .form-check input {
	display: none;
}
.tipoLineal .form-check label {
	width: auto;
	text-align: center;
	font-size: 15px;
}
.tipoLineal .form-check label span {
	font-size:45px;
	opacity: 0.4;
}
.tipoLineal .form-check label input:checked ~ span,
.tipoLineal .form-check label:hover span {
	opacity: 1;
}
.tipoLineal .form-check label.emoc-1 span {
	color: red;
}
.tipoLineal .form-check label.emoc-2 span {
	color: orange;
}
.tipoLineal .form-check label.emoc-3 span {
	color: gray;
}
.tipoLineal .form-check label.emoc-4 span {
	color: lightgreen;
}
.tipoLineal .form-check label.emoc-5 span {
	color: green;
}

.scoreImage {
	position: relative;
	display: block;
	margin-bottom:30px;
}
.scoreImage img {
	width:100%;
}
.scoreImage figure {
	position: relative;
	display: block;
	width: 300px;
	margin:0 auto ;
}
.scoreImage figure img.tocometro2 {
	position: absolute;
    width: 90%;
    transform: rotate(0);
    left: 5%;
    bottom: -15px;
    height: auto;
}
/***Buenas Practicas**/
.buenas-practicas h2 {
	color: #110057;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
}
.buenas-practicas h3 {
	color: #110057;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	padding: 10px 10px 5px 10px;
	border-bottom: 3px solid #110057;
	text-align: center;
	display: inline-block;
}
.buenas-practicas p {
	color: var(--blue); 
	font-weight: 400;
	font-size: 16px;
	text-align: center;
}
.script-modelo .model-70 {
    max-width: 750px;
}
.script-modelo .model-80 {
    max-width: 80vw;
}
.buenas-practicas table td:last-child {
	border-left: 2px solid #110057;
}
.buenas-practicas table td {
	vertical-align: top;
	padding: 0 10px;
	text-align: center;
}
.buenas-practicas table td ol {
	padding-left: 20px;
}
.buenas-practicas table td p,
.buenas-practicas table td li {
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 5px;
}
.script-modelo .model-80 .modal-body {
	background-color: #f2f4f8;
}

@media screen and (max-width:1024px) {
	body {
		font-size: 1.3vw;
	}
	figure {
	    margin: 0 0 5%;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		width: 96vw;
		max-width: 100%;
	}
	/*** Templates ***/
	.dropdown-menu a {
		font-size: 1.2vw;
	}
	p {
	    font-size: 1.3vw;
	    margin-bottom: 2vw;
	}
	.material-icons {
		font-size: 2.4vw;
	}
	nav li a, nav li div {
		font-size: 1.3vw;
	}
	ul.menuTest li a {
		font-size:1.2vw;
		padding-left: 5%;
	}
	li[class^='ocultScriptMen-'] {
    	padding-left: 10%;
    }
    .menuheader p {
    	font-size: 1.6vw;
    }
    #activeMenuScript {
    	font-size:1.5vw;
    }
    footer a, footer p {
    	font-size: 1.3vw;
    	margin-bottom: 5px;
    	text-align: center;
    	widows: 100%;
    }
    footer .d-flex {
    	flex-wrap: wrap;
    	    justify-content: center!important;
    }
	/*** HOME ***/
	.d-header-titulo p {
		font-size: 1.3vw;
	}
	.d-body-indPa p {
		font-size: 1.2vw;
	}
	.d-header-titulo h1 {
		font-size: 2.7vw;
	}
	.d-body-indPa h2 {
		font-size: 1.7vw;
		margin-left: 5%;
	}
	.inImgCenter figure img {
	    height: 3.2vw;
	}
	.d-body-indPa figure img {
		width: 9vw;
	}
	/*** lightbox ***/
	.buenas-practicas h2 {
		font-size: 2.4vw;
	}
	.buenas-practicas p {
		font-size: 1.3vw;
	}
	.buenas-practicas table td p, .buenas-practicas table td li {
		font-size: 1.3vw;
	}
	.buenas-practicas h3 {
		font-size: 2vw;
	}
	/*** Manuales ***/
	.h4, h4 {
		font-size: 2.4vw;
	}
	.h3, h3 {
		font-size: 2.6vw;
	}
	.h2, h2 {
	    font-size: 4vw;
	}
	.d-text-g h3 {
		font-size: 2.4vw;
		padding-left: 1vw;
	}
	.m-header-titulo h2 {
		font-size: 2.2vw;
	}
	.Script .d-text-g p {
		margin-bottom: 5px;
	}
	.d-text-g p, .d-text-g li, .d-text-g table td, .d-text-g table th {
		font-size: 1.3vw;
	}
	.m-table table,
	.m-THead article p,
	.m-THead article li {
		font-size: 1.3vw;
	}
	.m-imgText article p {
		font-size: 1.3vw;
	}
	/*** Cuestionario ***/
	.cuest-iniciar label, 
	.btn, 
	.cuest-iniciar .form-control {
		font-size: 1.6vw;
	}
	.tipoLineal .form-check label,
	.cuestionario .countD span {
		font-size: 1.6vw;
	}
	.preguntas .form-check label,
	.cuestionario .preguntas p {
		font-size: 1.3vw;
	}
	.btn-Preguntas {
		margin-bottom: 1.5vw;
	}
	.m-THead article p span {
		font-size: 1.7vw;
	}
	.m-THead article p span img {
		max-width:20vw;
		height: auto !important;
	}
	
	/*** Script ***/
	.Script .d-text-g h2 {
		font-size: 1.6vw;
	}
	.d-header-titulo figure img {
	    width: 12vw;
	}
	.manuales-t h2 {
		font-size: 2.3vw;
	}
	/*** Videos ***/
	.cont-video-ind h2 {
		font-size: calc(1.9vw + 6px);
	}
	.cont-video-ind p {
	    font-size: 1.3vw;
	}

}
@media screen and (max-width:960px) {
	#countPrin #menuPrin {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	.manuales-t h2 {
		font-size: 2.7vw;
	}
	header figure img {
		height: 6vw;
	}
	#countPrin {
		min-height: 630px;
		position: relative;
		overflow: hidden;
	}
	#sectionP {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
	p {
	    font-size: 1.4vw;
	    margin-bottom: 2vw;
	}
	#menuAct {
		background-color: var(--blue);
		padding: 4px;
		width: 25px;
		height: 25px;
		border-radius: 5px;
		position: relative;
		display: block;
		font-size: 15px;
	}

	#menuAct span.m-line-1,
	#menuAct span.m-line-2,
	#menuAct span.m-line-3 {
		background-color: #FFF;
		height: 3px;
		position: absolute;
		display: block;
		width: 17px;
		left: 4px;
		transition: .9s;
	} 
	#menuAct span.m-line-1{
		top: 5px;
	}
	#menuAct span.m-line-2{
		top: 11px;
	}
	#menuAct span.m-line-3 {
		top: 17px;
	}
	#menuAct.actMenu span.m-line-2 {
		display: none;
	}
	#menuAct.actMenu span.m-line-1{
		top: 12px;
		left: 5px;
		transform: rotate(45deg);
	}
	#menuAct.actMenu span.m-line-3{
		top: 12px;
		left: 5px;
		transform: rotate(-45deg);
	}
	/*** Cuestionario ***/
	.content-cuestionario .table th, .content-cuestionario .Horarios h2 {
		font-size: 1.6vw;
	}

	/*** MENU ***/
	#menuPrin {
		position: absolute;
		height: 100%;
		z-index: 2;
		background-color: #FFF;
		left: -25%;
		top: 0;
		transition: 1s;
	}
	#menuPrin.actMenu {
		left: 0;
	}
	#menShadow:before {
		content: "";
		opacity: 0;
		transition: 1s;	
	}
	#menShadow.actMenu:before {
		cursor: no-drop;
		position: absolute;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0.6);
		left: 0;
		top: 0;
		opacity: 1;
		width: 100%;
		height: 100%;
		display: block;
		transition: 1s;
	}
	.d-header-titulo figure img {
	    width: 200px;
	    height: auto;
	}
	.script-modelo .model-80 {
	    max-width: 100vw;
	}
	.rol-select a {
    	max-width: 25%;
	}
}

@media screen and (max-width:736px) {
	body, 
	p,
	nav li a, nav li div,
	footer a, footer p,
	.d-header-titulo p,
	.buenas-practicas p,
	.buenas-practicas table td p, 
	.buenas-practicas table td li,
	.d-text-g p, 
	.d-text-g li, 
	.d-text-g table td, 
	.d-text-g table th,
	.m-table table,
	.m-THead article p,
	.m-THead article li,
	.m-THead article li span,
	.m-imgText article p,
	.preguntas .form-check label,
	.cuestionario .preguntas p,
	.cont-video-ind p {
		font-size: calc(1.3vw + 6px);
	}
	.manuales-t h2,
	.cont-video-ind h2 {
		font-size: calc(1.7vw + 6px);
	}
	/*** Templates ***/
	.sticky-top {
		z-index: 1;
	}
	#menuBottom .form-inline .input-group {
		align-items: center;
	}
	#menuBottom .form-inline {
		justify-content: center;
	}
	.menuheader > label,
	.menuheader > div,
	.menuheader > a {
		display: none;
	}
	.d-header-titulo figure img {
	    width: 12vw;
	    height: auto;
	}
	.menu-bottom {
		display: flex !important;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 4px 0;
		background-color: #F5F5F5;
		text-align: center;
		justify-content: space-around;
		border-top: 1.5px solid #AAA;
	}
	#menuBottom .ml-2 {
		margin-left: 0 !important;
	}
	.menu-bottom .navbar-search-block {
		position: absolute;
		top: -47px;
		left: 0;
		width: 100%;
		text-align: center;
		display: none;
		background-color: #F5F5F5;
		padding: 0 12px;
	}
	.menu-bottom .navbar-search-open {
		display: block;
	}
	footer.p-3{
		padding-bottom: 25px !important;
	}
	.menu-bottom  .material-icons {
		font-size: calc(2.4vw + 15px);	
		padding: 5px;
	}
	.dropdown-menu a {
		font-size: calc(1.2vw + 5px);
	}
	#menuPrin {
		flex: 0 0 70%;
    	max-width: 70%;
    	left: -70%;
	}
	.m-cont-sel .nav-tabs {
		z-index: 1;
	}
	.m-header-titulo >div article {
		padding: 0 2px !important;
	}
	.m-header-titulo >div p span {
		font-size: calc(1.3vw + 6px);
	}
	.m-THead {
		width: 100%;
	}
	.h4, h4,
	.buenas-practicas h2,
	.d-text-g h3 {
		font-size: calc(2.4vw + 5px);
	}
	
	ul.menuTest li a,
	.d-body-indPa p {
		font-size:calc(1.2vw + 6px);
	}
    .menuheader p {
    	font-size: calc(1.6vw + 2px);
    }
    #activeMenuScript,
    .btn-Preguntas {
    	font-size:calc(1.5vw + 5px);
    }
    nav ul li .material-icons {
	    font-size: 22px;
	}
	/*** HOME ***/
	.inImgCenter figure img {
	    height: auto;
    	width: 100%;
    	max-width:96%;
	}
	.d-header-titulo h1 {
		font-size: calc(2.7vw + 4px);
	}
	.d-body-indPa h2,
	.m-THead article p span {
		font-size: calc(1.7vw + 5px);
	}
	.d-body-cont .d-body-indPa {
		flex: 0 0 50%;
    	max-width: 50%;
	}
	/*** lightbox ***/
	
	.buenas-practicas h3 {
		font-size: calc(2vw + 4px);
	}
	/*** Manuales ***/
	
	.h3, h3 {
		font-size: calc(2.6vw + 5px);
	}
	.tablist-count {
		width: 100%;
	}
	.m-table {
		overflow-x: scroll;
	}
	.m-header-titulo h2 {
		font-size: calc(2.2vw + 5px);
	}
	.m-cont-sel .m-imgText {
		width: 100%;
	}
	.m-cont-sel .m-imgText figure {
		width: 65%;
	}
	/*** Cuestionario ***/
	.cuest-iniciar label, 
	.btn, 
	.cuest-iniciar .form-control,
	.tipoLineal .form-check label,
	.cuestionario .countD span,
	.Script .d-text-g h2 {
		font-size: calc(1.6vw + 6px);
	}
	.content-cuestionario .table th, .content-cuestionario .Horarios h2 {
		font-size: calc(2vw + 5px);
	}
	.content-cuestionario .table td {
	    width: 80%;
	}
	.content-cuestionario .table td:nth-child(even) {
	    width: 20%;
	}
	.tipoLineal {
		flex-wrap: wrap;
	}
	.tipoLineal .form-check {
		width: 33%;
		text-align: center;
		margin-bottom: 10px;
	}
	.m-table {
		overflow-x: scroll;
		padding-bottom: 15px;
	}
	.m-table table {
		min-width: auto;
		width: auto;
		min-width: 100%;
	}
	.m-THead article li span {
		font-size: calc(1.3vw + 6px) !important;
	}
	.m-header-titulo article h2 span {
		vertical-align: middle;
	}
	/*** Script ***/
	.d-text-tip,
	.manuales-t,
	.d-body {
	    width: 100%;
	}
	/*** Busqueda ***/
	.b-cont-sel .m-head-text h2 {
		font-size: 16px;
	}
	.busqiedaAviso {
		position: relative;
		width: 100%;
	}
	.busqiedaAviso label,
	.busqiedaAviso label input {
		width: 100%;
	}
	.b-IndPa-errorImg, .b-IndPa-pregImg, .b-img-me {
		margin-bottom: 0;
	}
	.d-header-titulo article {
		padding-top: 0 !important;
	}
	.rol-select .d-flex {
		flex-wrap: wrap;
	}
	.rol-select a {
		width: 50%;
	}
	.cont-video-ind:before {
		width: 100%;
	}
	.avisoC h2 {
		font-size: 16px;
	}
	.avisoC .textAviso p {
		font-size: 12px;
	}
	.avisoC .d-flex article p {
		font-size: 11px;
		color: #777;
	}
}
@media screen and (max-width:580px) {
	/** HOME **/
	.d-body-cont .d-body-indPa {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.pr-cont-con .m-imgText {
		width: 100%;
	}
	header figure img {
	    height: 7vw;
	}
	/*** Videos ***/ 
	.cont-video-ind {
		flex-wrap: wrap;
		padding-right: 15px;
	}
	.cont-video-ind figure,
	.cont-video-ind > div {
		width: 100%;
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.cont-video-ind > div {
		margin-top: 15px;
	}
	.rol-modal .model-80 .modal-content {
		    height: 600px;
	} 
	.rol-select a {
		display: block;
		height: auto;
		width: 100%;
    	max-width: 100%;
    	margin-bottom: 5px;
	}
	.rol-select a figure,
	.rol-select a h3 {
		display: inline-flex;
		vertical-align: middle;
	}
	.rol-select a figure {
		margin-inline: 25px;
		width: 70px;
    	height: 70px;
    	margin-top: 10px;
	}
	.rol-select a .overlay,
	.rol-select a figure:before {
		width: 70px;
    	height: 70px;
	}
	.rol-select a figure:after {
		display: none;
	}
}