@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,800;1,300;1,400;1,600;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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


  .ab-comparador {
      position: relative;
      width: 600px;
      height: 400px;
      overflow: hidden;
      margin: 50px auto;
      border-radius: 12px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    }

    .ab-imagen-despues {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      left: 0;
      z-index: 1;
    }

    .ab-capa-antes {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0%; /* ⬅️ Empieza oculta */
      overflow: hidden;
      z-index: 2;
    }

    .ab-imagen-antes {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      left: 0;
    }

    .ab-slider {
      position: absolute;
      top: 0;
      left: 0%;
      width: 4px;
      height: 100%;
      background: #fff;
      z-index: 3;
      transform: translateX(-2px);
      visibility: hidden; /* Oculto hasta que empiece la animación */
    }

    .ab-slider.visible {
      visibility: visible;
    }

@media (max-width:768px){
  .ab-comparador{width:100%}
}



 [id] {
    scroll-margin-top: 100px;
  }


:root {
  --light-blue:#00D2FF;
	--dark-blue:#132F48;
	--dark-text-blue:#012E40;
	--darker-text-blue:#203950; /*WTF??? a mi no me mires, es lo que hay en el diseño > por supuesto*/

}

body {
  font-family: "Figtree", sans-serif;
	border:0;
	margin:0;
	padding:0;
}
* {
  font-family: "Figtree", sans-serif;
}
a,.hs-button {
			-ms-transition:.2s all ease-in;
	-webkit-transition:.2s all ease-in;
	transition:.2s all ease-in;
}

/****BOTONES****/
.buttonlight .hs-button:hover{background:#012E40;}
.buttondark .hs-button:hover{background:#4FB6C2;}
.buttonlight.buttonlight-fondo-azul .hs-button:hover{background:#fff;color:#4FB6C2} 

.buttontransparent .hs-button:hover{background:#012E40;color:#fff}

.read-more {
  display: inline-block;
  transition: transform 0.3s ease;
}

.read-more:hover {
  transform: scale(1.1);
}

.more-link {
  display: inline-block;
  transition: transform 0.3s ease;
}

.more-link:hover {
  transform: scale(1.1);
}


.fadeInUp{animation:fadeInUp 1s ease backwards;}
@keyframes fadeInUp{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}

.logo-new img{width:30%}


.header-fixed-2025{position:fixed;z-index:1000;background:#fff;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Opcional, solo para un efecto de sombra */
width:100% !important}

#header{margin-top:100px}
@media (max-width:768px){
#header{margin-top:100px}
}
/*****************************************/
/*  RESPONSIVE   */
/*****************************************/
 @media (max-width: 768px) {
   .mobile-hide{display:none !important}
   h1{font-size:16px !important}
   .mobile-100{HEIGHT:100PX !important}
   .mobile-150{HEIGHT:150PX !important}
.mobile-50{HEIGHT:50PX !important}
   .mobile-30{HEIGHT:30PX !important}
     .mobile-20{HEIGHT:20PX !important}
   .margin-negative-mobile{margin-top:-30px !important}
   .h2cabeceramobile h2{font-size:40px !important}
   .buttonlightmobile{font-size:14px}
   .cajaAzul{margin-bottom:30px}
   .h2cabecera h2{font-size:33px !important}
   .margin-mobile-bottom{margin-bottom:20px}
   
   .boton-centrado-mobile{text-align:center !important}
   .boton-centrado-mobile-2{text-align:center !important;margin-top:30px}
   .buttonlight-mobile-izquierda{text-align:left !important}
   
   
}
@media (min-width: 1000px) and (max-width:1200px) {
  .portatil-100{height:100px !important}
  
}
   

@media (min-width: 768px) and (max-width:1024px) {
.tablet-100{height:100px !important}
  .h2-header-tablet h2{font-size:30px !important;margin-top:-20px !important}
  .h1-header-tablet h1 {margin-top:-20px !important}
}

@media (min-width: 768px) and (max-width:1200px) {
  .tablet-display{display:block !important}

}

@media (min-width: 768px) and (max-width:1024px) {
  .tablet-hide{display:none !important}
  .span3.widget-span.widget-type-custom_widget.burguer-mobile-cabecera{width:10%}
  .span7.widget-span.widget-type-custom_widget.buttonlight.cabeceramovilbutton.button-book-header {
  width:80%}

}
   

/*****************************************/
/*  FONDOS   */
/*****************************************/
.degradado{
  background: linear-gradient(180deg, rgb(79 182 194 / 14%) 0%, rgba(0, 0, 0, 0) 100%);
}

.cajaAzul {
    background: #1b3748;
    border-radius: 10px;
  color:#ffffff;
  padding:10px 30px;
        min-height: 270px !important;
}
.fondoOscuro{
  background:#012E40;
  border-radius:30px;
}


.fondoAzul{
background:#012E40;
}

.cajaGris{
background:#f4f6f6;
  padding:10px 30px;
  border-radius:20px;
}

.imgOngoing img{
  margin-right: -85px !important;  
  margin-top: -52px !important;
}


.imgOngoing imgScalable{

  margin-top: -52px !important;
}


/*****************************************/
/*  COUNTER   */
/*****************************************/

.counter-wrapper::before {
    background-color: #ffffff;
}

.counter-child span {
    color: #4fb6c2 !important;
}

.counter-wrapper {
  background-repeat: no-repeat !important;
  background-image: none !important;
      background-color: #ffffff !important;
}

 .counter-child {
    flex: 0  !important;
    max-width: 17%  !important;
    margin: 0 !important;
}

.counter-wrapper {
    position: relative !important;
    padding-top: 0 !important;
    padding-right: 0px  !important;
    padding-bottom: 0 !important;
    padding-left: 0px !important;
}

 span.prefix {
    font-size: 37px !important;
    font-weight: 600 !important;
}

.counter-wrapper::before {
    background-color: #ffffff !important;
}

#hs_cos_wrapper_module_1741678191052139 .number-parent span, #hs_cos_wrapper_module_1741680928301691 .number-parent span, #hs_cos_wrapper_module_1741680932402712 .number-parent span,#hs_cos_wrapper_module_1741680936554733 .number-parent span {
    color: #4fb6c2 !important;
}


/*****************************************/
/*  TABS  */
/*****************************************/

#hs_cos_wrapper_module_1741679975019595 .hs-tabs__tab[aria-selected='true']:after {
    border-bottom: 0px;
}

#hs_cos_wrapper_module_1741679975019595 .hs-tabs__tab[aria-selected='false']:after {
    border-bottom: 0px;
}



#hs_cos_wrapper_module_1741679975019595 .hs-tabs__tab[aria-selected='true'] {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 10px;
    border-radius: 5px;
}
#hs_cos_wrapper_module_1741679975019595 .hs-tabs__content {
    border: 0px;
    background: #ffffff;
    border-radius: 15px;
}


#hs_cos_wrapper_module_1741679975019595 .hs-tabs__tab[aria-selected='false']{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 10px;
    border-radius: 5px;
      background: #ffffff;
}


#hs_cos_wrapper_module_1741679975019595 .hs-tabs__tab[aria-selected='false']:hover, #hs_cos_wrapper_module_1741679975019595 .hs-tabs__tab[aria-selected='false']:focus {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}



/*TABS SERGIO HOME*/
.tabs-module_1741778395869270-dw-tab-controls{margin-bottom:10px !important}

