/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


*{
	margin: 0;
	padding: 0;
  text-decoration: none;
}
a{
	color:inherit;
	text-decoration: none;
}

/*  clases globales  */

.img_side{
	position: relative;
	width: 70%;
	margin: auto;
}
.block{
	display: block;
}
.section_full{
	position: relative;
	width: 100%;
}
.sec_box{
	position: relative;
	width: 80%;
	margin: auto;
}
.noto_b{
	font-family: 'Noto Sans bold';
}
.mtop10{
	margin-top: 10%;
}
.mtop30{
	margin-top: 30%;
}
.mtop5{
	margin-top: 5%;
}

.div_90{
	width: 90%;
}
.abm_l_inner{
	width: 80%;
}
.opacity_1{
	opacity: 1 !important;
}
.img_100{
	width: 100%;
}
.img_90{
	width: 90%;
}
.img_80{
	width: 80%;
  margin:auto;
}
.img_60{
	width: 60%;
  margin:auto;
}
.text_cent{
	text-align: center;
}
.bold{
	font-weight: 700;
}
.regular{
	font-weight: 400;
}
.plecas_100{
	width: 100%;
    display: block;
}
.movil{
	display: none;
}

.desk_back{
  display:block;
}
.movil_back{
  display:none;
}
.centrar_contenido{
	position: absolute;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	
}
body{
  font-family: 'Titillium Web', sans-serif;
  color:#0D144B;
}

/* ---------------------------------    sitio web perceptron -------------------------- */
#wrapper_pt{
  
}

#header_pt{
      padding: 1% 0;
    background-color: #0c144b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
#header_inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.item1_hd{
  position:relative;
  width:15%;
}
.item2_hd{
  position:relative;
  width:85%;
}
#main_logo_hd{
  position:relative;
  width:100%;
}
.menu_inner{
  width:100%;
  display:flex;
  justify-content:flex-end;
  color:#fff;
}
.item_menu{
  font-size: 1vw;
  color:#2BCBFF;
  font-weight:400;
  transition:all .3s;
  cursor:pointer;
  margin-left:6%;
  position:relative;
}

#seccion_pt_1{
  padding:4% 0 12% 0;
  background-color:#fff;
  margin-top:5%;
}

.div_mitad{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:80%;
  margin:auto;
}
.item_mitad{
  position:relative;
  width:48%;
}
.img_bann{
  position:relative;
  width:70%;
  margin:auto;
  display:block;
}

.main_title{
  font-weight:400;
  font-size:2.5vw;
  color:#0D144B;
}
.txt_cuerpo{
  font-size:1vw;
  font-weight:400;
  color:#0D144B;
}
.icon_scroll{
  position:relative;
  width:10%;
  margin:7% auto auto auto;
  display:block;
  
}
.cuadro_azul{
   position: relative;
   width: 1vw;
   height: 1vw;
   background-color: #2BCBFF;
   margin-bottom:5%;
}
.cuadro_azul_in{
   position: relative;
   width: 1vw;
   height: 1vw;
   background-color: #2BCBFF;
   margin-bottom:2%;
}

#section_pt_2{
  padding:6% 0 0% 0;
  background-color:#0D144B;
  color:#fff;
}
.sub_title{
  font-weight:400;
  font-size:2vw;
  color:#0D144B;
}

.sub_title_daas{
  font-weight:400;
  font-size:1.6vw;
  color:#0D144B;
}
.txt_vert{
  position:relative;
   -ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg);
}

.div_10{
  position:relative;
  display:flex;
  align-items:flex-start;
}
.item_1_10{
  position:relative;
  width:10%;
}
.item_1_90{
  position:relative;
  width:90%;
}
.img_vert{
  position:relative;
  width:12%;
}

.div_s2 {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 5%;
    margin-bottom: -27%;
    z-index: 9;
    flex-wrap: wrap;
}
.item_div_s2 {
    position: relative;
    width: 24%;
    border: 5px solid #fff;
    background-color: #0d144b;
    padding: 3% 0 0 0;
    color: #fff;
    box-sizing: border-box;
    margin: 3% 3% 2% 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.txt_s25{
  position:relative;
  text-transform:uppercase;
  font-weight:400;
  font-size:1.2vw;
  text-align:center;
  z-index:99;
}
.img_div3{
      position: relative;
    width: 90%;
    margin: 10% auto 5% auto;
    display: block;
}
 .cuadro_azul2 {
    position: relative;
    width: 1vw;
    height: 1vw;
    background-color: #2BCBFF;
}
.pleca_foot{
  position:relative;
  display:flex;
  justify-content:flex-end;
  align-items: center;
  padding:3% 2%;
  border-top:5px solid #fff;
  box-sizing: border-box;
  width:100%;
}
.btn_foot{
  position:relative;
  width:10%;
}

.hover_sol{
  position:absolute;
  width:100%;
  height:100%;
  z-index:9;
  top:0;
  left:0;
  display:none;
  
}

.hover_inner{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.txt_hover{
  font-weight:500;
  /*font-size:1.1vw;*/
  font-size:1vw;
  width:85%;
  margin:auto;
}
.btn_mas{
    position: absolute;
    bottom: 10%;
    left: 7%;
    font-size: 1.2vw;
    letter-spacing: .1vw;
    display:flex;
  align-items:center;
  width:100%;
}
.btn_foot_hov {
    position: relative;
    width: 10%;
    margin-left:3%;
}


#section_pt_3{
  padding:10% 0;
}
#section_pt_4{
}
#grid_alternativas{
    position: relative;
    width: 60%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 5%;
    color: #0d144b;
    margin-bottom: -40%;
    z-index: 9;
    margin-left: auto;
    margin-right: auto;
}

.item_grid{
  position:relative;
  width:48%;
  padding:3%;
  box-sizing: border-box;
  border: 1px solid #0D144B;
  background-color:#fff;
  margin: .5%;
  transition:all .3s;
  cursor:pointer;
}
.img_grid{
  position:relative;
  width:80%;
  margin:auto;
  display:block;
}
.txt_grid{
  position:relative;
  text-transform:uppercase;
  font-weight:700;
  font-size:1.2vw;
  text-align:center;
  z-index:99;
  margin-top:3%;
}

#section_pt_5{
  padding:15% 0;
  background-color:#F1F1F1;
  z-index:0;
}

#section_pt_6{
  padding:2% 0;
  background-color:#2EA1FE;
}
.div_clientes{
  position:relative;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.item_clientes{
  position:relative;
  width:9%;
}
.img_clientes{
  position:relative;
  width:80%;
}

#section_pt_7{
  padding:3% 0;
}

.img_comillas{
    position: relative;
    width: 5%;
    margin: 2% auto;
    display: block;
}
.txt_carrusel{
    position: relative;
    width: 37%;
    font-size: 1.5vw;
    font-style: italic;
    color: #0d144b;
    font-weight: 300;
    text-align: center;
    margin: auto;
  
}

.line_car{
  position:relative;
  width:2px;
  height:3vh;
  background-color:#0D144B;
  margin:2% auto;
}

