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


/*MARGENES //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bloqueMARGENESgrales{padding-left:17%; padding-right: 17%;}
.bloqueMARGENESgralesVIDEOS{padding-left:5%; padding-right: 5%;}


/*FUENTES ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@font-face {
	font-family: "Forever Forma Body Text";
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
	src: url('../_nuxt/fonts/ForeverFormaBodyText-Medium.ttf') format('truetype');
}

@font-face {
	font-family: "Forever Forma Body Text";
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url('../_nuxt/fonts/ForeverFormaBodyText-Regular.ttf') format('truetype');
}

@font-face {
	font-family: "Forever Forma Heading";
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url('../_nuxt/fonts/ForeverFormaHeading-Regular.ttf') format('truetype');
}
@font-face{
	font-family:"Material Symbols Outlined";
	font-style:normal;
	font-weight:400;
	font-display:fallback;
	src:url('../_nuxt/fonts/Material_Symbols_Outlined.woff2') format('woff2');
}

/*BACK TO TOP ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#back_to_top.off { opacity: 0; filter: alpha(opacity=0); right: 25px;}
#back_to_top.on {opacity: 1; filter: alpha(opacity=100); visibility: visible; right: 25px;}
#back_to_top {bottom: 20px !important; color: #281805; height: auto; position: fixed; margin: 0; z-index: 10000; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; right: 25px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-backface-visibility: hidden;}
#back_to_top > span { background-color: #FFFFFF !important; border-color: #281805; border-width: 1px; border-style: solid; width: 52px; height: 52px; line-height: 52px; text-decoration: none; -o-border-radius: 52px; -moz-border-radius: 52px; -webkit-border-radius: 52px; border-radius: 52px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; border: 1px solid #281805; background: 0 0;}
#back_to_top span{text-align: center;}
#back_to_top span i, #back_to_top span span { color: #281805 !important;}
#back_to_top span i, #back_to_top span span {font-size: 22px; line-height: 52px; color: #281805 !important;}
#back_to_top span i, #back_to_top span span, .q_steps_holder .circle_small .step_title, .q_steps_holder .circle_small span {-webkit-transition: color .2s ease 0s; -moz-transition: color .2s ease 0s;-o-transition: color .2s ease 0s;}
a#back_to_top:hover span{background-color:#E7FF00 !important; border-color: #E7FF00 !important;}
.AA_linksICONOS {  display: none !important;}

/*CABECERA//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.BGcolor-sky-blue { background-color: #63b6ff !important;}
.BGcolor-warm-black{background-color:#281805;}
.BGcolor-fresh-lime{background-color:#e7ff00;}
.BGcolor-chocolate-brown{background-color:#5e3930;}
.BGcolor-grass-green{background-color:#4cd300;}
.BGcolor-forest-green {background-color: #0b320d;}
.BGcolor-night-blue {background-color: #1d2550;}
.BGcolor-Conecta {background-color: #00b2a9;}

/*FORMAS////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.shape.decagon {
    -webkit-clip-path: polygon(50% 0%, 80.9% 9.7%, 100% 35%, 100% 65%, 81% 90%, 50% 100%, 19% 90%, 0% 65%, 0% 35%, 19.5% 9.5%);
    clip-path: polygon(50% 0%, 80.9% 9.7%, 100% 35%, 100% 65%, 81% 90%, 50% 100%, 19% 90%, 0% 65%, 0% 35%, 19.5% 9.5%);
}
.shape.decagon--left {
    -webkit-clip-path: polygon(103% 0%, 100% 100%, 39% 91%, 0% 66%, 0% 35%, 37% 10%);
    clip-path: polygon(103% 0%, 100% 100%, 39% 91%, 0% 66%, 0% 35%, 37% 10%);
}
.shape.hexagon {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.shape.hexagon--bottom{clip-path: polygon(100% 0, 100% 45%, 84% 84%, 50% 100%, 17% 82%, 0 44%, 0 0);}
.shape.hourglass{ -webkit-clip-path: polygon(28% 50%, 0% 0%, 100% 0%, 71% 50%, 100% 100%, 0% 100%); clip-path: polygon(28% 50%, 0% 0%, 100% 0%, 71% 50%, 100% 100%, 0% 100%);}

/*ENLACES////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*enlaces menú superior*/
.linkTIPO_A a::after {
    content: '\e941';
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    float: right;
    padding-left: 5px;
    transition: transform 300ms linear, -webkit-transform 300ms linear;
	margin-top: -4px;
}
.linkTIPO_A a:hover {
    color: #281805 !important;
    text-decoration: none;
}
.linkTIPO_A a:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}