#hs_cos_wrapper_module_1741778395869270 .tabs-module_1741778395869270-dw-container ul li{margin-right:10px !important;}
.tabs-module_1741778395869270-dw-js-tab-title {border-radius:8px !important;font-size:16px !important;color:#9BA3A4 !important;font-weight:500 !important}

ul.tabs-module_1741778395869270-dw-tab-section {border-radius:8px !important}

#hs_cos_wrapper_module_1741778395869270 .tabs-module_1741778395869270-dw-container ul li:last-child{margin-right:0px !important}

ul.tabs-module_1741778395869270-dw-tab-section li div{background-color:unset !important;border:0px !important}

span.tabs-module_1741778395869270-dw-js-tab-title.tabs-module_1741778395869270-dw-tab-title.tabs-module_1741778395869270-dw-is-active{color:#012E40 !important;background:#fff !important}
span.tabs-module_1741778395869270-dw-js-tab-title.tabs-module_1741778395869270-dw-tab-title:hover{color:#012E40 !important;background:#fff !important}


/*****************************************/
/*  HOME   */
/*****************************************/
body.hs-content-id-187211299248.hs-site-page.page{overflow-x:hidden !important}

.counters-home{background:#fff;padding:2%; min-height:320px !important;border-radius:16px};

 @media (min-width: 1024px) and (max-width:1100px) { 
   
   .counters-home{min-height:340px !important}
}
  
#hs_cos_wrapper_module_1741680928301691 .counter-child {padding-left:30px !important}
#hs_cos_wrapper_module_1741680932402712 .counter-child {padding-left:50px !important}
#hs_cos_wrapper_module_1741680936554733 .counter-child {padding-left:50px !important}

.platforms-cell img{filter:none}


#hs_cos_wrapper_module_1742372472963151 .tabs-module_1742372472963151-dw-tab-item .tabs-module_1742372472963151-dw-tab-title{height:80px !important;border-radius:6px !important}


/**Responsive**/

 @media (min-width: 768px) and (max-width:1024px) { 
   h2{font-size:40px !important}
   .span8.widget-span.widget-type-custom_widget.p-after-h2.tablet-row-8 {width:100%}
   .platforms-cell img{max-width:150px !important}
   .counters-home{min-height:480px !important}
   .span4.widget-span.widget-type-custom_widget.cajaAzul-home {
     min-height:150px !important}
   .unique-insights-tablet{margin-top:-280px !important}
}

 @media (max-width: 1024px) {
  
   .tabs-home-mobile{flex-direction:column !important}
  
      .tabs-home-mobile p{width:100% !important}
   
   .inside-tabs-life-cycle{flex-direction:column !important}
   .inside-tabs-life-cycle img{width:250px}
   
   .inside-tabs-life-cycle .buttonlight .hs-button {display:block;text-align:center;line-height:21px}

   .counters-home {margin-bottom:30px;padding:5%}
   
   .imgInsight img {
   min-height:300px !important}
   
   .cajaAzul-home{margin-bottom:30px}
   
   .scroll-row {flex-direction:column !important;width:80% !important}

   .imgOngoing img{float:left !important;margin-bottom:10px !important}
   .cajaGris{margin-top:30px !important;margin-bottom:-20px !important}
   
   #hs_cos_wrapper_module_1742372472963151 .tabs-module_1742372472963151-dw-tab-item .tabs-module_1742372472963151-dw-tab-title{width:100% !important}
   
   div.tabs-module_1742372472963151-dw-tab-content{border-radius:0px !important}
   span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title{
     border-top:0px !important;border-bottom:0px !important;border-left:0px !important;border-right:0px !important;
   
   }
   
   
  .button-home-news{margin-top:20px !important;text-align:left !important}

   #hs_cos_wrapper_module_1742372472963151 .tabs-module_1742372472963151-dw-tab-item .tabs-module_1742372472963151-dw-tab-title{border-radius:0px !important;}


}


 @media (max-width: 768px) {
   .counters-home{min-height:200px !important}
}

.cajaAzul-home {
    background: #0e394a;
    border-radius: 10px;
  color:#ffffff;
  padding:10px 30px;
        min-height: 97px !important;
  display:flex !important;
      justify-content: center !important;
    align-items: center !important;
}

/****TABS VISIBILITY ***/

@media (max-width:768px){
span.tabs-module_1741778395869270-dw-js-tab-title.tabs-module_1741778395869270-dw-tab-title.tabs-module_1741778395869270-dw-is-active{background:#4FB6C2 !important;border-radius:0px !important;color:#fff !important;text-align:center;
  }
  
  span.tabs-module_1741778395869270-dw-js-tab-title.tabs-module_1741778395869270-dw-tab-title{text-align:center !important}
  
  span.tabs-module_1741778395869270-dw-js-tab-title.tabs-module_1741778395869270-dw-tab-title:after{content:"+" !important}  
   span.tabs-module_1741778395869270-dw-js-tab-title.tabs-module_1741778395869270-dw-tab-title{ display: flex !important;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
}
  
  span.tabs-module_1741778395869270-dw-js-tab-title.tabs-module_1741778395869270-dw-tab-title.tabs-module_1741778395869270-dw-is-active:after{content:"-" !important}  
  
  
  
}



/****TABS INTEGRATIONS****/

@media (max-width:768px){
  
span.tabs-module_17418757744335279-dw-js-tab-title.tabs-module_17418757744335279-dw-tab-title.tabs-module_17418757744335279-dw-is-active{background-color:#4FB6C2 !important;border-radius:0px !important;color:#fff !important;text-align:center;
  }
  
  span.tabs-module_17418757744335279-dw-js-tab-title.tabs-module_17418757744335279-dw-tab-title{text-align:center !important}
  
  span.tabs-module_17418757744335279-dw-js-tab-title.tabs-module_17418757744335279-dw-tab-title:after{content:"+" !important}  
   span.tabs-module_17418757744335279-dw-js-tab-title.tabs-module_17418757744335279-dw-tab-title{ display: flex !important;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
}
  
  span.tabs-module_17418757744335279-dw-js-tab-title.tabs-module_17418757744335279-dw-tab-title.tabs-module_17418757744335279-dw-is-active:after{content:"-" !important}  

}



  
/****TABS LIFECYCLE***/

#hs_cos_wrapper_module_1742372472963151 .tabs-module_1742372472963151-dw-tab-item .tabs-module_1742372472963151-dw-tab-title:hover, #hs_cos_wrapper_module_1742372472963151 .tabs-module_1742372472963151-dw-tab-item .tabs-module_1742372472963151-dw-tab-title.tabs-module_1742372472963151-dw-is-active{ background-color:#4FB6C2}
span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-1"]{content:url('https://www.qbisolutions.com/hubfs/life-cycle-icon-1.svg');border:solid 2px #b3bcc2}
span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-2"]{content:url('https://www.qbisolutions.com/hubfs/life-cycle-icon-2.svg');border:solid 2px #b3bcc2}
span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-3"]{content:url('https://www.qbisolutions.com/hubfs/life-cycle-icon-3.svg');border:solid 2px #b3bcc2}
span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-4"]{content:url('https://www.qbisolutions.com/hubfs/life-cycle-icon-4.svg');border:solid 2px #b3bcc2}


span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title.tabs-module_1742372472963151-dw-is-active[data-target="tabs-module_1742372472963151-dw-tab-1"]{
  content:url('https://www.qbisolutions.com/hubfs/tab-1-prueba-active.svg');border:solid 2px #52b6c3}

span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-1"]:hover{
  content:url('https://www.qbisolutions.com/hubfs/tab-1-prueba-active.svg');border:solid 2px #52b6c3}

span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title.tabs-module_1742372472963151-dw-is-active[data-target="tabs-module_1742372472963151-dw-tab-2"]{
  content:url('https://www.qbisolutions.com/hubfs/tab-2-active-icon.svg');border:solid 2px #52b6c3}

span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-2"]:hover{
  content:url('https://www.qbisolutions.com/hubfs/tab-2-active-icon.svg');border:solid 2px #52b6c3}

span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title.tabs-module_1742372472963151-dw-is-active[data-target="tabs-module_1742372472963151-dw-tab-3"]{
  content:url('https://www.qbisolutions.com/hubfs/tab-3-active-icon.svg');border:solid 2px #52b6c3}

span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-3"]:hover{
  content:url('https://www.qbisolutions.com/hubfs/tab-3-active-icon.svg');border:solid 2px #52b6c3}

span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title.tabs-module_1742372472963151-dw-is-active[data-target="tabs-module_1742372472963151-dw-tab-4"]{
  content:url('https://www.qbisolutions.com/hubfs/tab-4-active-icon.svg');border:solid 2px #52b6c3}

span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title[data-target="tabs-module_1742372472963151-dw-tab-4"]:hover{
  content:url('https://www.qbisolutions.com/hubfs/tab-4-active-icon.svg');border:solid 2px #52b6c3}


span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title.tabs-module_1742372472963151-dw-is-active{border:solid 2px #4fb6c2}
span.tabs-module_1742372472963151-dw-js-tab-title.tabs-module_1742372472963151-dw-tab-title:hover{border:solid 2px #4fb6c2}


ul.tabs-module_1742372472963151-dw-tab-controls li{padding-right:70px !important;padding-left:70px !important}

ul.tabs-module_1742372472963151-dw-tab-controls {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
}

ul.tabs-module_1742372472963151-dw-tab-controls{margin-bottom:50px !important}

ul.tabs-module_1742372472963151-dw-tab-controls li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px; /* Ajusta el ancho según sea necesario */
  text-align: center;
}


ul.tabs-module_1742372472963151-dw-tab-controls li:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  width: 180px !important; /* Ajusta la longitud de la línea */
  height: 2px !important; /* Grosor de la línea */
  background-color: #4fb6c2 !important; /* Color de la línea */
  top: 50% !important;
  left: 73% !important;
  /*transform: translateY(-50%) !important;*/
}

div.tabs-module_1742372472963151-dw-tab-content{background:#f4f7f6 !important;border:none !important;border-radius:24px}

.inside-tabs-life-cycle{display:flex;flex-direction:row;gap:30px}


/**SCROLL**/


    .scroll-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 100px;  /* Espacio al principio para permitir el scroll */
    }

    .scroll-row {
      display: flex;
      justify-content: space-between;
      width: 100%;
      opacity: 0;
      transform: translateX(100%);
      transition: transform 2s ease-out, opacity 2s ease-out;
      margin-bottom: 20px; /* Espacio entre las filas */
      
    }

@media (max-width:768px){

  .scroll-row {transform: translateX(0) !important}
}


    .scroll-row.active {
      opacity: 1;
      transform: translateX(0);
    }



    .imagescroll {
      margin: 10px;
      width: 100%;
      background-size: cover;
      background-position: center;
      border-radius:16px
    }

.text-scroll-effect{margin-top: 150px;
    float: right;
    margin-right: 20px;
    font-size: 20px;
    color: #fff;
}


#hs_cos_wrapper_module_17435942367112767 .slider__container{padding:5%}

#hs_cos_wrapper_module_17435942367112767 .slider__container img.splide__slide--image{max-width:99%;border-radius:16px} 
 #hs_cos_wrapper_module_17435942367112767 .splide__controls{display:none}
@media (min-width:768px){
#hs_cos_wrapper_module_17435942367112767 .slider__container{padding:5%;display:none}
  #hs_cos_wrapper_module_17435942367112767 .splide__controls{display:none}
}





/*****************************************/
/*  PLATFORM   */
/*****************************************/


  @media screen and (min-width: 768px) {
    .efecto-hover-about-1:hover #extraText-about-1 {
      display: block !important;
    }
  }

  /* Por defecto el texto está oculto */
  #extraText-about-1 {
    display: none;
    text-align: center;
    margin-top: 10px;
    color: #012e40;
  }


  @media screen and (min-width: 768px) {
    .efecto-hover-about-2:hover #extraText-about-2 {
      display: block !important;
    }
  }

  /* Por defecto el texto está oculto */
  #extraText-about-2 {
    display: none;
    text-align: center;
    margin-top: 10px;
    color: #012e40;
  }



  @media screen and (min-width: 768px) {
    .efecto-hover-about-3:hover #extraText-about-3 {
      display: block !important;
    }
  }

  /* Por defecto el texto está oculto */
  #extraText-about-3 {
    display: none;
    text-align: center;
    margin-top: 10px;
    color: #012e40;
  }


  @media screen and (min-width: 768px) {
    .efecto-hover-about-4:hover #extraText-about-4 {
      display: block !important;
    }
  }

  /* Por defecto el texto está oculto */
  #extraText-about-4 {
    display: none;
    text-align: center;
    margin-top: 10px;
    color: #012e40;
  }



  @media screen and (min-width: 768px) {
    .efecto-hover-plattform-1:hover #extraText-1 {
      display: block !important;
    }
  }

  /* Por defecto el texto está oculto */
  #extraText-1 {
    display: none;
    text-align: center;
    margin-top: 10px;
    color: #012e40;
  }








  @media screen and (min-width: 768px) {
    .efecto-hover-plattform-2:hover #extraText-2 {
      display: block !important;
    }
  }

  /* Por defecto el texto está oculto */
  #extraText-2 {
    display: none;
    text-align: center;
    margin-top: 10px;
    color: #012e40;
  }


  @media screen and (min-width: 768px) {
    .efecto-hover-plattform-3:hover #extraText-3 {
      display: block !important;
    }
  }

  /* Por defecto el texto está oculto */
  #extraText-3 {
    display: none;
    text-align: center;
    margin-top: 10px;
    color: #012e40;
  }