.txt2_carrusel {
    position: relative;
    font-size: 1.1vw;
    font-style: italic;
    color: #2b44ff;
    font-weight: 700;
    text-align: center;
}
.item_carrusel{
  margin:3% auto;
}

#section_footer_pt{
  padding:3% 0;
  background-image:url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/back_footer.jpg);
  background-size:cover;
  background-position:center center;
  z-index: 1;
}

.div_foot{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.item_foot_l{
  position:relative;
  width:40% !important;
  
}
.item_foot_c{
  position:relative;
  width:50%;
}

.txt_foot_1{
    font-size: 1.3vw;
    color: #fff;
    margin: 3% 0 0 10%;
    letter-spacing: .2vw;
}
.icons_s{
  margin-left:10%;
}
.icon_s{
  position:relative;
  margin:0 1%;
  width:4%;
}
.line_foot{
  width:80%;
  margin:auto;
  border:1px solid #fff;
  background-color:#fff;
  margin:3% auto;
}
.datos_foot{
  position:relative;
  width:75%;
  margin:2% auto;
  color:#fff;
  font-size:1vw;
}
.txt_foot_datos{
  position:relative;
  cursor:pointer;
}
.logos_foot{
  position:relative;
  width:90%;
  margin:auto;
  color:#fff;
  font-size:1vw;
}
.div_logos {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5% 0;
}
.item_l{
  position:relative;
  width:48%;
}
.sep_l{
  width:1px;
  height:4vh;
  background-color:#fff;
  margin:0 6%;
}
.img_l{
  width:100%;
}
.img_puntos {
    position: absolute;
    top: 65%;
    left: 60%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20%;
}

.ind_sec{
  position:relative;
  display:flex;
  align-items:center;
 
}

.line_ind{
  position:relative;
  width:3vw;
  height: 1px;
  background-color:#0D144B;
}
.txt_ind{
  position:relative;
  font-size:1.2vw;
  color:#0D144B;
  margin-left:3%;
  font-weight:700;
}
.margin_1{
  margin-top:5%;
}

#sec2_txt_cent{
    position: relative;
    width: 50%;
    margin: auto;
    padding: 3%;
    background-color: #fff;
    z-index: 1;
    margin-bottom: -8%;
}
.txt_sec2_tc{
  position:relative;
  font-weight:500;
  font-size:1.2vw;
  text-align:center;
  z-index:99;
  font-style:italic;
}
.txt2_sec2_tc{
    position: relative;
    font-weight: 400;
    font-size: .8vw;
    text-align: right;
    font-style: italic;
}
#sec_in_3{
  padding:7% 0;
  background-color:#F0F1F4;
  z-index:0;
}
#sec_in_4{
  background-color: #F0F1F4;
  padding: 0 0 3% 0;
}

.bullets_sec4{
  position:relative;
  width:80%;
  margin-left:15%;
  margin-top:5%;
}
.bull_mar{
  position:relative;
  margin-bottom:3%;
}

.ent_contacto{
  position:relative;
  display:flex;
  align-items:center;
  margin-top:5%;
}
.icon_ec{
    width:88%;
}
.txt_ec{
  margin-left:5%;
  font-size: 1.25vw;
  font-weight:700;
  color:#0D144B;
  letter-spacing:.1vw;
  
}

#sec6_txt_cent{
    position: relative;
    width: 55%;
    margin: auto;
    padding: 3%;
    background-color: #fff;
    z-index: 1;
    margin-bottom: -12%;
}

#sec_in_7{
  padding:8% 0;
  background-color:#0D144B;
  z-index:0;
}
.btn_der{
  position:relative;
  width:100;
  display:flex;
  justify-content:flex-end;
}
#sec_in_8{
 padding: 0 0 3% 0;
  background-color:#0D144B;
    color:#fff;
}

.grid_post{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 6% auto -16% auto;
    z-index: 9;
  
}

.item_gp{
    position: relative;
    width: 25%;
    background-color: #fff;
    padding: 3% 0 0 0;
  cursor:pointer;
}

.txt1_gb{
  width:90%;
  margin:auto;
  color:#0D144B;
  font-size:1vw;
  font-weight:400;
}

.area_img{
  margin-top:5%;
  width:100%;
  height:25vh;
}
.img_gb{
    margin-top: 10%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.img_is{
  width: 15%;
  margin:0 1%;
}
.social_media_icon{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -5%;
}
#sec_in_9{
  padding:10% 0;
}
.img_puntos_ind {
    position: absolute;
    top: 2%;
    left: 83%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20%;
}

.grid_post2{
    position: relative;
    width: 80%;
    margin: 6% auto -16% auto;
    z-index: 9;
  
}


#sec_in_3_3{
  padding:2% 0;
  background-color:#f0f1f4;
}

.item_grid:hover{
  background-color:#B3EFFF;
}

.icon_ffa{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:100%;
    z-index: 999;
    box-sizing: border-box;
  border:.3vw solid #fff;
    display:none;
    cursor:pointer;
    object-fit: cover;
    object-position: center center;
}

.item_grid:hover> .icon_ffa{
    display: block;
}

.item_dc_1{
  position:relative;
  width:30%;
}

.item_dc_2{
  position:relative;
  width:70%;
}

/*********seccion qlik*************/

.logoQlik{
    width: 10%;
    margin: 5% 0;
}

.cuadro_qlik_before_bull:before { 
    content: "";
    position: absolute;
    top: 20%;
    left: -5%;
    width: .5vw;
    height: .5vw;
    background-color: #009848;
}

.cuadro_qlik_soc {
    position: relative;
    width: 1vw;
    height: 1vw;
    background-color: #009848;
    margin-bottom: 2%;
}

.txt_sec2_tc__txtRight-qlik{
    text-align: right;
}

.imgQlik_s2{
    width: 70%;
    margin: auto;
}

.lineQlik_s2 {
    border-bottom: 5px solid #009845;
    width: 250px;
    margin-bottom: 10%;
    outline: none;
}

#sec2_qlik{
    background-color: #0D144B;
    padding: 5% 0 15% 0;
}

.boxWhiteQlik{
    background-color: #FFFFFF;
    padding: 2% 5%;
    width: 70%;
    margin: auto auto -20% auto;
  box-shadow: 0px 10px 30px 10px rgb(0, 0, 0 ,0.2) !important;
}

.contFormQlik{
    width: 90%;
    margin: 10% auto 7% auto;
    display: flex;
    align-items: center;
}

.div50Qlik{
    width: 50%;
    display: flex;
    flex-direction: column;
}

.contFormQlik__txt{
    font-size: 1.1vw;
    color: #0D144B;
}

.contFormQlik__img{
    width: 70%;
    margin: 5% auto;
}

.contFormQlik__cta{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10%;
    width: 36%;
  cursor: pointer;

}

.contFormQlik__cta p{
    font-size: 1.3vw;
    color: #2BCBFF;
    font-weight: 700;
    letter-spacing: 3px;
}

.contFormQlik__cta img{
    width: 20%;
}

.boxFormQlik{
    background-color: rgba(95,95,95,0.1);
    backdrop-filter: blur(10px);
    padding: 3%;
    width: 80%;
    margin: auto;
}

