:root {
    --primary-royal-blue: #2D5BD0 ;
    --secundary-royal-blue: #092F8F ;
    --primary-red: #E71C25;    
    --secundary-red: #B20008; 
    --primary-gray: #D7D7D7;
    --secundary-black: #333333;
    --primary-white: #FFFFFF;
 }
 body {
    margin: 0 auto;
    font-family: Poppins;
 }
 
 /* Home */
.title-h2 blockquote{
	margin: 0 !important;
}
 /* utilities */
.flex {
    display: flex;
}
 .cursor_pointer{
     cursor: pointer;
 }
 .max-width{
     max-width: 1440px;
     margin: 0 auto;
 }
 
 .image-cover img{
     object-fit: cover;
 }
 .text-14{
     font-size: 14px !important;
 }
 .zpform-label-container {
     margin-bottom: 3px !important;
 }
 
 .full_width{ 
     width: 100%;
 }
 .zprow {
     margin-inline-end: 0px; 
 }
 
 /* POPUP CRM */
 .zlp-dof-default-form label {
     color: #ffffff !important;
     display: block !important;
      margin-bottom: -15px !important;
 }
 div#elm_xZcpjmwxT8 {
     height: 525px !important;
     overflow-y: hidden !important;
 }
 textarea#elm_M8CfBatfkpdNz5A {
     margin-top: 10px;
     margin-bottom: 10px;
     background-color: rgba(217, 217, 217, 0.31);
     border-color: rgba(255, 255, 255, 0.37);
     color: rgb(255, 255, 255);
     border-radius: 8px;
 }
 div#elm_8TkqhrU3Eh iframe {
  width: 320px !imporant;
 }
 
 /** Button component */
 /** Primary button */
 .ve_button{
     margin-block-start: 20px;
     background: none;
 }
 .ve_button a{
     background: #FFF !important;
     color: var(--primary-white) !important;
     border-radius: 8px;
     padding: 8px 16px;
     text-align: center;
     font-size: 14px;
     line-height:auto;
     font-style: normal;
     font-weight: 600 !important;
     line-height: normal;
 }
 .ve_button a[disabled]{
     opacity: 1;
     color:  var(--primary-white) !important;
     background: var(--primary-gray) !important;
 }
 .ve_button a:hover{
     border-color: var(--secundary-royal-blue) !important;
      border: 1px solid var(--primary-royal-blue);
 }
 /***********************************************************/
 /** Red button version */
 .ve_button_red a{
     background: var(--primary-red) !important;
     color: var(--primary-white) !important;
 }
 .ve_button_red a[disabled]{
     opacity: 1;
     color:  var(--primary-white) !important;
     background: var(--primary-gray) !important;
 }
 .ve_button_red a:hover{
     background: var(--secundary-red) !important;
     border: none;
 }
 /***********************************************************/
 /** Gray button version */
 .ve_button_gray a{
     background: #272727 !important;
     color: var(--primary-white) !important;
 }
 .ve_button_gray a[disabled]{
     opacity: 1;
     color:  var(--primary-white) !important;
     background: var(--secundary-gray) !important;
 }
 .ve_button_gray a:hover{
     background: #212121 !important;
     border: none;
 }
 /***********************************************************/
 /** Blue button version */ 
 .ve_button_blue a{
     background: var(--primary-royal-blue) !important;
     color: var(--primary-white) !important;
 }
 .ve_button_blue a[disabled]{
     opacity: 1;
     color:  var(--primary-white) !important;
     background: var(--primary-gray) !important;
 }
 .ve_button_blue a:hover{
     background: var(--secundary-royal-blue) !important;
     border: none;
 }
 /***********************************************************/
 /** Secondary button */
 .ve_button-secondary{
     margin-block-start: 20px;
     background: none;
     border: 1px solid var(--primary-white);
     border-radius: 8px !important;
 }
 
 .ve_button-secondary a{
     background: transparent !important;
     border: 1px solid var(--primary-white);
     color: var(--primary-white);
     border-radius: 8px;
     padding: 8px 16px;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 600 !important;
     line-height: normal;
 }
 .ve_button-secondary a[disabled]{
     opacity: 1;
     color:  var(--primary-gray);
     border: 1px solid var(--primary-gray);
 }
 .ve_button-secondary a:hover{
     border: 1px solid var(--primary-white);
     color: var(--primary-white);
 }
 .ve_button-secondary span,
 .ve_button-secondary path{
     color: var(--primary-white);
 }
 /***********************************************************/
 /* red button secondary version  */
 .ve_button_red-secondary{
     border: 1px solid var(--primary-red);
 }
 .ve_button_red-secondary a{
     border: 1px solid var(--primary-red);
 }
 .ve_button_red-secondary span,
 .ve_button_red-secondary path{
     color: var(--primary-red);
 }
 .ve_button_red-secondary a[disabled]{
     color:  var(--primary-gray);
     border: 1px solid var(--primary-gray);
 }
 .ve_button_red-secondary a:hover {
     border: 1px solid var(--secundary-red);
     color: var(--secundary-red);
 }
 /***********************************************************/
 /* blue button secondary version */
 .ve_button_blue-secondary{
     border: 1px solid var(--primary-royal-blue);
 }
 .ve_button_blue-secondary a{
     border: 1px solid var(--primary-royal-blue);
 }
 .ve_button_blue-secondary span,
 .ve_button_blue-secondary path{
     color: var(--primary-royal-blue) !important;
 }
 .ve_button_blue-secondary a[disabled]{
     color:  var(--primary-gray);
     border: 1px solid var(--primary-gray);
 }
 .ve_button_blue-secondary a:hover {
     border: 1px solid var(--secundary-royal-blue);
     color: var(--secundary-royal-blue);
 }
 /***********************************************************/
 
 /* Title */ 
 .title-h1 h1{
     color: #333;
     text-align: left;
     font-style: normal;
     font-weight: 600;
     font-size: 32px;
     line-height:38px;
 }
 .title-h1{
    color: #333;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size:42px;
    line-height:38px;
}
 .title h2{
     color: #333;
     text-align: left;
     font-size: 42px !important;
     font-style: normal;
     font-weight: 600;
     line-height: 38px !important;
 }
 .title-h2 h2{
     color: #333;
     text-align: left;
     font-size: 36px !important;
     font-style: normal;
     font-weight: 600;
     line-height: 46px !important;
 }
 .title_center h2{
     text-align: center;
 }
 .title_white h2 {
         color: var(--primary-white);
 }
 /***********************************************************/
 /* Texto */
 .cuerpo_texto{
     font-size: 14px !important;
     line-height: 22px !important;
 }
 /***********************************************************/
 
 /* PopUp section */
 div#elm_JeqNhJyRZl {
     overflow-y: hidden;
     margin: 0 !important;
 }
 iframe#elm_lUPrunJE0j {
     margin: 0 !important;
     width: 100%;
     height: calc(100% - -500px) !important;
 }
 div#elm_pzPf4kMGxZ {
     border-style: hidden !important;
 }
 
 iframe#elm_YJnO2cSyuW {
     margin: 0;
     width: 100%;
 }
 div#elm_wxfDBT3qK9 {
     margin: 0;
 }
 
 div#elm_50Jder6xbr {
     overflow-y: hidden;
 }
 div#zb-staff-container {
     height: calc(100% - 45px) !important;
 }
 /* ---------------------------- */
 /* Nav section */
 .nav{
     width: 100%;
     padding-block-start: 0;
     padding-block-end: 0;
     position: fixed;
     top: 0;
     z-index: 1000;
     margin: 0 auto;
 }
 .icon_burger{
     display: flex;
 }
 .nav .zpelement {
     margin-block-start: 0;
 }
 .nav .zpelem-image {
     margin-block-start: 0 !important;
 }
 .nav_container{
     padding: 16px 96px;
     padding-inline-start: 0;
     padding-inline-end: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 .nav_logo{
     width: 226px;
     align-self: stretch;
     margin-block-start: 0;
 }
 .nav_list{
     display: flex;
     align-items: center;
     gap: 16px;
 }
 .icon_lenguage .zpbutton-wrapper{
     padding: 0 !important;
     align-items: center;
 }
 .colum_without_border{
     padding-inline-start: 0px !important;
     padding-inline-end: 0px !important;
 }
 .section_without_padding .zpcontainer-fluid{
     padding-inline-end: 0px;
 }
 /* -------------------------- */
 /* Header Section */
 .header_card{
     top: 20px;
 }
 .zptext a {
     color: black;
 }
 .header_card_text p{
     color: #333;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 22px;
 }
 .header_botons_container{
     width: fit-content;
      display: flex;  
     justify-content: flex-start;
     align-items: center;
     gap: 16px;
 }
 .header_img img{
     width: 304.17px ;
     height: 72px ;
 }
 
 /* ----------------------------- */ 
 /** Clients logos Section */
 .clients_logos{
     background: var(--primary-white);
     display: flex;
     justify-content: space-around;
     border-radius: 8px !important;
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  }
 /*---------------------------------*/
 /* Reseñas setion */
 .reseñas_card .zpelem-box{
     border-color: #0000;
 }
 .reseñas_card .lpcustom-box {
     height: 416px !important;
 }
 .zpcarousel-controller{
     border: none !important;
     background: #D9D9D9 !important;
 }
 .zpcarousel-controller-active{
     background: #2D5BD0 !important;
 }
 .zpcarousel-container .zpcarousel-controller-type-01 {
     gap: 16px;
 }
 .lpcustom-heading h5{
     font-size: 16px !important;
     font-weight: 600 !important;
     
 }
 .lpcustom-text span{
     font-style: normal !important;
     font-size: 14px !important;
 }
 /***********************************************************/
 /* tablet */
 .reseñas_card_container{
  display: flex;   
 }
 .carrusel_tablet .zpcarousel-content-container{
    min-height: 600px !important;
 }
 
 .reseñas_card_container .reseñas_card {
     width: 50%;
     flex-wrap: nowrap;
  }
 .reseñas_card .lpcustom-box{
     height: 395px;
     border-radius: 8px !important;
 }
 /* --------------------------------- */
 /* Call to action section */
 .call_to_action_section_title h2{
      color: #FFF;
 }
 
 .call_to_action_section_botons{
     width: fit-content;
      display: flex;  
     justify-content: flex-start;
     align-items: center;
     gap: 16px;
 }
 .section_without_padding{
      max-width: 1440px;
      margin: 0 auto;
 }
 .ve_section_contenets{
     margin: 0 auto;
 }
 /* -----------------------------*/
 /* form */
 [data-element-id="elm_bxQb2sjONNEIEuf4fk80CQ"].zpelem-col {
     border-radius: 1px;
     padding-inline-end: 0px !important;
     padding-inline-start: 0px !important;
 }
 .zpform-container .zpform-outer li {
     margin-block-end: 0px;
 }
 .zpform-field-container.zpform-button {
     justify-content: center;
     margin-top: 32px;
 }
 .zpform-label-container {
     margin: 0 !important;
 }
 input.zpbutton.zpbutton-type-primary.zpbutton-style-oval.zpbutton-size-md {
     width: 100% !important;
     justify-content: center;
     margin-top: 16px !important;
 }
 .form_section .fom_content_title h3{
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
 }
 
 .form_extra_content{
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 32px;
 }
 .form_content_section .zpelement {
     margin-block-start: 0;
 }
 .form_section_title_card h3{
      font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;   
 }
 .asesoria_boton{
     width: 100%;
 }
 .box_asesoria{
     display: flex;
     padding: 48px 32px;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 32px;
     flex: 1 0 0;
      border-radius: 8px;
     background: var(--primary-royal-blue, #2D5BD0);
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
 }
 
 .center-clients{
     border-radius: 8px;
     border-color: black;
 }
 /* --------------------------------*/
 /* info messsage section  */ 
 .info_box{
     display: flex;
     z-index: 900;
     position: relative;
       justify-content: flex-start;
     align-items: center;
 }
 .info_box_text{
     width: 80%;
 }
 .info_box_icon svg{
     width: 18px !important;
     height: 18px !important;
 }
 .info_message{
     position: absolute;
     bottom: 40px;
     left: 35px;
     background: #333333;
     color: white;
     padding: 20px;
     width: 178px;
 }
 .hidden_message{
  display: none;
 }
 .info_message_tuned {
     bottom: 80px;
 }
 .text_bold span {
     font-weight: 600;
 }
 /* -------------------------*/
 /* Price Section */ 
 .price_buttons_container .zpelement,
 .price_buttons_container .zpelem-button{
     margin-block-start: 0 !important;
 }
 .price_buttons_container{
     margin: 0 auto;
     width: fit-content;
     display: flex;
     background: white;
     border-radius: 8px;
     padding: 8px;
 }
 .price_buttons_container_2{
     gap: 16px;
     background: none;
     border-radius: 0;
     align-items: center;
 }
 
 .plan_toggle {
   width: 273px;
   height: 48px;
   margin: 0 auto;
   padding: 18px 0 18px 0;
   background: #fff;
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
 }
 
 .button_normal a{
   background: rgb(255, 255, 255) !important;
   color: #2d5bd0  !important ;
 }
 .button_custom_selected a{
     background: #2d5bd0  !important;
     color: rgb(255, 255, 255)  !important;
 }
 
 .monly_details_active {
   display: flex;
 }
 .yearly_details_active {
   display: flex;
 }
 .hidden {
   display: none;
 }
 
 .price_firts_container{
     border-radius: 8px !important;
     width: 250px;
 }
 .price_container{
      border-radius: 8px !important;
     width: 190px;
 }
 
 .price_firts_container{
     position: relative;
    padding-top: 0 !important;
 }
 .price_container_child{
     margin: 0 !important;
     position: relative;
     top: 103px;
 }
 .price_container_item,
 .price_container_item .zpelem-text{
      margin-top: 0 !important;       
 }
 .price_container_item{
     max-height: 84px;
     
 }
 .price_container_item .zpelem-text{
     padding: 34px 0;   
 }
 .price_container_box1{
     max-height: 114px;
 }
 .price_container_box2{
     margin-top: 0px !important;
 }
 .price .prices .zpelem-col{
     height: 740px;
 }  
 /* ZOHO PRICES */
 .zoho_price_container {
      width: 250px;
 }
 /*********************************************************/
 /* acordion */
 .zpaccordion-container.zpaccordion-style-01 .zpaccordion{
     border: none !important;
     border-bottom: 1px solid #2B2B2B !important;
 }
 
 .zpaccordion-active-content{
     border: none !important;
 }
 
 .zpaccordion-container.zpaccordion-style-01 .zpaccordion-content{
     border: none !important;
     border-bottom: 1px solid #2B2B2B !important;
 }    
 
 .zpaccordion-container.zpaccordion-style-01 .zpaccordion-active {
     border: none !important;
     margin-top: 0;
     padding-bottom: 0;
 }
 .zpaccordion-container .zpaccordion-content {
     padding-top: 0;
 }
 /***********************************************************/
 /* footer */
 .ve_footer_container {
     display: flex;
     justify-content: space-between;
         flex-wrap: wrap;
 }
 .ve_footer_box_information {
     display: flex;
     justify-content: space-between;
         flex-wrap: wrap;
 }
 .footer_network_container{
 display: flex;
 }
 .ve_footer_box_information .zpicon-container {
 margin-right: 12px;
 }
 .footer_text{
     color: var(--primary-white);
 }
 /***********************************************************/
 /************************ TABLET VERSION ******************************/
 @media only screen and (min-width: 576px) and (max-width: 991px){
    .title-h1 h1 span {
        font-size: 24px;
    }
    
     .title-h1 h1{
         font-size:42px;
         line-height: 28px;
     }
     .title-h1{
        font-size:42px;
        line-height:25px;
    }
     /* Components */
     .zpcontainer {
         width: 100%;
         padding: 0 48px;
     }
     /* Title */ 
     .title h2 {
         font-size: 32px !important;
         line-height: 35px !important;
     }
     .title-h2 h2{
         font-size: 28px !important;
         font-style: normal;
         font-weight: 600;
         line-height: 28px !important;
     }
     .title-h2 h2 span{
        font-size: 24px !important;
    }
     /* Nav section */
     .icon_burger{
          display: block;
     }
     .nav .ve_button-secondary,
     .nav .icon_lenguage{
         display: none;
     }
     /* Header Section */
     .header{
         padding: 3rem;
         padding-top: 4rem;
     }
     /* clients logos section */
     .logo_hidden{
         display: none;
     }
     /* testimonios */
     .lp-section-05 .lpcustom-box {
         padding: 30px 16px 20px 16px !important;
     }
     .reseñas_card .lpcustom-box {
         height: 441px !important;
     }
     /* sliders */
 [data-element-id="elm_6fttcFig4JccthDvmyxggA"].zpelem-col {
         padding-inline-end: 48px !important;
         padding-inline-start: 48px !important;
     }
     /* Form section */
     .form_section .zpform-outer{
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-template-areas:
             "name email"
             "company phone"
             "caso caso"
             "button button";
         gap: 10px;
     }
     .form_section .zpform-outer li:nth-child(1) {
             grid-area: name;
     }
     .form_section .zpform-outer li:nth-child(2) {
             grid-area: email;
     }
     .form_section .zpform-outer li:nth-child(3) {
             grid-area: company;
     }
     .form_section .zpform-outer li:nth-child(4) {
             grid-area: phone;
     }
      .form_section .zpform-outer li:nth-child(5) {
             grid-area: caso;
     }
     .form_section .zpform-outer li:nth-child(7){
             grid-area: button;
     }
     .form_section .zpform-outer .zpform-field-container{
         max-inline-size: 100% !important;
     }
     .zpform-field-container.zpform-button {
         margin: 0;
     }
     .form_section .zpform-outer .zpform-label-container{
          max-inline-size: 100% !important;
     }
     input.zpbutton.zpbutton-type-primary.zpbutton-style-oval.zpbutton-size-md {
         width: 100% !important;
     }
     .zpform-button{
         justify-content: center;
     }
     .zpform-field-container.zpform-button {
         flex: 1 0 100% !important;
     }
 
     /* --------------------------------- */
     /* Call to action section */
     .ve_section_contenets{
          height: 500px;
     }	
     /*-------------- */
     /* Price Section */ 
     .prices {
         
     }
     .price .prices{
         max-width: 100vw;
         margin: 0 auto;
         flex-wrap: nowrap;
         overflow-x: auto;
         padding-bottom: 10px;
         margin-top: 16px;
         margin-inline-end: 0;
         margin-left: 20px;
         padding: 11px;
         padding-left: 530px;
     }
 
     .price .prices .zpelem-col{
          height: 740px;
          width: 193px;
     }
     /* step by step container */
     .step_by_step_container{
         display: grid;
         grid-template-columns: 1fr 1fr;
     }
 /*--------------------------------*/
      .ve_section_contenets {
         padding: 76px 20px !important;
     }
 }
 
 /************************ MOBILE VERSION ******************************/
 @media only screen and (max-width: 575px){
    .title-h1 h1 span {
        font-size: 24px;
    }
     .ve_logo img{
         width: 132px;
         height: 36px;
     }
    .title h2 {
         font-size: 30px !important;
         line-height: 30px !important;
     }
     .title-h2 h2{
         font-size: 26px !important;
         line-height: 26px !important;
     }
     .title-h2 h2 span{
        font-size: 24px !important;
    }
      /* Components */
     .zpcontainer {
         width: 100%;
         padding: 0 24px;
     }
 
     .ve_button{
          width: 100%;
     }
     .ve_button a {
         width: 100%;
         justify-content: center;
     }
     .ve_button-secondary{
            width: 100%;
     }
     /* Title */ 
     /* Nav section */
     .icon_burger{
          display: block;
     }
     .nav .ve_button-secondary,
     .nav .icon_lenguage{
         display: none;
     }
     .nav_list {
         gap: 0;
     }
     .nav_container{
         padding-inline-start: 0px !important;
         padding-inline-end: 0px !important;
         justify-content: space-around;
     }
     .nav  .zpcontainer{
         padding-inline-start: 0px;
         padding-inline-end: 0px;
     }
     .nav_logo img{
         padding-left: 1rem;
     }
     .nav_logo {
     width: 143px;
         align-self: center;
     }   
  
     /* */
     [data-element-id="elm_6fttcFig4JccthDvmyxggA"].zpelem-col {
         padding-inline-end: 0px !important;
         padding-inline-start: 0px !important;
     }
     /* Header Section */
     .header_card .zpelem-col {
         padding: 48px 24px !important;
         margin: 64px 24px 0px 15px !important;
     }
     .header_img img{
         width: 174px ;
         height: 41px ;
     }
     .header_botons_container{
         flex-wrap: wrap;
     }
     /* Carrusel */ 
     .zpcarousel-arrow-left{
         display: none !important;
     }
     .zpcarousel-arrow-right{
         display: none !important;
     }
     .lp-section-05 .lpcustom-box {
         border-color: transparent;
         height: 452px;
         border-radius: 8px !important;
     }
     .zpimage-carousel-slide {
         margin-inline-start: 24px !important;
         margin-inline-end: 24px !important;
     }
     .zpcarousel-container .zpcarousel-content-container .zpcarousel-content .zpcarousel-content-inner {
          padding-block-start: 0px; 
          padding-block-end: 0px; 
          padding-inline-start: 0px; 
          padding-inline-end: 0px;
          margin-block-start: 0;
          margin-block-end: 0;
            margin-inline-start: 0px; 
          margin-inline-end: 0px; 
     }
 
     /* Call to action  */    
     .ve_section_contenets{
          height: 721px;
     }	
     /* Reseñas section */ 
    
     .reseñas_section .zpsection {
      padding-block-start: 0px;
      padding-block-end: 0px;
     }
    /* [data-element-id="elm_XBVFaiCUFpbMTxs2LAupZA"].zpsection {
         display: none;
     }*/
     [data-element-id="elm_aVV1Zqu0iuPrUm4mxP3J3g"].zpsection {
         border-radius: 1px;
         padding-block-start: 0px;
     }
     .card_colum_item{
          margin: 0 auto;
         margin-left: 10px;
     }
     
     /* Banner */
     .ve_section_contenets {
         padding: 76px 20px !important;
     }
     
     /* call to action section */
     .call_to_action_section_botons {
         flex-wrap: wrap;
     }
     .form_extra_content {
         grid-template-columns: 1fr;
         margin-bottom: 64px;
     }
     .call_to_action_section {
           margin: 16px !important;
     }
     /* form */
     .form_container{
          padding-inline-end: 0 !important;
          padding-inline-start: 16px !important;
     }
     .zpelem-lpform .zpform-container .zpbutton {
      padding-inline-end: 0px !important; 
      padding-inline-start: 0px !important; 
      margin-inline-start: 0px !important; 
      width: 100% !important;
     justify-content: center;
 }
     /* price section */
     .price_buttons_container{
         width: 105%;
         justify-content: center;
         max-width: 318px;
     }
        .form_section .zpbutton.zpbutton-type-primary {
     border-radius: 10px;
      padding-inline-end: 36px !important; 
      padding-inline-start: 36px !important; 
     }
     .price .prices{
         flex-wrap: nowrap;
         overflow-x: auto;
         padding-bottom: 10px;
         margin-top: 16px;
         margin-inline-end: 0;
         margin-left: 20px;
         padding: 11px;
         padding-left: 261px;
     }
     .price .prices .zpelem-col{
         width: 171px;
         height: 740px;
     }  
     .price_buttons_container {
         flex-wrap: wrap;
     }
     .price_firts_container{
         margin-left: 453px !important;    
     }
 /*--------------------------------*/
 }