@media (max-width:768px){
  .cajaAzul{min-height:340px !important}
}

.CajaBlancaPlattform{background-color:#fff;padding:3%;border-radius:16px;min-height:360px !important;display:flex;justify-content: space-around;flex-direction:column}
@media (max-width:768px){

  .CajaBlancaPlattform{min-height:270px !important;padding:8%}
  .blanca-plat-height{min-height:0px !important}
}

.imgInsightPlatform img {
    border-radius: 20px;
    min-height: 400px;
    object-fit: cover;
}

.botonesplatform{background:#f4f6f6;border-radius:8px;box-shadow: 5px 5px 5px 0px #dde4e7;cursor:pointer;min-height:90px !important;display:flex !important;align-items:center !important;justify-content:center !important}
.botonesplatform:hover{background:#e8f6f7;}

.acordeon-faqs .hs-accordion__item-icon{border:0px !important;}

.acordeon-faqs .hs-accordion__item{background-color:#f4f7f6;border-radius:8px}

.acordeon-faqs .hs-accordion__item[aria-expanded=true] button{background-color:#f4f7f6;border-radius:8px;color:#012E40;border-bottom:0px}
.acordeon-faqs .hs-accordion__item button{border-bottom:0px;color:#012E40}
.acordeon-faqs .hs-accordion__item-icon:before{
background-image: url('https://www.qbisolutions.com/hubfs/arrow-top.svg');
    background-size: contain;
    display: inline-block;
    width: 15px; 
    height: 25px;background-color:unset !important;background-repeat:no-repeat
}
.acordeon-faqs .hs-accordion__item button{font-weight:500}

.hs-accordion__item-content p{font-weight:300}

.acordeon-faqs .hs-accordion__item-icon:after {height:0px;content:""}

.acordeon-faqs .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon {
    -ms-transform: none;
    transform: none; 
    border-color: unset; 
    background-color: unset !important;
}

.acordeon-faqs .hs-accordion__item button:hover .hs-accordion__item-icon:before, .hs-accordion__item button:hover .hs-accordion__item-icon:after{background-color:unset}

.acordeon-faqs .hs-accordion__item button:hover{color:#012E40}
.hs-accordion__item[aria-expanded=true] main {max-height:none}

/*TABS PLATFORM*/
.tabs-module_17418757744335279-dw-tab-controls{margin-bottom:50px !important}

.tabs-module_17418757744335279-dw-js-tab-title {border-radius:8px !important;font-size:16px !important;color:#012E40 !important;font-weight:500 !important}
ul.tabs-module_17418757744335279-dw-tab-section {border-radius:8px !important;background:#f4f7f6 !important}

ul.tabs-module_17418757744335279-dw-tab-controls{background:#f4f7f6 !important;border-radius:8px !important}

@media (min-width:768px){
span.tabs-module_17418757744335279-dw-js-tab-title.tabs-module_17418757744335279-dw-tab-title.tabs-module_17418757744335279-dw-is-active{background-color:unset !important;color:#4FB6C2 !important}
}
span.tabs-module_17418757744335279-dw-js-tab-title.tabs-module_17418757744335279-dw-tab-title{background-color:unset !important}



ul.tabs-module_17418757744335279-dw-tab-section li div{background-color:unset !important;border:0px !important}
ul.tabs-module_17418757744335279-dw-tab-section{background-color:unset !important}

/**RESPONSIVE**/
@media (max-width: 768px) {
.background-header-platform{
background-position-x: -200px !important;
  background-size: cover;}
  
  .fondoOscuro{padding:0px !important}
  
 .cajaAzulmargintop{margin-top:30px}
  .CajaBlancaPlattform{margin-bottom:30px}
  .boton-izquerda-mobile{text-align:left !important;margin-top:20px}
  .buttonfuncionalities {margin-bottom:50px !important}
  
  .platform-reverse-column .row-fluid {display:flex;flex-direction:column-reverse}
  
  .margin-bottom-30-teams{margin-bottom:30px}
  
  .banner-teams-mobile {display: flex; flex-direction: column !important; justify-content: space-evenly; align-items: flex-end; width: 100% !important;}
  .banner-teams-mobile h2{font-size:30px !important}
  .banner-teams-mobile div{width: 100% !important;}
  
  .banner-teams-mobile div .hs-button{float:inline-start !important;margin-bottom:20px}
  }


/**PALABRAS QUE CAMBIAN**/
  .sentence {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
    }
    .highlight {
      color: #51C2D5;
      transition: opacity 4s ease;
    }


/***FOTO INTERACTIVA****/

  .image-container-plus-interactive {
      position: relative;
      display: inline-block;
    }

    .image-container-plus-interactive img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    .hotspot-plus-interactive {
      position: absolute;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #F55E4D;
      color: white;
      font-size: 24px;
      line-height: 40px;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s;
    }

       .hotspot-plus-interactive-map {
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #F55E4D;
      color: white;
      font-size: 24px;
      line-height: 40px;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .hotspot-plus-interactive:hover {
      background-color: #F55E4D;
    }

    .tooltip-text-plus-interactive {
      position: absolute;
      top: 50%;
      left: 120%;
      transform: translateY(-50%);
      background-color: white;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease, transform 0.3s ease;
      color:#012E40;z-index:100;font-size:16px
    }

    .hotspot-plus-interactive:hover .tooltip-text-plus-interactive {
      opacity: 1;
      pointer-events: auto;
      transform: translate(10%, -50%);
    }

 .hotspot-plus-interactive-map:hover .tooltip-text-plus-interactive {
      opacity: 1;
      pointer-events: auto;
      transform: translate(10%, -50%);
    }

    /* Posiciones personalizadas para cada hotspot */
    .hotspot1-plus-interactive {
      top: 15%;
      left: 52%;
    }

 .hotspot1-plus-interactive-map {
      top: 35%;
      left: 45%;
    }

    .hotspot2-plus-interactive {
      top: 15%;
      left: 80%;
    }

.hotspot2-plus-interactive-map {
      top: 33%;
      left: 26%;
    }

    .hotspot3-plus-interactive {
      top: 65%;
      left: 32%;
    }


.hotspot4-plus-interactive {
      top: 65%;
      left: 58%;
    }

    .hotspot5-plus-interactive {
      top: 45%;
      left: 86%;
    }




@media (max-width:768px){
  .hotspot1-plus-interactive{display:none !important}
    .hotspot2-plus-interactive{display:none !important}
    .hotspot3-plus-interactive{display:none !important}
.hotspot4-plus-interactive{display:none !important}
  .hotspot5-plus-interactive{display:none !important}
 
   
  .tooltip-text-plus-interactive{display:none !important}
  .reverse-map-mobile .row-fluid{display:flex;flex-direction:column-reverse}
  
  .banner-about-us-mobile{display:flex;flex-direction:column !important}
  .banner-about-us-mobile  div {width:100% !important}
  
  .banner-about-us-mobile  div a.hs-button{float:inline-start !important;margin-top:30px;margin-bottom:10px}
}

/*****************************************/
/*  SOLUTIONS   */
/*****************************************/


.cajaAzulPartnersSolutions{padding:10px 50px !important}

ul.ul-solutions {
  list-style: none; /* Quitamos los marcadores */
  padding: 0; /* Quitamos el padding por defecto de la lista */
}

li.li-solutions {
  position: relative; /* Para posicionar el pseudo-elemento */
  padding-left: 30px; /* Espacio para el icono */
  font-weight:300;
  margin-bottom:20px
}

li.li-solutions::before {
  content: ""; /* Necesario para mostrar el pseudo-elemento */
  display: inline-block; /* Para tratarlo como un elemento en línea */
  width: 26px; /* Tamaño del icono */
  height: 26px;
  background-image: url('https://www.qbisolutions.com/hubfs/arrow-top-blue.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 20%;
  transform: translateY(-50%);
}

ul.ul-solutions-2 {
  list-style: none; /* Quitamos los marcadores */
  padding: 0; /* Quitamos el padding por defecto de la lista */
}

li.li-solutions-2 {
  position: relative; /* Para posicionar el pseudo-elemento */
  padding-left: 30px; /* Espacio para el icono */
  font-weight:400;
  margin-bottom:20px
}

li.li-solutions-2::before {
  content: ""; /* Necesario para mostrar el pseudo-elemento */
  display: inline-block; /* Para tratarlo como un elemento en línea */
  width: 18px; /* Tamaño del icono */
  height: 18px;
  background-image: url('https://www.qbisolutions.com/hubfs/arrow-blue-right-2.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 10%;
}

.solutions-caja-gris{background:#f4f7f6;padding:1%;border-radius:8px;min-height:105px !important;
  display:flex !important;
      justify-content: center !important;
    align-items: center !important;}


/**responsive**/
 @media (max-width: 768px) {
.imagesolutionsmobile{margin-bottom:30px}
   .solutions-caja-gris{margin-bottom:30px;padding:5%}
   .button-news-solutions{margin-top:20px !important;text-align:left !important}
   
   .span3.widget-span.widget-type-custom_widget.cajaAzul.cajaAzulSolutions.cajaAzulSolutionsResponsive{min-height:250px !important}
   .min-height-caja-solution-mobile{min-height:0px !important} 
   
}





 @media (min-width: 768px) and (max-width:1024px){
.cajas-azules-solutions-tablet .row-fluid{  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
  gap: 20px; /* espacio entre cajas */}
      .cajas-azules-solutions-tablet .row-fluid .span3.widget-span.widget-type-custom_widget.cajaAzul.cajaAzulSolutions.cajaAzulSolutionsResponsive{width:100%;min-height:250px !important;margin:0px !important;margin-bottom:30px !important}
   .cajas-azules-solutions-tablet .row-fluid::before{content:unset !important}
   .min-height-caja-solution-mobile{min-height:460px !important}

}


 @media (min-width: 1200px) and (max-width:1344px){

   .min-height-caja-solution-mobile{min-height:780px !important}
}

 @media (min-width: 1344px){

   .min-height-caja-solution-mobile{min-height:680px !important}
}

 @media (min-width: 1024px) and (max-width:1200px){

   .min-height-caja-solution-mobile{min-height:900px !important}
}


/*****************************************/
/*  ABOUT US   */
/*****************************************/

.caja-blanca-about{padding:2%;background:#fff;border-radius:16px;min-height:250px !important}

 @media (min-width: 768px) and (max-width:1024px){
   .cajas-blancas-about .row-fluid{display:flex !important;flex-direction:column !important}
      .cajas-blancas-about .row-fluid .caja-blanca-about{width:100%;min-height:200px !important;margin:0px !important;margin-bottom:30px !important}

}



 @media (min-width: 1024px) and (max-width:1350px){
   
   .caja-blanca-about{padding:2%;background:#fff;border-radius:16px;min-height:250px !important}
   
}


.team-member{min-height:250px !important;    display: flex !important;
    flex-direction: column;
    align-content: stretch;
    justify-content: flex-end;
    align-items: center;border-radius:16px;
}

.banner-about-us{    min-height:400px !important;
    background-image: url(https://8380416.fs1.hubspotusercontent-na1.net/hubfs/8380416/Our-company-is-not-only-technological-its-also-human.jpg);
    background-size: cover;
 border-radius:16px; display: flex !important;
    flex-direction: row !important;

    align-items: flex-end !important;padding:5% !important;width:100% !important}

.banner-about-us .row-fluid-wrapper.row-depth-1.row-number-63{width:100% !important}
  


/**COUNTERS***/

#hs_cos_wrapper_module_17419657861687593 .counter-child span{color: #4FB6C2 !important;font-size:80px;font-weight:400}
#hs_cos_wrapper_module_17422065814842458 .counter-child span{color: #4FB6C2 !important;font-size:80px;font-weight:400}
#hs_cos_wrapper_module_1742207363512235 .counter-child span{color: #4FB6C2 !important;font-size:80px;font-weight:400}
#hs_cos_wrapper_module_1742207363512232 .counter-child span{color: #4FB6C2 !important;font-size:80px;font-weight:400}

#hs_cos_wrapper_module_17422065814842458 .counter-child {padding-left:70px !important}
#hs_cos_wrapper_module_17419657861687593 .counter-child {padding-left:40px !important}
#hs_cos_wrapper_module_1742207363512235 .counter-child {padding-left:80px !important}
#hs_cos_wrapper_module_1742207363512232 .counter-child {padding-left:40px !important}

#hs_cos_wrapper_module_17419657861687593 .counter-container-wrapper {background:#f4f6f6}
#hs_cos_wrapper_module_17422065814842458 .counter-container-wrapper {background:#f4f6f6}
#hs_cos_wrapper_module_1742207363512235 .counter-container-wrapper {background:#f4f6f6}
#hs_cos_wrapper_module_1742207363512232 .counter-container-wrapper {background:#f4f6f6}

.counters-about-us{background:#f4f6f6;padding:2%; min-height:370px !important;border-radius:16px}

.counters-about-us2{min-height:320px !important}
/**TIMELINE***/
.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .mid-line{overflow:visible}
.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .timeline-section .timeline-text{font-size:16px;line-height:21px}

.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-container{width:auto}

.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .timeline-section h3{font-weight:600;font-size:16px;line-height:51px}

.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-heading-main{padding-top:0px}

.row-fluid .timeline-with-scrolling-animation-timeline-main{padding-top:0px !important}
.timeline-with-scrolling-animation-heading-main{display:none !important}

.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .timeline-section .timeline-inner:before{
  
  background-color:#012E40 !important;border-color:#012E40 !important

}

.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .mid-line:before{border-color:#012E40 !important}

.timeline-with-scrolling-animation-container::-webkit-scrollbar {
    display: none !important;
}
/***RESPONSIVE****/

 @media (max-width: 768px) {
   .image-header-about{margin-top:80px;}
   .headerback-about{background-position:right}
   
   .row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .timeline-section .timeline-inner:before{width:40px;height:40px;left:-28px !important}
   
   .caja-blanca-about{margin-bottom:30px;min-height:210px !important;padding:5%}
   
   .team-member{margin-bottom:30px}
   
   .row-fluid .timeline-with-scrolling-animation-timeline-main{padding-top:0px;padding-bottom:30px}
   .counters-about-us{
       padding: 10%;
    min-height: 250px !important;
    margin-bottom: 30px;
}
   
   .about-us-foto-texto-dist{margin-left:0px !important;margin-top:30px !important}
   
}

.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .timeline-section:nth-child(even) .timeline-inner:before {
left:-50px
}

.timeline-with-scrolling-animation-container {
  max-height: 600px !important; /* o el alto que necesites */
  overflow-y: auto !important;
background-color:#f4f7f6 !important;  padding: 1rem !important;border-radius:24px !important
}
.row-fluid .timeline-with-scrolling-animation-timeline-main{padding-bottom:0px !important}
.timeline-with-scrolling-animation-timeline-main.module_17422084105551204{border-radius:24px !important;background-color:#f4f7f6 !important; }

 @media (max-width: 768px) {
   .timeline-with-scrolling-animation-container{margin-top:20px !important}
   
}

/*****************************************/
/*  TEAMS AND CAREERS   */
/*****************************************/
@media (max-width: 768px) {
  .teams-mobile-row .row-fluid {
    flex-direction: row;
    flex-wrap: wrap;display:flex;

  }
  
  .teams-mobile-row{padding:2% !important}
  .teams-mobile-row .row-fluid .cajas-teams-careers {
    width:48%;margin:auto;min-height:410px !important;margin-bottom:10px !important
  }

  .teams-mobile-row .row-fluid .image-teams-careers {
    width:48%;margin:auto;min-height:410px !important;margin-bottom:10px !important
  }
  
  .teams-mobile-row .row-fluid .image-teams-careers img{
    object-fit:cover !important;min-height:410px !important
  }
  .span12.widget-span.widget-type-cell.wrapper3.teams-mobile-row.teams-mobile-margin-top-negative {margin-top:-45px !important
  }
  
  
  .span3.widget-span.widget-type-custom_widget.cajas-teams-careers.cybersecurity-teams {min-height:490px !important}

}







.cajas-teams-careers{background-color:#284c5d;min-height:380px !important;padding:2%;border-radius:16px;
  display: flex !important;flex-direction: column !important;justify-content: flex-start !important;    align-items: center !important;}


.image-teams-careers img {object-fit:cover !important;border-radius:16px;min-height:380px !important}

.responsive-title-teams-height{display: flex !important;flex-direction: column !important;justify-content: flex-end !important;    align-items: center !important;}



.banner-team-and-careers{    min-height:400px !important;
    background-image: url(https://www.qbisolutions.com/hubfs/dont-see-the-right-job-for-you.jpg);
    background-size: cover;
 border-radius:16px; display: flex !important;
    flex-direction: row !important;

  align-items: flex-end !important;padding:5% !important;width:100% !important}

.testimonial-text{text-align:left;margin:0;margin-top:30px;font-weight:500}
.testimonial-text:before{display:none !important}
.testimonial-text:after{display:none !important}
.testimonial-content{display: flex !important;flex-direction: column-reverse !important;align-items: flex-start !important;padding:5% !important;justify-content: space-around;
}
p.testimonial-name{text-align:left}
.testimonial-author{margin-top:0px}
p.testimonial-position{color:#4FB6C2;font-style:normal}

section.testimonial-slider-carousel-main{background-image:url(https://www.qbisolutions.com/hubfs/prueba-back-testi.png);background-size:contain;background-repeat:no-repeat}


 .container-teams {
            position: relative;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
   
opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
   
        }

.container-teams.visible {
  opacity: 1;
  transform: translateY(0);
}

        .image-card-1 {
            position: relative;
            width: 70%;
            height: 350px;
            background-size: cover;
            background-position: center;
            border-radius: 10px;
            overflow: hidden;left:10%
        }

 .image-card-2 {
            position: relative;
            width: 70%;
            height: 350px;
            background-size: cover;
            background-position: center;
            border-radius: 10px;
            overflow: hidden;right:10%
        }

        .text-box {
            position: absolute;
            background-color: #0a2a42;
            color: white;
            padding: 15px;
            border-radius: 10px;
            max-width: 350px;padding:5% !important
        }
        .text-box h3 {
            margin: 0 0 10px 0;
            font-size: 18px;
        }
        .text-box p {
            margin: 0;
            font-size: 14px;
        }
        .text-box strong {
            font-weight: bold;
        }
        /* Positioning of text boxes */
        .text-box-1 { top: 25%; left: 0px;}
        .text-box-2 { top: 25%; right: 0px; }


/**responsive***/
 @media (max-width: 768px) {
   .cajas-teams-careers{margin-bottom:30px !important;padding:5%}
   .image-teams-careers{margin-bottom:30px !important}
   .image-card-1{height:250px !important}
   .image-card-2{height:250px !important}
   .text-box-1{top:50% !important}
   .text-box-2{top:55% !important}
   .margin-top-0-teams{margin-top:30px !important}
   .margin-top-50-teams{margin-top:50px !important}
      .margin-top-30-teams{margin-top:30px !important}
   .margin-top-10-teams{margin-top:10px !important}
   .margin-top-40-teams{margin-top:40px !important}
   
}

/*****************************************/
/*  RESOURCES   */
/*****************************************/
.blog-search-resources .hs-search-field__input{border:solid 1px #012E40;background:none;padding:2%}

.blog-search-resources button.hs-search-field__button{background:#012E40;border:solid 1px #012E40;cursor:pointer} 

.blog-search-resources .hs-search-field__bar button svg {fill:#fff}


 @media (max-width: 768px) {
   
   .div-tabs-resources-columns {flex-direction:column !important}
   .p-tabs-resources-columns{width:100% !important}
   .erp-resources-margin{margin-left:0px !important}
   .botonesplatform{margin-bottom:30px !important}
   
   
   .post-filter-resources ul{display:flex;flex-direction:column}
   
.post-filter-resources ul li{margin-bottom:10px !important;margin-left:0px !important;margin-right:0px !important;margin-top:0px !important;text-align:center}
      .post-filter-resources .widget-module{text-align:center}
   
   .overlay .title{max-width:100% !important}
   
   .header-resources-mobile-image{margin-top:30px}

}

@media (min-width: 768px) and (max-width:1024px) {
  .header-resources-tablet img{min-height:700px}
  
}

/*****************************************/
/*  LIBRARY   */
/*****************************************/
 @media (max-width: 768px) {
   .p-library-pc{display:none}
   h1.h1-library{font-size:35px !important;margin-bottom:10px !important}
.resource-item{align-items: flex-start !important;}
}


 @media (min-width: 768px) {
   .p-library-mobile{display:none}
   

}



/*****************************************/
/*  BOOK A DEMO   */
/*****************************************/




.form-book-a-demo{
  background: #fff;
  border: 1px solid #9BA3A4;
  border-radius: 16px;
  padding: 32px;
  color: #012E40;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);

}

.form-book-a-demo fieldset{
max-width:100% !important
}

.form-book-a-demo .form-columns-2 .input{
margin-bottom:20px !important
}

.form-book-a-demo .form-columns-1 .input{
margin-bottom:20px !important
}



.form-book-a-demo li.hs-form-booleancheckbox{
  list-style:none !important
    
}

.form-book-a-demo .hs_job_role.hs-job_role.hs-fieldtype-select.field.hs-form-field span{display:none !important}
.form-book-a-demo .hs_buying_interest.hs-buying_interest.hs-fieldtype-select.field.hs-form-field span{display:none !important}
.form-book-a-demo .form-columns-2 input{padding: 10px;
    background: #fff;
    width: 100%;
    appearance: none;
    border: 0.5px solid #012E40;border-radius:4px;
    color: #012E40;margin-top:10px !important
}

.form-book-a-demo .legal-consent-container a{color:#4FB6C2}

.form-book-a-demo .hs-dependent-field{

margin-top: -50px;
    margin-bottom: -30px;
    margin-left: -40px;
}
.form-book-a-demo select{padding: 10px;
    background: #fff;
    width: 100% !important;
    appearance: none;
    border: 0.5px solid #012E40;border-radius:4px;
    color: #012E40;
}

.form-book-a-demo select{
  font-size:16px !important
}

.form-book-a-demo li.hs-form-checkbox{
list-style:none !important
}
.form-book-a-demo   input::placeholder{
 
         color: transparent;
    }

.form-book-a-demo .multi-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
margin-top:10px;
    flex-wrap: wrap;
}

.form-book-a-demo select.hs-input {
  appearance: none; /* Quita la flecha nativa */
  -webkit-appearance: none;
  -moz-appearance: none;
  
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 7px;

  padding-right: 30px; /* Espacio para que no tape el texto */
}

.form-book-a-demo #number .hs-fieldtype-checkbox .multi-container {
    list-style-type: none;
    display: flex
;flex-direction:column !important;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 768px) {
    #number .hs-fieldtype-checkbox .multi-container li {
        position: relative;
        width: 100%;
        padding-left: 25px;
        display: inline-block;
    }
  
  .form-book-a-demo .multi-container li {width:100% !important}
  .form-book-a-demo{margin-top:30px !important}
}



.form-book-a-demo span.hs-form-required{display:none}

.form-book-a-demo .multi-container li {
    position: relative;
    width: 50%;
    padding-left: 28px;
    display: inline-block;
    margin-bottom: 5px;
}
.form-book-a-demo li.hs-form-booleancheckbox input{margin-top:5px !important;margin-right:10px}

.form-book-a-demo input.hs-button.primary.large {
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    background: #4FB6C2;
    /* border-color: #4FB6C2; */
    border: 0px !important;
    color: #fff;
    font-weight: 600;
    font-size: 16px !important;margin-top:-30px
}

.form-book-a-demo input.hs-button.primary.large:hover {background:012E40 !important;cursor:pointer}


.info-card-book {
  /*border: 1px solid #9BA3A4;*/
  padding-right: 32px;
  color: #012E40;
}

.icon-top-book img {
  width: 32px;
  margin-bottom: 20px;
}

.info-card-book p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.section-title-book {
  color: #4FB6C2;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 16px;
}

.benefit-list-book {
  list-style: none;
  padding: 0;
  margin: 0;
  color:#012E40
}

.benefit-list-book li {
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;

}

.li-icon-book {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-right:10px
}


.arrow-book {
  color: #4FB6C2;
  font-weight: bold;
  margin-right: 8px;
  font-size: 16px;
}

/*****************************************/
/*  HEADER   */
/*****************************************/
.button-book-header .hs-button{top:10px !important}

 @media (max-width: 1024px) {

   .cabecera-mobile .row-fluid{display:flex !important;flex-direction:row !important}
   .burguer-mobile-cabecera{text-align:right !important}
   .cabeceramovilbutton .hs-button{padding-right:20px !important;padding-left:20px !important;margin-left:20px !important}
}

 @media (max-width: 375px) {

   .menu-toggle{margin-left:10px !important}
   .span7.widget-span.widget-type-custom_widget.buttonlight.cabeceramovilbutton{margin-left:0px !important}

}


 @media (min-width: 1024px) {
   .pc-hide-menu{display:none !important}
   

}

/*****************************************/
/*  FOOTER   */
/*****************************************/




.colum-footer-mobile .row-fluid-wrapper.row-depth-2.row-number-3{width:50% !important}
.colum-footer-mobile .row-fluid-wrapper.row-depth-2.row-number-8{width:50% !important}

.logo-partner-mobile-footer img{text-align:center; align-items: baseline}


.row-footer-rrss-aenor .row-fluid{display:flex;align-items: baseline;}
.row-footer-rrss-aenor .row-fluid .span6{width:50% !important}
.logo-aenor-mobile img{width:50%}

.last-footer-row .row-fluid{display:flex}
.last-footer-row .span2.widget-span.widget-type-cell.footer-column {align-items: flex-end !important;display:flex !important}

#footer-group #footer-1 {
padding-top:35px !important;padding-bottom:35px !important}
@media (max-width: 768px) {
.copyright-mobile-left p{text-align:left !important}
}

/*****************************************/
/****LANDINGS*****/
/*****************************************/


.form-landing{
  background: #fff;
  border: 1px solid #9BA3A4;
  border-radius: 16px;
  padding: 32px;
  color: #012E40;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);

}

.form-landing fieldset{
max-width:100% !important
}

.form-landing .form-columns-2 .input{
margin-bottom:20px !important
}

.form-landing .form-columns-1 .input{
margin-bottom:20px !important
}



.form-landing li.hs-form-booleancheckbox{
  list-style:none !important
    
}

label.hs-error-msg.hs-main-font-element{color:Red !important}

ul.no-list.hs-error-msgs.inputs-list{list-style:none !important;padding:0px}


.form-landing .form-columns-2 input{padding: 10px;
    background: #fff;
    width: 100%;
    appearance: none;
    border: 0.5px solid #012E40;border-radius:4px;
    color: #012E40;margin-top:10px !important
}

.form-landing .form-columns-1 input[type="email"] {
 background: #fff;
    width: 100%;
    appearance: none;
    border: 0.5px solid #012E40;border-radius:4px;
    color: #012E40;margin-top:10px !important;padding:10px

}


.form-landing .form-columns-1 .hs-input[type="email"]{width:100% !important}

.form-landing .legal-consent-container a{color:#4FB6C2}

.form-landing .hs-dependent-field{


    margin-bottom: -30px;
    margin-left: -40px;
}
.form-landing select{padding: 10px;
    background: #fff;
    width: 100% !important;
    appearance: none;
    border: 0.5px solid #012E40;border-radius:4px;
    color: #012E40;
}

.form-landing select{
  font-size:16px !important
}

.form-landing li.hs-form-checkbox{
list-style:none !important
}
.form-landing   input::placeholder{
 
         color: transparent;
    }

.form-landing .multi-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
margin-top:10px;
    flex-wrap: wrap;
}

.form-landing select.hs-input {
  appearance: none; /* Quita la flecha nativa */
  -webkit-appearance: none;
  -moz-appearance: none;
  
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 7px;

  padding-right: 30px; /* Espacio para que no tape el texto */
}

.form-landing #number .hs-fieldtype-checkbox .multi-container {
    list-style-type: none;
    display: flex
;flex-direction:column !important;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 768px) {
    .form-landing #number .hs-fieldtype-checkbox .multi-container li {
        position: relative;
        width: 100%;
        padding-left: 25px;
        display: inline-block;
    }
  
  .form-landing .multi-container li {width:100% !important}
  .form-landing{margin-top:30px !important}
}



.form-landing span.hs-form-required{display:none}

.form-landing .multi-container li {
    position: relative;
    width: 50%;
    padding-left: 28px;
    display: inline-block;
    margin-bottom: 5px;
}
.form-landing li.hs-form-booleancheckbox input{margin-top:5px !important;margin-right:10px}

.form-landing input.hs-button.primary.large {
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    background: #4FB6C2;
    /* border-color: #4FB6C2; */
    border: 0px !important;
    color: #fff;
    font-weight: 600;
    font-size: 16px !important;
}

.form-landing input.hs-button.primary.large:hover {background:012E40 !important;cursor:pointer}

p.planding{font-weight: 400; font-size: 18px; line-height: 23px;}
h2.h2landing{font-weight: 500; font-size: 24px; line-height: 29px;}


.form-landing .form-columns-2 select{margin-top:10px}
.form-landing .form-columns-1 select{margin-top:10px}

/*****************************************/
/*  BUTTONS   */
/*****************************************/

.widget-span.widget-type-custom_widget.buttonlight.boton-derecha {
    text-align: right;
}


.widget-span.widget-type-custom_widget.buttondark.boton-derecha {
    text-align: right;
}

.colBanca {
    background: #ffffff;
    padding: 30px;
    min-height: 290px !important;
    border-radius: 10px;
}

.buttonlight .hs-button {
    background:#4FB6C2;
    padding: 10px 30px;
    border-radius: 5px;
    top: 20px;
    position: relative;
    color:#ffffff;
    text-decoration:none;display:inline-block
}

.buttondark .hs-button {
    background: #012E40;
    padding: 10px 30px;
    border-radius: 5px;
    top: 20px;
    position: relative;
    color:#ffffff;
    text-decoration:none;display:inline-block
}


.buttonred .hs-button {
    background:#F55E4D;
    padding: 10px 30px;
    border-radius: 5px;
    top: 20px;
    position: relative;
    color:#ffffff;
    text-decoration:none;display:inline-block
}

.buttontransparent .hs-button{

 background: unset;
    padding: 10px 30px;
    border-radius: 5px;
    top: 20px;
    position: relative;
    color:#012E40;
    text-decoration:none;border:solid 1px #012E40;font-weight:bold

}


.buttontransparent-white .hs-button{

 background: unset;
    padding: 10px 30px;
    border-radius: 5px;
    top: 20px;
    position: relative;
    color:#fff;
    text-decoration:none;border:solid 1px #fff;font-weight:bold

}

.buttontransparent-white .hs-button:hover{
background-color:#4FB6C2 !important;border-color:#4FB6C2
}




a.button {
	text-decoration:none;
	display:inline-block;
	padding:7px 20px;
	color:var(--dark-blue);
	border:1px solid var(--dark-blue);
	cursor: pointer;
	text-transform:uppercase;
	font-size:13px;
}

a.button:hover {
	background:var(--dark-blue);
	color:#fff;
}

a.button.white {
	color:#fff;
	border:1px solid #fff;
}

a.button.white:hover {
	color:var(--dark-blue);
	border:1px solid #fff;
	background:#fff;
}


a.button.button-xl{
	padding: 10px 30px;
	font-size: 13px;
}
* {
	box-sizing:border-box;

}
*:focus {
	outline:0;
}

h1 {
	margin:0 0 50px 0;
	position:relative;
	font-size:16px;
	color:#9BA3A4;
  font-weight:500;
}

h2 {
	margin:0;
	position:relative;
	font-size:50px;
	color:var(--dark-text-blue);
  font-weight:500;
}


.h2cabecera h2{
	margin:0;
	position:relative;
	font-size:58px;
	color:var(--dark-text-blue);
  font-weight:500;
}

 h1.h1landing{
	margin:0;
	position:relative;
	font-size:40px;
	color:#012E40 !important;
  font-weight:600;line-height:45px
}

@media (max-width:768px){
	h1.h1landing{margin:0;
	position:relative;
	font-size:35px !important;
	color:#012E40 !important;
    font-weight:600;line-height:40px !important}
}

h3 {
	margin:0;
	font-size:24px;
	color:var(--dark-text-blue);
  font-weight:400;
}


h4 {
    font-size: 20px;
    font-weight: 500;
color:#012E40
}

p {
	font-size:16px;
	
	line-height:24px;color:#012E40
}
p a{
color:var(--dark-text-blue);
	text-decoration: none;
}

.p-after-h2 p{font-size:20px !important;line-height:27px !important}

@media (max-width:768px){
  .p-after-h2 p{font-size:16px !important;line-height:23px !important}
}

.wrapper {
  max-width:1240px;
	margin:0 auto!important;
	float:none!important;
	padding:0 20px;
}

.wrapper1 {
  max-width:1000px;
	margin:0 auto!important;
	float:none!important;
	padding:0 20px;
}

.wrapper1banner {
  max-width:1000px;
	margin:0 auto!important;
	float:none!important;
	padding:0 0px;
}

.wrapper2 {
  max-width:1200px;
	margin:0 auto!important;
	float:none!important;
	padding:0 20px;
}

.wrapper3 {
  max-width:1400px;
	margin:0 auto!important;
	float:none!important;
	padding:0 20px;
}


.wrapper-menu {
	margin:0 auto!important;
	float:none!important;
	padding-left:calc(2vw + 30px);
	padding-right:calc(2vw + 30px);
}


.wrapper-fluid {
	margin:0 auto!important;
	float:none!important;
	padding-left:calc(3vw + 20px);
	padding-right:calc(3vw + 20px);
}

.widget-type-global_group {
	min-height:0!important;
}

#menu {
	padding:20px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	-ms-transition:background .2s ease-in;   transition:background .2s ease-in;
}

#menu .menu-block {
	text-align:right;
}

#menu .hs-menu-item {
	display:inline-block;
	list-style-type:none;
}

#menu .hs-menu-item a {
	padding:12px 25px;
	text-decoration:none;
	font-size:13px;
	color:#fff;
	position:relative;
}
#menu .hs-menu-flow-vertical > ul {
	padding-left:0;
}
#menu .hs-menu-flow-vertical > ul > .hs-menu-item:not(:last-child):not(.hs-item-has-children) > a:before, #menu .hs-menu-flow-vertical  ul > .hs-item-has-children > ul li a:before {
  content:"";
  position:absolute;
  bottom:3px;
  left:10px;
  width:0;
  background:var(--light-blue);
  height:1px;
  -ms-transition:width .2s ease-in; 
  -webkit-transition:width .2s ease-in; 
  transition:width .2s ease-in;
}

.imgInsight img {
    border-radius: 20px;
    min-height: 751px;
    object-fit: cover;
}

#menu .hs-menu-flow-vertical > ul > .hs-menu-item:not(:last-child):not(.hs-item-has-children) > a:hover:before, #menu .hs-menu-flow-vertical  ul > .hs-item-has-children > ul li a:hover:before {
  width:calc(100% - 15px); 
}

#menu .hs-menu-flow-vertical > ul > .hs-menu-item:last-child > a {
	background:var(--light-blue);
}

#menu .hs-menu-item {
	display:inline-block;
	list-style-type:none;
}

#menu .hs-menu-item.hs-item-has-children {
	position:relative;
}

#menu .hs-menu-item.hs-item-has-children > ul {
	 position:absolute;
	top:calc(100% + 10px);left:0;
	padding: 0;
  width: 100%;
	min-width:300px;
	background:var(--dark-blue);
	text-align: left;
	height:0;
	max-height:430px;
	-ms-transition:.4s height ease-in;
	-webkit-transition:.4s height ease-in;
	transition:.4s height ease-in;
	overflow:hidden;
}

#menu .hs-menu-item.hs-item-has-children:hover > ul {
	  height:1000px;
	

}

#menu .hs-menu-item.hs-item-has-children > ul:after {
	content:"";
	display:block;
	float:none!important;
	clear:both!important;
}

#menu .hs-menu-item.hs-item-has-children > ul li a, #menu.white .hs-menu-item.hs-item-has-children > ul li a {
	display:block;
	text-align:left;
	color: #fff!important;
	
}

#menu.white {
	background:#fff;
	border-bottom:1px solid #EBEBEB;
}

#menu.white .hs-menu-item:not(:last-child) a {
	color:var(--dark-blue)!important;
}

#menu-mobile-container  {
	display:none;
}

#menu-mobile-container .qbi-mobile-menu {
	min-height:0;
}

div#menu {
    background: #ffffff;
}
/*breadcrumbs*/


#footer-group #footer-1 {
	padding-top:calc(1.5vw + 35px);
	padding-bottom:50px;
	background:#012E40;
}

#footer-1 .footer-logo {
	margin-bottom:20px;

}

#footer-1 h4 {
	color:var(--light-blue);
	font-weight:400;
	margin:15px 0 25px 0;
}
#footer-1 .footer-column {
	padding-right:20px;
}
#footer-1 .contact-links a {
  display:block;
	margin-bottom:15px;
	color:#fff;
	font-size:13px;
	text-decoration:none;
}