.boxFormQlik__boxWhite{
    background-color: #FFFFFF;
    box-shadow: 0px 10px 20px 5px  rgba(0,0,0,0.2);
    padding: 3% 5%;
}

.boxFormQlik__title{
    font-size: 1.3vw;
    color: #0D144B;
    line-height: 1.5;
    text-align: center;
    width: 53%;
    margin: auto;
}

.boxFormQlik_subtitle{
    font-size: 1vw;
    color: #0D144B;
    margin: 2% 0 5% 0;
}

.back_qlik_green{
    background-color: #009845;
}

.btn_mas_qlik {
    background-color: #009845;
    color: #fff;
    font-size: 1.1vw;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 3% 0;
}

.zindexQlik{
  z-index: -1;
}

.cont-cardQlik2txt{
    position: relative;
}

.cardQlik2txt {
    position: relative;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.2);
    width: 90%;
    margin: 15% auto -25% auto;
    padding: 4% 5%;
    z-index: 2;
}

.cardQlik2txt__title {
    width: 75%;
}

.cardQlik2txt__subtitle {
    border-top: 1px solid #0D144B;
    margin-top: 1%;
    padding-top: 1%;
    margin-bottom: 5%;
}

.cardQlik2txt__cont2 {
    display: flex;
    align-items: baseline;
}

.cardQlik2txt__cont2-box{
    padding-top: 4%;
    padding-bottom: 4%;
    display: flex;
  width: 50%;
    justify-content: center;
      flex-direction: column;
}

.borderRQlik{
    border-right: 1px solid #0D144B;
}

.cardQlik2txt__cont2-box strong{
    font-size: 1.8vw;
    font-weight: 700;
    margin-bottom: 5%;
    text-align: center;
}

.cardQlik2txt__cont2-box p{
    font-size: 1.1vw;
    text-align: left;
    width: 60%;
    margin: auto;
}

.cardQlik2txt__imgPuntos{
    position: absolute;
   top: -17%;
    right: -7%;
    width: 30%;
}

#sec_blueQlik{
    background-color: #0D144B;
    padding: 20% 0 5% 0;
}

.sec_blueQlik__txt{
    color: #FFFFFF;
    font-size: 1.3vw;
    text-align: center;
    width: 70%;
    margin: 5% auto auto auto;
}

.lQplik1::before{
    content: '';
    background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20%20Qlik/asset1.png);
    background-size: cover;
    width: 1.3vw;
    height: 1vw;
    background-repeat: no-repeat;
    position: absolute;
    left: -1.4%;
}

.lQplik2::after{
    content: '';
    background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20%20Qlik/asset1.png);
    background-size: cover;
    width: 1.3vw;
    height: 1vw;
    background-repeat: no-repeat;
    position: absolute;
    right: auto;
    margin-left: 2px;
}

.boxWhiteQlik__txt{
    width: 90%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.boxWhiteQlik__txt-sign{
    text-align: right !important;
}

.back_verdeQlik {
    background-color: #009848;
}



















/*  ****************   movil  *************** */


#main_logo_hd_m{
  position:relative;
  width:100%;
}
.menu_hamburguesa{
  width:100%;
}
#back_azul_movil {
    padding: 23% 0;
    background-color: #0d144b;
    z-index: -1;
    margin-top: -25%;
}
.hover_sol_m{
  position:absolute;
  width:100%;
  height:100%;
  z-index:99;
  top:0;
  left:0;
  display:none;
  
}


#menu_movil_pp{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:9999999999;
  background-color:#0C144B;
  display:none;
  transition:all 1s;
}
.mm_head{
  position:relative;
  padding:1%;
  width:90%;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.item_mh{
  position:relative;
  width:48%;
}
.mhm_logo {
    position: relative;
    width: 20%;
}
.menu_hm{
  position:relative;
  width:15%;
}
.img_r{
  display:flex;
  justify-content:flex-end;
}
.mm_inner{
  position:relative;
  margin : 5% auto auto auto;
  width:90%;
  color:#fff;
}
.op_mm_txt{
    position: relative;
    width: 85%;
    margin-left: 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 6vw;
    font-weight: 400;
    margin-bottom: 4%;
}
.op_mm_txt2:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -15%;
    width: 4.5vw;
    height: 4.5vw;
    background-color: #2BCBFF;
    margin-top: -2vw;
}
.op_mm_txt:before {
     content: "";
    position: absolute;
    top: 50%;
    left: -15%;
    width: 4.5vw;
    height: 4.5vw;
    background-color: #2BCBFF;
    margin-top: -2vw;
}
#logos_footer_movil{
  position:absolute;
  bottom:2%;
  width:90%;
  left:5%;
    
}
.main_logos_foot_m{
  position:relative;
  width:60%;
  margin:auto;
}

.op_mm_txt2 {
    position: relative;
    width: 85%;
    margin-left: 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 5vw;
    font-weight: 400;
    margin-bottom: 5%;
}

.rotar_180{
   transform:rotate(180deg);
}
#mm_industrias{
  display:none;
}






/*   fin movil******************************* */








.img_logo_hp{
    width: 38%;
    margin: auto;
    display: block;
}



















.item_menu:hover, .item_menu_activo{
  color:#fff;
}
.back_morado{
  background-color:#2B44FF;
}
.back_rosa{
  background-color:#E41376;
}
.back_morado_c{
  background-color:#7888FF;
}
.back_verde{
  background-color:#28F590;
}
.back_cian_daas{
  background-color:#2BCBFF;
}
.mtop_10{
  margin-top:10%;
}
.blanco_t{
  color:#fff;
}
.cuadro_before:before {
    content: "";
    position: absolute;
    top: 20%;
    left: -5%;
    width: 1vw;
    height: 1vw;
    background-color: #2BCBFF;
}

.cuadro_before_bull:before {
    content: "";
    position: absolute;
    top: 20%;
    left: -5%;
    width: .5vw;
    height: .5vw;
    background-color: #2BCBFF;
}
.txt_center{
  text-align:center;
}
.main_blue{
  color:#0D144B;
}
.sombra{
  -webkit-box-shadow: -2px 0px 30px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: -2px 0px 30px 0px rgba(0,0,0,0.25);
  box-shadow: -2px 0px 30px 0px rgba(0,0,0,0.25);
}

.txt_left{
  text-align:left;
}

#cont_r_sec4{
    width: 57%;
    margin: auto;
    padding: 10% 3%;
    box-sizing: border-box;
  background-color:#fff;
}
.div2_fend{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10%;
}
.item_div2_fe{
  width:48%;
}
.size_20{
  width:20%;
}

#sec_in_5{
  padding:3% 0;
}

.width_sec_in5{
  position:relative;
  width:60%;
  margin:3% auto auto auto;
}

#grupo_logos{
  position:relative;
  width:50%;
  margin:5% auto auto auto;
  display:block;
}
.fondo_morado{
  background-color:#2B44FF;
}
.line_sec6_in{
  width:100%;
  margin:2% 0;
  background-color:#0D144B;
  border:1px solid #0D144B;
 }