/*btn NEGRO*/
a.btnNEGRO {
    /*color: #FFF !important;
    text-decoration: none;
    font-family: "Forever Forma Heading";
    font-size: 25px;
    background-color: #000;
    text-align: center;
    padding: 12px 40px;
    border-radius: 50px;
    float: left;
    border: 1px solid #000 !important;*/
    color: #fff;
    border-width: none;
    background-color: #281805;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-family: "Forever Forma Heading";
    padding: 12px 24px;
    text-decoration: none;
    font-size: 1.2rem;
    border-radius: 30px;
    font-weight: 500;
}  
}
a.btnNEGRO:hover {
    cursor: pointer !important;
    background-color: #FFF !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}
a.btnNEGRO:active {
    -webkit-box-shadow: inset 0px 0px 13px -2px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: inset 0px 0px 13px -2px rgba(0, 0, 0, 0.52);
    box-shadow: inset 0px 0px 13px -2px rgba(0, 0, 0, 0.52);
    text-decoration: none;
    border: 1px solid #000;
}
a.btnNEGRO:focus {
    background-color: #FFF !important;
    color: #000 !important;
    border: 2px solid #000 !important;
}
a.btnNEGRO::after {
    /*content: '\e941';
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    float: right;
    padding-right: 10px;
    transition: transform 300ms linear, -webkit-transform 300ms linear;*/
    content: '\e941';
    font-family: "Material Symbols Outlined";
    margin-left: 5px;
    font-size: 24px;
    line-height: 0;
    vertical-align: -7px;
    display: inline-block;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    transition: -webkit-transform 300ms linear;
    transition: transform 300ms linear;
    transition: transform 300ms linear, -webkit-transform 300ms linear;    
}
a.btnNEGRO:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}


/*btn BLANCO*/
a.btnBLANCO {
    /*color: #000 !important;
    text-decoration: none;
    font-family: "Forever Forma Heading";
    font-size: 25px;
    background-color: #FFF;
    text-align: center;
    padding: 19px 40px 13px 40px;
    border-radius: 50px;
    float: right;*/
    color: #281805;
    border-width: none;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-family: "Forever Forma Heading";
    padding: 12px 24px;
    text-decoration: none;
    font-size: 1.2rem;
    border-radius: 30px;
    font-weight: 500;   
}
a.btnBLANCO:hover {
    cursor: pointer !important;
    background-color: #E7FF00 !important;
}
a.btnBLANCO:active {
    -webkit-box-shadow: inset 0px 0px 13px -2px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: inset 0px 0px 13px -2px rgba(0, 0, 0, 0.52);
    box-shadow: inset 0px 0px 13px -2px rgba(0, 0, 0, 0.52);
    text-decoration: none;
}
a.btnBLANCO:focus {
    background-color: #E7FF00 !important;
}
a.btnBLANCO::after {
    /*content: '\e941';
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    float: right;
    padding-right: 10px;
    padding-left: 20px;
    margin-top: -8px;
    transition: transform 300ms linear, -webkit-transform 300ms linear;*/
    content: '\e941';
    font-family: "Material Symbols Outlined";
    margin-left: 5px;
    font-size: 24px;
    line-height: 0;
    vertical-align: -7px;
    display: inline-block;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    transition: -webkit-transform 300ms linear;
    transition: transform 300ms linear;
    transition: transform 300ms linear, -webkit-transform 300ms linear;       
}
a.btnBLANCO:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

.nav.nav-main .nav-item .nav-link.nuxt-link-exact-active {	color: #000 !important;	text-decoration: underline !important;	}
.nav.nav-main .nav-item:hover .nav-link{color:#63b6ff !important;}
.BLOQUESblancos{ margin-bottom: 30px;}

/*BTN A LA MISMA ALTURA*/
.txtpreBTN{min-height: 100px; padding-bottom: 20px;}

/*AJUSTE MENÚ MOBILE*/
.__menu-mobile .nav.nav-main .nav-item .nav-link{text-align: left !important; padding-left: 25px !important;}

/*COLOR TEXTO SELECCIONADO*/
/* Para Safari */
::selection {
	background: #e7ff00 !important;
}
 
/* Para Firefox */
::-moz-selection {
	background: #e7ff00 !important;
}