#footer-1 .contact-links a img {
	margin-right:20px;
	vertical-align:middle;
}

#footer-1 .form-title {
	margin:0;
	font-size:13px;
	color:#fff;
	font-weight:400;
}
#footer-1 .footer-suscripcion form {
	margin-top:20px;
}
#footer-1 .footer-suscripcion .widget-type-form input:not(.hs-button):not([type="checkbox"]) {
	border:none;
	padding:10px 15px;
	background:#435F79;
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	text-align: left;
	color:#fff;
	width: 100%;
}

#footer-1 .footer-suscripcion .widget-type-form input[type="checkbox"] {
    margin: 4px 10px 0 0;
    background: #435f79;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    width: 15px;
    height: 15px;
	cursor:pointer;
}

#footer-1 .footer-suscripcion .widget-type-form input[type="checkbox"]:checked {
	background:var(--light-blue);
}

#footer-1 .footer-suscripcion label {
	display:none;
}

#footer-1 .hs-form-booleancheckbox label, #footer-1 .hs-form-booleancheckbox label a {
	display:block;
	font-size:12px;
	color:#fff;
}
#footer-1 .logo-partner {
width:50%
}

#footer-1 .hs-form-booleancheckbox label a {
	display:inline-block;
}

#footer-1 .hs-form-booleancheckbox p {
	color:#fff;
}