.upp_out{ 
      text-transform: inherit;
  
}
.width_75{
  width: 75%;
  margin: auto;
}
.icon_contacto_sec6{
  width:20%;
}
.padding_2{
  padding:2% 3% !important;
}



#sec_in_3_1{
  padding:5% 0;
  background-color:#0D144B;
}
#sec_in_3_2{
  padding:3% 0;
  background-color:#0D144B;
}

.img_man_sec3{
  position:relative;
  width:90%;
  margin-left:10%;
}
.azul_c{
  color:#2BCBFF;
}


.img_banner_inner{
	position: relative;
	width: 80%;
	margin: auto;
	display: block;
}

.back_img_banner{
	background-size: 100%;
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 45vh;
}
#backslide_manufactura{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/industrias/img_banner_manu.png");
	
}
#backslide_home{
	background-image:url("https://www.perceptron.mx/hubfs/Sitio%20Web%20Perceptron/home/ban-home.png");
	
}
#backslide_financiero{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/industrias/img_banner_finan-1.png");
	
}
#backslide_retail{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/industrias/img_banner_retail.png");
	
}



.cuadro_before_im:before {
        content: "";
    position: absolute;
    bottom: -8%;
    left: -33%;  /*-40%*/
    width: .6vw;
    height: .6vw;
    background-color: #29ceff;
}

/* ----        menu desplegable -----------------*/
.submenu_pt{
    position: absolute;
    width: 30vw;
    box-sizing: border-box;
    margin-left: -15.5vw;
    z-index: 9;
}
.subm_inner{
     width:100%;
    padding: 3% 0;
    z-index: 9;
    display: flex;
    justify-content: space-around;
    background-color:#2B44FF;
  margin-top: 5%;
}




.op_desp>div{
  display:none;
 }
.op_desp:hover>div{
    display: block;
}
.sub_menu_pt{
   font-size: .8vw;
    color:#fff;
    font-weight:400;
    transition:all .3s;
    cursor:pointer;
  text-transform:uppercase;
  text-align: center;
}
.sub_menu_pt:hover{
  color:#2BCBFF;
  
}

.blanco{
  color:#fff;
}

/************** servicios **************/

.cuadro_cian_before_bull:before { 
    content: "";
    position: absolute;
    top: 20%;
    left: -5%;
    width: .5vw;
    height: .5vw;
    background-color: #2B44FF;
}

.cuadro_cian_soc {
    position: relative;
    width: 1vw;
    height: 1vw;
    background-color: #2B44FF;
    margin-bottom: 2%;
}

.cuadro_rosa_before_bull:before { 
    content: "";
    position: absolute;
    top: 20%;
    left: -5%;
    width: .5vw;
    height: .5vw;
    background-color: #E41376;
}

.cuadro_rosa_soc {
    position: relative;
    width: 1vw;
    height: 1vw;
    background-color: #E41376;
    margin-bottom: 2%;
}

.cuadro_lila_before_bull:before { 
    content: "";
    position: absolute;
    top: 20%;
    left: -5%;
    width: .5vw;
    height: .5vw;
    background-color: #7888FF;
}

.cuadro_lila_soc {
    position: relative;
    width: 1vw;
    height: 1vw;
    background-color: #7888FF;
    margin-bottom: 2%;
}

.img_90_soc{
  margin: auto;
	width: 63%;
}

.img_man_sec3_soc{
  position: relative;
    width: 55%;
    margin: auto;
    display: flex;
}

#backslide_computo{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/servicios/Group%2013630.png");
	}
#backslide_datos{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/servicios/Group%2013631.png");
	}
#backslide_redes{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/servicios/Group%2013632.png");
	}
#backslide_greenlake{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/Greenlake/Grupo%2053374@2x.png");
	}
#backslide_qlik{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20%20Qlik/Group%2055164.png");
	}
#backslide_hiperconvergencia{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/Hiperconvergencia/Grupo%2054752.png");
	}
/**************seccion daas*****************/

.bannerDaas{
    position: relative;
    width: 75%;
    margin: 7% auto -4% auto;
}

.bannerDaas_img{
    width: 100%;
}

.item_desk{
  display: block;
}

.item_movil{
  display: none;
}

.img_box_daas{
  position: absolute;
     right: -6%;
    top: -6%;;
  width: 20%;
}

.video_dass{
  width: 100%;
    /*border: 8px solid #FFFFFF;*/
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
  position: relative;
}

.txt_hover_daas {
    font-weight: 500;
    font-size: 1.1vw;
    width: 85%;
    margin: 55% auto auto auto;
   line-height: 1.2;
}

.txt_beneficios_top{
  z-index: 15;
}

.back_cian_daas{
  background-color:#2BCBFF;
}

#backslide_daas{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20daas/Group%2053369.png");
	}

.title_form_daas{
    font-size: 20px;
    color: #0D144B;
    text-align: center;
  margin-bottom: 5%;
  width: 90%;
    margin: auto;
}

.subtitle_form_daas{    
    font-size: 16px;
    color: #0D144B;
    margin: auto auto 5% auto;
    width: 90%;
  text-align: center;
}



.content_form_daas {
    padding: 4%;
    background-color: rgb(255 255 255 / 37%);
    width: 80%;
    backdrop-filter: blur(5px);
}

#form_content_daas {
    position: relative;
    margin: auto;
    background-color: #FFFFFF;
    box-sizing: content-box;
    padding: 5% 5% 5% 5%;
    text-align: left;
    color: #0D144B;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
  
}

.img_secform_daas {
    position: relative;
    width: 100%;
    margin: 3% auto auto auto;
}

#sec_in_4_daas {
    background-color: #FFFFFF;
    padding: 3% 0;
}

.content_servicios_daas {
    width: 90%;
    padding: 4% 0 0 0;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.block_servicios {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2% 0;
}

.block_servicios_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2% 0;

}

.box_servicios{
    display: flex;
    flex-direction: column;
    width: 23%;
  margin: 0 1%;
  position: relative;
}

.background_servicio{
    background-color: #0D144B;
    color: #FFFFFF;
    font-size: 1.3vw;
    margin-bottom: 2px;  
    text-transform: uppercase;  
  text-align: center;
      padding: 7% 0 1% 0;
     height: 16em;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.img_servicio_box{
    position: relative;
    margin: auto;
    width: 65%;
}

.btn_mas_servicio{
    background-color: #2BCBFF;
    color: #FFFFFF;
    font-size: 1.1vw;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 3% 0;
}

.img_flecha_box{
    width: 12%;
}

#sec_in_citakia {
    background-color: #F0F1F4;
    padding: 2% 0;
    z-index: 1;
      margin-bottom: 5%;
}

.content_citakia {
    font-size: 1.7vw;
    color: #0D144B;
}

.txt_kiamotors {
    font-size: 1.7vw;
    text-align: right;
    color: #0D144B;
}

.img_comillas_l {
    position: absolute;
  left: -3%;
    width: 3%
}

.img_comillas_r {
    position: absolute;
    right: 23%;
    bottom: 30%;
  width: 3%
}

.txt_lista_daas {
    font-size: 1vw;
    font-weight: 400;
    color: #0D144B;
    margin-bottom: 3%;
}

.txt_lista_daas::before {
    content: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20daas/Rectangle%209011.png);
    margin-right: 1%;
}

.cuadro_cian_daas {
    position: relative;
    width: 1vw;
    height: 1vw;
    background-color: #7888FF;
    margin-bottom: 2%;
}

.cuadro_cian2_daas {
    position: relative;
    width: 1vw;
    height: 1vw;
    background-color: #2BCBFF;
    margin-bottom: 2%;
}

.btn_credito_daas {
    display: flex;
    justify-content: flex-end;
      margin-top: 5%;

}

.btn_credito_txt {
    color: #0D144B;
    font-size: 1.5vw;
   display: flex;
    align-items: center;
  width: 42%;
}

.img_btn_credito {
   margin-right: 4%;
    width: 10%;
}

.movil_servicios_daas{
    display: none;
}

.desk_servicios_daas{
    display: block;
}

#sec_in_3_2_daas{
  padding:3% 0;
  background-color:#0D144B;
}

/**************contacto*****************/


/*.hs-button::before {
   background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/Entremos%20en%20contacto.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 75%;
}*/

.hs-error-msgs {
    margin-left: 5%;
}



.hs-button {
background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20daas/Group%2013003.png);
  background-repeat: no-repeat;
  background-position: 95% 40% ;
   cursor: pointer;
    font-weight: 700;
    color: #FFFFFF;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 15px;
    padding: 3% 5%;
    width: 50%;
      background-color: #2B44FF;
  position: relative;
  letter-spacing: 2px;
      margin-top: 5%;
  font-family: Titillium Web,sans-serif !important;
}

.hs-input {
    border: none;
    border-bottom: 1px solid #000;
    width: 100%;
    color: #0d144b;
    margin: 0 0 3.5% 0;
      font-size: 1.2vw;
    outline: none;
  font-family: Titillium Web,sans-serif !important;
}

.actions {
    display: flex;
    justify-content: flex-end;
    padding: 10% 0 0 0;
  background: transparent;
  width: 100%;
}

.img_esquina{
    left: 57%;
    position: absolute;
    top: -3%;
}

.img_puntos_contact {
    position: absolute;
    top: 65%;
    left: 56%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20%;
}

.div_mitad_contact {
    display: flex;
    justify-content: space-between;
}

.content_form {
    padding: 2%;
    background-color: rgba(130,130,130,0.2);
    width: 70%;
    backdrop-filter: blur(5px);
}

#form_content_react {
    position: relative;
    margin: auto;
    min-height: 50vh;
    background-color: #FFFFFF;
    box-sizing: content-box;
    padding: 5% 5% 5% 5%;
    text-align: left;
}

.div_sociales {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 38%;
}

.item_mitad35 {
    position: relative;
    width: 45%;
}

.item_mitad65 {
    position: relative;
    width: 55%;
}

#backslide_contacto{
	background-image:url("https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/Group%2013630.png");
	}

.line_ind_contact {
    position: relative;
    width: 21vw;
    height: 1px;
    background-color: #0d144b;
}

.sub_title_contact {
    font-weight: 400;
    font-size: 1.3vw;
    color: #0d144b;
}

.txt_ind_contact {
    position: relative;
    font-size: 3.7vw;
    color: #0d144b;
    font-weight: 700;
}


/******************nosotros*********************/

.line_ind_nos{
    position: relative;
    width: 21vw;
    height: 1px;
    background-color: #0d144b;
}

.padd_bott_5 {
    padding: 0 0 7% 0;
}

.padd_13 {
    padding: 13% 0 0 0;
}

#seccion_pt_1_nos {
    padding: 3% 0 8% 0;
    background-color: #fff;
    margin-top: 5%;
}

.item_mitad25 {
    position: relative;
    width: 25%;
}

.item_mitad75 {
    position: relative;
    width: 75%;
}

.div_sociales_nos {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 72%;
}
.img_100{
	width: 100%;
}

.logo_hp{
  width: 58%;
    margin: auto;
    display: block;
}
.pointer{
  cursor:pointer;
}
.submenu_sol{
      width: 37vw;
    margin-left: -11vw;
}
.subm_inner_s {
    width: 100%;
    padding: 3.6% 1% 2.3% 1%;
    z-index: 9;
    display: flex;
    justify-content: space-around;
    background-color: #2B44FF;
    margin-top: 4.6%;
    column-gap: 15px;
  align-items: center;
}


/**********nuevo menu marzo 2022************/
.subItemM1{
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.subItemM1_txt{
    color: #FFFFFF;
    font-size: 0.8vw;
}

.subItemM1_flecha{
    width: 12px;
    margin: 5% auto auto auto;
  transition: all 0.5s;
}

.m-flecha{
  margin-top: 20%;
}

#subsubSolOp1:hover .subItemM1_flecha{
 transform: rotate(-180deg);
  transition: all 0.5s;
}

#subsubSolOp2:hover .subItemM1_flecha{
 transform: rotate(-180deg);
  transition: all 0.5s;
}

#subsubSolOp3:hover .subItemM1_flecha{
 transform: rotate(-180deg);
  transition: all 0.5s;
}

#subsubSolOp4:hover .subItemM1_flecha{
 transform: rotate(-180deg);
  transition: all 0.5s;
}

#subsubSolOp1:hover .subhhiddenSolOp1 {
    display: block;
}

.subhhiddenSolOp1 {
    display: none;
    position: absolute;
    top: 75%;
    left: 0;
    width: 28%;
    z-index: 11;
    padding-top: 5%;
}

#subsubSolOp2:hover .subhhiddenSolOp2 {
    display: block;
}

.subhhiddenSolOp2 {
    display: none;
    position: absolute;
    top: 75%;
    left: 28%;
    width: 28%;
    z-index: 11;
    padding-top: 5%;
}

#subsubSolOp3:hover .subhhiddenSolOp3 {
    display: block;
}

.subhhiddenSolOp3 {
    display: none;
    position: absolute;
    top: 75%;
    left: 53%;
    width: 28%;
    z-index: 11;
    padding-top: 5%;
}

#subsubSolOp4:hover .subhhiddenSolOp4 {
    display: block;
}

.subhhiddenSolOp4 {
    display: none;
    position: absolute;
    top: 75%;
    left: 79%;
    width: 23%;
    z-index: 11;
    padding-top: 5%;
}

.subMenuSeg{
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #2EA1FE;
  color: #FFFFFF;
  font-size: 0.8vw;
}

.subitem p {
    padding: 12% 0;
}

.subitem p:hover {
    background-color: #0D144B;
}

/**********fin nuevo menu marzo 2022************/


/*********botones industrias*******/

.div_btn_leer_movil {
    display: flex;
    padding: 1% 0;
}

.img_leer_movil {
    width: 80%;
    margin: auto;
    position: relative;
    left: 13%;
}

.img_leer {
    position: relative;
    z-index: 1;
    top: -14%;
    left: 10%;
    width: 80%;
    margin-top: -6%;
}