#footer-1 .hs-form-booleancheckbox {
	margin-top:10px;
}
#footer-1 .footer-suscripcion .widget-type-form input::placeholder {
	color:var(--dark-text-blue);
	text-transform:uppercase;
}
#footer-1 .footer-suscripcion .widget-type-form form {
	position:relative;
}
#footer-1 .footer-suscripcion .widget-type-form .hs-button {
	text-transform:uppercase;
	border:none;
	float:right;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	height: 39px;
  width: 100px;
	background:var(--dark-blue);
	color:#8BB6C6;
}
#footer-1 .footer-suscripcion .widget-type-form .hs-button:hover {
	background:var(--light-blue);
	color:#fff;
}

#footer-1 .footer-suscripcion ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer-1 .footer-suscripcion .hs-error-msgs label {
	margin:0;
	padding:5px 0 0 0;
	list-style-type:none;
	color:red;
	font-size:12px;
	display:block;
}

#footer-2 {
	background:#263F55;
	padding: 15px 0 7px 0;
}


#footer-2 .copyright, #footer-2 .copyright a  {
	color:#fff;
	font-weight:300;
	font-size:12px;
}

#footer-2 .follow {
	text-align:right;
		color:#fff;
	font-weight:300;
	font-size:12px;
}

#footer-2 .follow img {
	    max-width: 20px;
    vertical-align: bottom;
    margin-left: 10px;
}