/*.img_leer {
    position: absolute;
    z-index: 1;
    top: 415px;
    left: 28px;
    width: 80%;
}*/




.video_sec{
  position:relaitve;
  width:50%;
  margin:auto;
  display:block;
}

/*   *********************************************     GREENLAKE   ****************************************  */

.line_greenlake{
  position:relative;
  width:40%;
  border:5px solid #28F590;
  background-color:#28F590;
  margin:2% 0;
}

.line_hiperconvergencia{
  position:relative;
  width:40%;
  border:5px solid #FD8323;
  background-color:#FD8323;
  margin:2% 0;
}



.verde_greenlake{
  background-color:#28F590;
}

.naranja_hiper{
  background-color:#FD8323;
}

.cuadro_verde::before {
    content: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/Greenlake/Rect%C3%A1ngulo%209003.png);
    margin-right: 1%;
}

.cuadro_naranja::before {
    content: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/Hiperconvergencia/Rect%C3%A1ngulo%209003.png);
    margin-right: 1%;
}

.servicios_gl {
    position: relative;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.item_sgl{
  position:relative;
  width:30%;
  margin:0 1%;
}

.img_igl{
  position:relaive;
  width:100%;
}

.txt_centro{
  text-align:center;
}

.separador_sgl{
  position:relative;
  width:1px;
  height:15vh;
  background-color:#0D144B;
  
}
.separador_d_sgl {
    position: relative;
    width: 10vw;
    height: 1px;
    background-color: #0d144b;
    margin: 12% auto;
}
.linea_verde_s3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1%;
    height: 15vh;
    background-color: #28f590;
}
.linea_naranja_s3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1%;
    height: 15vh;
    background-color: #FD8323;
}


.margin_0{
  margin:2% auto;
}


.txt_hover_gl{
  font-weight:500;
  /*font-size:1.1vw;*/
  font-size:.8vw;
  width:85%;
  margin:auto;
}


.parr_ext1{
    position: relative;
    width: 60%;
    margin: 5% auto 3% auto;
    text-align: center;
}

#pleca_gris_hp{
  background: rgba(13,20,75,.06);
  padding:3% 0;
}

.parr_ext2 {
    position: relative;
    width: 60%;
    text-align: center;
  margin:auto;
}


.clase_btn_ex{
      width: 60%;
    display: flex;
    justify-content: flex-end;
    margin: 5% auto 0;
}


.ctxt_greenlake{
  color:#FFFFFF !important;
}




/********************modificacion seccion greenlake en LP****************/
#header_gl {
    background-color: #fff;
    padding: 1% 0;
  box-shadow: 8px 8px 8px 0px rgb(42 67 113 / 15%);
    
}
.img_hgl {
    width: 35%;
}

.div_flex{
  display:flex;
  align-items: center;
}

.content_form_daas_2 {
    padding: 4%;
    background-color: rgb(221, 221, 247, 0.3);
    width: 90%;
    backdrop-filter: blur(5px);
}

.img_secform_daas_2 {
    position: relative;
    width: 80%;
    margin: 3% auto auto auto;
}

#seccion_pt_1_2lp{
  padding:4% 0 5% 0;
  background-color:#fff;
  margin-top:5%;
}
/****************** footer ************************/

.pointer{
  cursor: pointer;
}

.img_techmatt {
    width: 30%;
    margin-bottom: 2%;
}

.img_social {
    width: 100%;
}

.div_sociales {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 25%;
    margin-bottom: 3%;
}

.content_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #FFFFFF;
    width: 40%;
    margin: auto;
}

#footer {
    background-color: #0C144B;
    padding: 1% 0;
}


/****************seccion charlas de cafe***********************/

#sec1_chCafe{
  margin-top: 5%;
    padding: 8% 0;
}

.boxContent tspan{
  font-family: 'Titillium Web',sans-serif !important;
}

.boxContent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.boxContent__box {
  position: relative;
    display: flex;
    flex-direction: column;
    width: 45%;
}

.boxContent__box .dot {
    width: 4%;
    margin-bottom: 3%;
}

.boxContent__box .title {
    font-size: 3.9vw;
    color: #0D144B;
    font-weight: 700;
      margin-bottom: -4%;
}

.boxContent__box .subtitle {
    font-size: 3.4vw;
    color: #2EA1FE;
    font-weight: 400;
}

.boxContent__box .line {
    width: 80%;
    border-bottom: 1px solid #0D144B;
}

.ctaAyuda {
    position: absolute;
    bottom: -75%;
    left: -18%;
    width: 40%;
}

.boxContent .img_main {
    width: 40%;
}

/**********************  seccion charlas de cafe v2 ***************************************/



:root {
  --fsize-20: 1.12vw;
  --fsize-25: 1.41vw;
  --fsize-30: 1.69vw;
  --fsize-35: 1.97vw;
  --fsize-40: 2.25vw;
  --fsize-52: 2.93vw;
  --fsize-55: 3.1vw;
  --fsize-65: 3.6vw;
  --fsize-70: 3.95vw;
}

.section_full {
  position: relative;
  width: 100%;
}

.sec_box {
  position: relative;
  width: 81%;
  margin: auto;
}

/* sec 1 **/

b {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
}

#CCSec1 {
  padding: 10% 0 7% 0;
}

.CCS1C1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.CCS1C1B1 {
  display: flex;
  flex-direction: column;
  width: 47%;
}

.CCS1C1B1_it1 {
  font-size: var(--fsize-70);
  color: #0D144B;
  line-height: 1.2;
}

.CCS1C1B1_it2 {
  width: 50%;
  border: 5px solid #2B44FF;
  margin: 5% 0;
}

.CCS1C1B1_it3 {
  font-size: var(--fsize-25);
  color: #0D144B;
}

.CCS1C1B2 {
  width: 47%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.CCS1C1B2_it1 {
  width: 85%;
  align-self: flex-end;
  z-index: 2;
  margin-bottom: -60%;
}

.CCS1C1B2_it2 {
  width: 70%;
}

.parallax-image {
  height: auto;
  transition: transform 0.2s ease-out;
}

.parallax-image:hover {
  transform: translate(-2px, -2px);
}


/* sec2 **/

#CCSec2 {
  background-color: #0D144B;
  padding: 3% 0 22% 0;
}

.CCS2C1 {
  text-align: center;
  font-size: var(--fsize-40);
  color: #FFF;
}

/*** sec3 **/
#CCSec3 {
  padding:5% 0 9% 0;
  background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20charlas%20de%20cafe/Group%201474.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: 96% 22%;
}

.CCS3C1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 2.5vw;
  row-gap: 8vw;
  margin-top: -28%;
  border-bottom: 1px solid #000;
    padding-bottom: 8%;
}

.CCS3C1B1 {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 5px 1px 20px rgba(13, 20, 75, .2);
}

.CCS3C1B1 > a{
  height: 100%;
}

.CCS3C1B1D1 {
  background-color: #FFF;
  padding: 6%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  row-gap: 1.2vw;
  height: 100%;
}

.CCS3C1B1D1_it1 {
  font-size: var(--fsize-25);
  color: #0D144B;
  text-transform: uppercase;
  line-height: 1.2;
  width: 83%;
  font-weight: 700;
}

.CCS3C1B1D1_it2 {
  font-size: var(--fsize-20);
  color: #0D144B;
}

.CCS3C1B1D2 {
  width: 100%;
  height: 100%;
}

.CCS3C1B1D3 {
  position: absolute;
  bottom: -4%;
  right: 5%;
  width: 50%;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}

.CCS3C1B1D3_it1 {
  width: 18%;
  margin: 0;
  padding: 0;
}

/********************* internas charlas de cafe *****************************/
/***interna 1 sustentabilidad financiera ***/
/* sec 1 **/

b {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
}

#CL1_Sec1{
  background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20charlas%20de%20cafe/lp%20internas%20charlas%20de%20cafe/Group%2063631.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 15% 0 7% 0;
}

.CL1S1C1{
  width: 70%;
  margin: auto;
  position: relative;
  padding: 0 4%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL1S1C1_dot1{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
}

.CL1S1C1_dot2{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 0;
  right: 0;
}

.CL1S1C1_it1{
  font-size: var(--fsize-35);
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL1S1C1_it2{
  font-size: var(--fsize-52);
  color: #2BCBFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL1S1C1_it3{
  font-size: var(--fsize-30);
  color: #FFF;
  text-align: center;
  line-height: 1.2;
}

/*** sec2 ****/

.none{
  display: none;
}

#CL1_Sec2{
  padding: 6% 0;
}

.CL1S2C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL1S2C1B1{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL1S2C1B1_it1{
  width: 18px;
  height: 18px;
  background-color: #2BCBFF;
  margin-bottom: 5%;
}

.CL1S2C1B1_it2{
  font-size: var(--fsize-40);
  color: #0D144B;
  line-height: 1.2;
}

.CL1S2C1B1_it3{
  color: #FFF;
  background-color: #2B44FF;
  padding: 0 1%;
  box-sizing: border-box;
  font-weight: 700;
  font-size: var(--fsize-55);
}

.CL1S3C1B1 img,video{
  width: 100%;
}

.CL1S2C1B1_it4{
  font-size: var(--fsize-55);
  font-weight: 700;
  color: #0D144B;
}

.CL1S2C1B1_it5{
  font-size: var(--fsize-40);
  color: #0D144B;
}

.CL1S2C1B2{
  width: 47%;
  display: flex;
  justify-content: center;
}

.CL1S2C1B2D1{
  width: 100%;
  background-color: #FFF;
  padding: 8% 4%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 20px rgba(13,20,75,0.2);
}

.CL1S2C1B2D1_it1{
  text-align: center;
  background-color: #2BCBFF;
  color: #FFF;
  font-weight: 700;
  line-height: 1.2;
  width: fit-content;
  margin: auto auto 2% auto;
  padding: 2%;
  box-sizing: border-box;
  font-size: var(--fsize-35);
}

.CL1S2C1B2D1_it2{
  color: #0D144B;
  font-size: var(--fsize-20);
  text-align: center;
  margin-bottom: 3%;
}

/*** sec3 **/

#CL1_Sec3{
  background-color: #2EA1FE;
  padding: 3% 0;
}

.CL1S3C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL1S3C1B1{
  width: 47%;

}

.CL1S3C1B2{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 3vw;
}

.CL1S3C1B2D1{
  font-size: var(--fsize-40);
  color: #FFF;
}

.CL1S3C1B2D2{
  color: #FFF;
  font-size: var(--fsize-30);
}



/************footer**************/

#footer {
  background-color: #0C144B;
  padding: 4% 0;
}

.contFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.boxRss {
  width: 10%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1em;
}

.boxMatters {
  border-bottom: 1px solid #FFFFFF;
  width: 40%;
  margin: 2% auto auto auto;
  padding-bottom: 1%;
  text-align: center;
}

.boxMatters_img {
  width: 50%;
  margin: auto;
}

/** int 2 ***/

#CL2_Sec1{
  background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20charlas%20de%20cafe/lp%20internas%20charlas%20de%20cafe/ck2.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 15% 0 7% 0;
}