.footer-link{text-transform:none}

.section {
	padding-top: calc(3vw + 40px);
	padding-bottom: calc(3vw + 40px);
}
.section.top-0 {
	padding-top: 0;
}
.section.bottom-0{
	padding-bottom: 0;
}
/* title section with white bg and dark blue title */ 


#blue-title h1{
	text-align: center;
	text-transform: uppercase;
	margin-top: 30px;
	display: inline-block;
}
#blue-title h1:after{
	left: calc(50% - 45px);
	bottom: -20px;
}
#blue-title .title-module {
	text-align: center;
}
#blue-title .title-module .breadcrumbs a, #blue-title .title-module .breadcrumbs span {
	padding: 0 15px;
	text-transform: uppercase;
		color: var(--darker-text-blue);
	text-decoration: none;
}
#blue-title .title-module .breadcrumbs a:hover{
	color: var(--light-blue);
}
#blue-title .title-module .breadcrumbs a:first-of-type{
	border-right: 1px solid var(--dark-text-blue);
}   
.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid var(--dark-blue);
	padding:15px;
	
}
.hs-search-field__suggestions #results-for {
  	color: var(--darker-text-blue);
  font-size: 16px;
  font-weight: 600;
}
.hs-search-field__suggestions a{
  color:var(--dark-text-blue);
  font-size: 14px;
  margin: 10px 0;
}
@media (max-width:1050px) {
	#menu .hs-menu-item a {
		padding:12px 17px;
	}
	
}