.CL2S1C1{
  width: 36%;
  margin: auto;
  position: relative;
  padding: 0 4%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL2S1C1_dot1{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
}

.CL2S1C1_dot2{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 0;
  right: 0;
}

.CL2S1C1_it1{
  font-size: var(--fsize-35);
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL2S1C1_it2{
  font-size: var(--fsize-55);
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL2S1C1_it3{
  font-size: var(--fsize-70);
  color: #FFF;
  text-align: center;
  line-height: 1.2;
}

/*** sec2 ****/

#CL2_Sec2{
  padding: 6% 0;
}

.CL2S2C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL2S2C1B1{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL2S2C1B1_it1{
  width: 18px;
  height: 18px;
  background-color: #2BCBFF;
  margin-bottom: 5%;
}

.CL2S2C1B1_it2{
  font-size: var(--fsize-30);
  color: #0D144B;
  line-height: 1.2;
}

.CL2S2C1B1_it3{
  color: #2EA1FE;
  font-weight: 700;
  font-size: var(--fsize-65);
}

.CL2S2C1B1_it4{
  font-size: var(--fsize-55);
  font-weight: 700;
  color: #0D144B;
}

.CL2S2C1B1_it5{
  font-size: var(--fsize-40);
  color: #0D144B;
}

.CL2S2C1B2{
  width: 47%;
  display: flex;
  justify-content: center;
}

.CL2S2C1B2D1{
  width: 100%;
  background-color: #FFF;
  padding: 8% 4%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 20px rgba(13,20,75,0.2);
}

.CL2S2C1B2D1_it1{
  text-align: center;
  background-color: #2BCBFF;
  color: #FFF;
  font-weight: 700;
  line-height: 1.2;
  width: fit-content;
  margin: auto auto 2% auto;
  padding: 2%;
  box-sizing: border-box;
  font-size: var(--fsize-35);
}

.CL2S2C1B2D1_it2{
  color: #0D144B;
  font-size: var(--fsize-20);
  text-align: center;
  margin-bottom: 3%;
}

/*** sec3 **/

#CL2_Sec3{
  background-color: #2EA1FE;
  padding: 5% 0;
}

.CL2S3C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL2S3C1B1{
  width: 47%;
  margin: 0 auto; 
}

.CL2S3C1B2{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 3vw;
}

.CL2S3C1B2D1{
  font-size: var(--fsize-40);
  color: #FFF;
}

.CL2S3C1B2D2{
  color: #FFF;
  font-size: var(--fsize-30);
}


/***** int 3 ****/

#CL3_Sec1{
  background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20charlas%20de%20cafe/lp%20internas%20charlas%20de%20cafe/Group%2063632-1.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 15% 0 7% 0;
}

.CL3S1C1{
  width: 48%;
  margin: auto;
  position: relative;
  padding: 0 4%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL3S1C1_dot1{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
}

.CL3S1C1_dot2{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 0;
  right: 0;
}

.CL3S1C1_it1{
  font-size: var(--fsize-35);
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL3S1C1_it2{
  font-size: var(--fsize-52);
  color: #2BCBFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL3S1C1_it3{
  font-size: var(--fsize-30);
  color: #FFF;
  text-align: center;
  line-height: 1.2;
}

/*** sec2 ****/

#CL3_Sec2{
  padding: 6% 0;
}

.CL3S2C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL3S2C1B1{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL3S2C1B1_it1{
  width: 18px;
  height: 18px;
  background-color: #2BCBFF;
  margin-bottom: 5%;
}

.CL3S2C1B1_it2{
  font-size: var(--fsize-30);
  color: #0D144B;
  line-height: 1.2;
}

.CL3S2C1B1_it3{
  color: #2EA1FE;
  font-weight: 700;
  font-size: var(--fsize-65);
}

.CL3S2C1B1_it4{
  font-size: var(--fsize-55);
  font-weight: 700;
  color: #0D144B;
}

.CL3S2C1B1_it5{
  font-size: var(--fsize-40);
  color: #0D144B;
}

.CL3S2C1B2{
  width: 47%;
  display: flex;
  justify-content: center;
}

.CL3S2C1B2D1{
  width: 100%;
  background-color: #FFF;
  padding: 8% 4%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 20px rgba(13,20,75,0.2);
}

.CL3S2C1B2D1_it1{
  text-align: center;
  color: #01A982;
  font-weight: 700;
  line-height: 1.2;
  width: fit-content;
  margin: auto auto 2% auto;
  font-size: var(--fsize-35);
}

.CL3S2C1B2D1_it2{
  color: #0D144B;
  font-size: var(--fsize-20);
  text-align: center;
  margin-bottom: 3%;
}

/*** sec3 **/

#CL3_Sec3{
  background-color: #2EA1FE;
  padding: 5% 0;
}

.CL3S3C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL3S3C1B1{
  width: 47%;
  margin: 0 auto;
}

.CL3S3C1B2{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 3vw;
}

.CL3S3C1B2D1{
  font-size: var(--fsize-40);
  color: #FFF;
}

.CL3S3C1B2D2{
  color: #FFF;
  font-size: var(--fsize-30);
}

/** int 4 **/

#CL4_Sec1{
  background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20charlas%20de%20cafe/lp%20internas%20charlas%20de%20cafe/Group%2063631-2.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 15% 0 7% 0;
}

.CL4S1C1{
  width: 70%;
  margin: auto;
  position: relative;
  padding: 0 4%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL4S1C1_dot1{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
}

.CL4S1C1_dot2{
  background-color: #2BCBFF;
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 0;
  right: 0;
}

.CL4S1C1_it1{
  font-size: var(--fsize-55);
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL4S1C1_it2{
  font-size: var(--fsize-70);
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.CL4S1C1_it3{
  font-size: var(--fsize-30);
  color: #FFF;
  text-align: center;
  line-height: 1.2;
}

/*** sec2 ****/

#CL4_Sec2{
  padding: 6% 0;
}

.CL4S2C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL4S2C1B1{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}

.CL4S2C1B1_it1{
  width: 18px;
  height: 18px;
  background-color: #2BCBFF;
  margin-bottom: 5%;
}

.CL4S2C1B1_it2{
  font-size: var(--fsize-40);
  color: #0D144B;
  line-height: 1.2;
}

.CL4S2C1B1_it3{
  color: #2EA1FE;
  font-weight: 700;
  font-size: var(--fsize-55);
}

.CL4S2C1B1_it4{
  font-size: var(--fsize-55);
  font-weight: 700;
  color: #0D144B;
}

.CL4S2C1B1_it5{
  font-size: var(--fsize-40);
  color: #0D144B;
}

.CL4S2C1B2{
  width: 47%;
  display: flex;
  justify-content: center;
}

.CL4S2C1B2D1{
  width: 100%;
  background-color: #FFF;
  padding: 8% 4%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 20px rgba(13,20,75,0.2);
}

.CL4S2C1B2D1_it1{
  text-align: center;
  background-color: #2BCBFF;
  color: #FFF;
  font-weight: 700;
  line-height: 1.2;
  width: fit-content;
  margin: auto auto 2% auto;
  padding: 2%;
  box-sizing: border-box;
  font-size: var(--fsize-35);
}

.CL4S2C1B2D1_it2{
  color: #0D144B;
  font-size: var(--fsize-20);
  text-align: center;
  margin-bottom: 3%;
}

/*** sec3 **/

#CL4_Sec3{
  background-color: #2EA1FE;
  padding: 5% 0;
}

.CL4S3C1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CL4S3C1B1{
  width: 47%;

}

.CL4S3C1B2{
  width: 47%;
  display: flex;
  flex-direction: column;
  row-gap: 3vw;
}

.CL4S3C1B2D1{
  font-size: var(--fsize-40);
  color: #FFF;
}

.CL4S3C1B2D2{
  color: #FFF;
  font-size: var(--fsize-30);
}
















/************css formulario ukltima version 2023 optimizacion (qlik) ***************/
#formOP * {
  color: #0D144B;
  font-size: 1vw;
  list-style: none;
}

#formOP .hs-form-field {
  margin-bottom: 3%;
}

#formOP .hs-input {
  border: none;
  outline: none;
  padding: 2% 1%;
  width: 100%;
  background-color: #E6E6E6;
  box-sizing: border-box;

}


#formOP ul .hs-input {
  width: auto;
}

#formOP .hs-button {
  background-color: #2ea1fe;
  background-image: url(https://7694557.fs1.hubspotusercontent-na1.net/hubfs/7694557/sitio-web/seccion%20daas/Group%2013003.png);
  background-position: 66% 49%;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 3%;
  width: 100%;
  box-sizing: border-box;
  color: #FFFFFF !important;
  background-size: 7%;
}

#formOP .hs-form-checkbox {
  margin-top: 2.5%;
  margin-left: 5%;
}

#formOP .hs-form-checkbox span {
  margin-left: 1%;
}

#formOP .actions {
  margin-top: 0%;
  padding: 0% 0 0 0;
}


#formOP .hs-field-desc {
  margin-bottom: 2%;
}

#formOP .inputs-list li {
  margin-left: 5%;
}

#formOP .hs-fieldtype-booleancheckbox {
  padding-left: 5%;
}

#formOP .hs-form-booleancheckbox * {
  font-size: var(--fSize-18);
  color: #8D8D8D;
}

#formOP div label span {
  color: #8D8D8D !important;
}

#formOP .hs-form-booleancheckbox .hs-input {
  margin-bottom: 0 !important;
  margin-right: 1%;
  margin-top: 5%;
}

#formOP li.hs-form-booleancheckbox {
  list-style: none;
}

#formOP select.hs-input {
  width: 100% ;
}

#formOP .hs-form-field {
  font-size: var(--fSize-18);
}

#formOP input[type:checkbox]{
  height:auto;
}

#formOP ul[role="checkbox"]{
      columns: 3;
    margin-bottom: 5%;
}