@media (min-width: 960px) {
  #sm_menu_ham,
  .sm_menu_outer,#menu-mobile-container {
    display: none;
  }
}

@media (max-width: 959px) {
	#menu {
		display:none;
	}
	
	#menu-mobile-container {
	display:block;
		margin-left:0;
			background:#fff;
		padding:15px 0;
	position:fixed;
	width:100%;
	z-index:9999999;
  }
	
	
#menu-mobile-container .wrapper-menu {
	margin:0 auto!important;
	float:none!important;
	padding-left:15px;
	padding-right:15px;
}
	
	
	#menu-mobile-container .wrapper-menu .logo-mobile {
		  max-width: 81px;
      float: left;
		   
	}
	
	
	#menu-mobile-container .wrapper-menu .demo-button {
		text-align:left;
	}
	
		#menu-mobile-container .wrapper-menu .demo-button .button {
	  font-size:12px;
			padding:7px 8px;
			color:#fff;
			background:var(--light-blue);;
			border:none;
			margin-top:10px;
			margin-left:30px;
	}
	.body-container-wrapper {
		/*padding-top: 81px;*/
	}
}

@media(max-width: 767px){
	h1{
		font-size: 36px;
	}
	h2 {
		font-size: 28px;
	}
}

.body-container-wrapper{padding-top:0px !important}

/*
==============================================
fadeIn Animation when scroll
==============================================
*/

.fadein-slide, .fadein-1, .fadein-2, .fadein-3, .fadein-4 {visibility:hidden;}



.fadeIn{
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;	

  animation-duration: 1s;	
  -webkit-animation-duration: 1s;

  animation-timing-function: ease-in-out;	
  -webkit-animation-timing-function: ease-in-out;		

  visibility: visible !important;	
}

@keyframes fadeIn {
  0% {

    opacity: 0.0;		
  }
  100% {

    opacity: 1;	
  }		
}

@-webkit-keyframes fadeIn {
  0% {

    opacity: 0.0;		
  }
  60% {

  }
  80% {

    opacity: 1;	
  }	
  100% {

    opacity: 1;	
  }