.elementor-2038 .elementor-element.elementor-element-a3f876c{--display:flex;--min-height:940px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-a3f876c:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-a3f876c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;background-image:url("https://integrosuite.com/wp-content/uploads/2025/02/fondo-home-arreglado-v4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2038 .elementor-element.elementor-element-2371593{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-abe1865{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-2038 .elementor-element.elementor-element-abe1865.elementor-element{--align-self:center;}.elementor-2038 .elementor-element.elementor-element-396999a{width:initial;max-width:initial;}.elementor-2038 .elementor-element.elementor-element-396999a.elementor-element{--align-self:center;}.elementor-2038 .elementor-element.elementor-element-99b5b45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2038 .elementor-element.elementor-element-99b5b45:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-99b5b45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;}.elementor-2038 .elementor-element.elementor-element-16b47f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2038 .elementor-element.elementor-element-5ec524c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-0px;--margin-bottom:-0px;--margin-left:-0px;--margin-right:-0px;}.elementor-2038 .elementor-element.elementor-element-5ec524c:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-5ec524c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;}.elementor-2038 .elementor-element.elementor-element-e5154fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-2d23bee > .elementor-widget-container{margin:15px 15px 15px 15px;}.elementor-2038 .elementor-element.elementor-element-2d23bee{text-align:center;}.elementor-2038 .elementor-element.elementor-element-2d23bee .elementor-heading-title{font-family:"Chillax", Sans-serif;font-size:42px;font-weight:700;}.elementor-2038 .elementor-element.elementor-element-c34a0e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-c34a0e3:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-c34a0e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://integrosuite.com/wp-content/uploads/2025/02/Estrellass.png");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-2038 .elementor-element.elementor-element-c7a9d14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-c7a9d14:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-c7a9d14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;}.elementor-2038 .elementor-element.elementor-element-60bb40e{--spacer-size:94px;}.elementor-2038 .elementor-element.elementor-element-59aa0cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-59aa0cb:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-59aa0cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;}.elementor-2038 .elementor-element.elementor-element-3aa2da2.elementor-element{--align-self:center;}.elementor-2038 .elementor-element.elementor-element-4cfc991{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-4cfc991:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-4cfc991 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;}.elementor-2038 .elementor-element.elementor-element-87c4de3{--spacer-size:66px;}.elementor-2038 .elementor-element.elementor-element-3809d79{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2038 .elementor-element.elementor-element-3809d79:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-3809d79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;}.elementor-2038 .elementor-element.elementor-element-a2b32ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-e3ec2cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2038 .elementor-element.elementor-element-e3ec2cf.e-con{--align-self:center;}.elementor-2038 .elementor-element.elementor-element-85e836e{text-align:center;}.elementor-2038 .elementor-element.elementor-element-1e78639{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2038 .elementor-element.elementor-element-1e78639:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-1e78639 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-2038 .elementor-element.elementor-element-5173090{--spacer-size:73px;}@media(min-width:768px){.elementor-2038 .elementor-element.elementor-element-a2b32ff{--width:50%;}.elementor-2038 .elementor-element.elementor-element-e3ec2cf{--width:50%;}}@media(max-width:1024px){.elementor-2038 .elementor-element.elementor-element-abe1865{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(max-width:767px){.elementor-2038 .elementor-element.elementor-element-a3f876c{--min-height:693px;}.elementor-2038 .elementor-element.elementor-element-abe1865{--container-widget-width:989px;--container-widget-flex-grow:0;width:var( --container-widget-width, 989px );max-width:989px;}.elementor-2038 .elementor-element.elementor-element-16b47f7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2038 .elementor-element.elementor-element-85e836e > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-2038 .elementor-element.elementor-element-85e836e{text-align:center;}.elementor-2038 .elementor-element.elementor-element-cba5e5c > .elementor-widget-container{padding:13px 13px 13px 13px;}}/* Start custom CSS for html, class: .elementor-element-abe1865 */@import url('https://fonts.googleapis.com/css2?family=Chillax:wght@400;700&display=swap');

.containerTT {
    font-family: 'Chillax', sans-serif;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    /*height: 800px;*/
    padding-top: 239px !important;
    padding-bottom: 9px !important;
    position: relative;

}

.text-sectionTT {
    width: 50%;
    padding: 20px;
    z-index: 1;
    /* Asegura que el texto esté sobre la imagen */
    position: relative;
}

.text-sectionTT p,
.text-sectionTT h1,
.text-sectionTT .buttonsTT {
    margin-left: 20px;
    /* Alinear el texto a la izquierda */
}

.text-sectionTT p {
    font-size: 20px;
    color: #ffffff;
    font-family: 'Chillax', sans-serif;
    margin-bottom: 1px !important;

    text-align: center;

}

.text-sectionTT h1 {
    font-size: 60px;
    color: #ffffff;
    font-family: 'Chillax', sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.text-sectionTT .buttonsTT {
    margin-top: 20px;
}

.text-sectionTT .buttonsTT button {
    font-size: 16px;
    padding: 10px 20px;
    margin: 10px;
    border: none;
    cursor: pointer;
}

.image-sectionTT {
    position: absolute;
    right: 0;
    width: 600px;
    height: 608px;
    background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/crm1-1.png');
    background-size: cover;
    background-position: center;
    z-index: 0;
}

.botones-containerTT {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}

.botonTT {
    display: inline-block;
    padding: 2px 20px;
    border-radius: 50px;
    font-family: 'Chillax', sans-serif;
    /* Fuente Arial */
    font-size: 13px;
    font-weight: bold;
    /* Texto en negrita */
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}

.boton-blancoTT {
    background-color: #f5f5f5;
    color: #13161A;
    border: 2px solid #ccc;
}

.boton-blancoTT:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
    border: 3px solid #09fffe !important;
}

.boton-azulTT {
    /*background-color: #13161A;*/
    background-color: #13161a00;
    color: #ffffff !important;
    border: 3px solid #ffffff !important;
}

.boton-azulTT:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
    border: 3px solid #09fffe !important;
}

.boton-azulTT:active {
    color: #09fffe !important;
}

#textClientrix {
    color: #00FFFB;
    text-shadow: 3px 1px 9px #09fffead;
    text-transform: uppercase;
}

@media (max-width: 1600px) {
    .containerTT {
        font-family: 'Chillax', sans-serif;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 480px;
        padding-top: 180px !important;
        padding-bottom: 0px !important;
        position: relative;
    }

    .text-sectionTT {
        width: 50%;
        padding: 20px;
        z-index: 1;
        /* Asegura que el texto esté sobre la imagen */
        position: relative;
    }

    .text-sectionTT p,
    .text-sectionTT h1,
    .text-sectionTT .buttonsTT {
        margin-left: 20px;
        /* Alinear el texto a la izquierda */
    }

    .text-sectionTT p {
        font-size: 20px;
        color: #ffffff;
        font-family: 'Chillax', sans-serif;
        margin-bottom: 1px !important;

        text-align: center;

    }

    .text-sectionTT h1 {
        font-size: 60px;
        color: #ffffff;
        font-family: 'Chillax', sans-serif;
        font-weight: bold;
        text-align: center;
        line-height: 1;
    }

    .text-sectionTT .buttonsTT {
        margin-top: 20px;
    }

    .text-sectionTT .buttonsTT button {
        font-size: 16px;
        padding: 10px 20px;
        margin: 10px;
        border: none;
        cursor: pointer;
    }

    .image-sectionTT {
        position: absolute;
        right: 0;
        width: 520px;
        height: 530px;
        background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/crm1-1.png');
        background-size: cover;
        background-position: center;
        z-index: 0;
    }

    .botones-containerTT {
        display: flex;
        gap: 30px;
        align-items: center;
        justify-content: center;
    }

    .botonTT {
        display: inline-block;
        padding: 2px 20px;
        border-radius: 50px;
        font-family: 'Chillax', sans-serif;
        /* Fuente Arial */
        font-size: 13px;
        font-weight: bold;
        /* Texto en negrita */
        text-align: center;
        text-transform: uppercase;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        text-decoration: none;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
    }

    .boton-blancoTT {
        background-color: #f5f5f5;
        color: #333;
        border: 2px solid #ccc;
    }

    .boton-blancoTT:hover {
        background-color: #e0e0e0;
    }

    .boton-azulTT {
        background-color: #13161A;
        color: #ffffff !important;
        border: none;
    }

    .boton-azulTT:hover {
        background-color: #14143a;
    }

    #textClientrix {
        color: #00FFFB;
        text-shadow: 3px 1px 9px #09fffead;
        text-transform: uppercase;
    }
}


/* Estilos para mobile */
@media (max-width: 768px) {

    /*.elementor-2038 .elementor-element.elementor-element-a3f876c:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-a3f876c > .elementor-motion-effects-container > .elementor-motion-effects-layer*/
    /*{*/
    /*    background: url(https://integrosuite.com/wp-content/uploads/2025/01/crm-celular.png) no-repeat center center, #ffffffb8 !important;*/
    /*    background-size: contain !important;*/
    /*    margin-top: 40px;*/
    /*}*/
    .containerTT {
        padding-top: 90px !important;
        padding-bottom: 50px !important;
        flex-direction: column;
    }

    .text-sectionTT,
    .image-sectionTT {
        width: 100%;
        /* Ajustar a 100% para ocupar todo el ancho */
    }

    .text-sectionTT p,
    .text-sectionTT h1,
    .text-sectionTT .buttonsTT {
        margin-left: 0;
        text-align: center;
        /* Centrar el texto en móviles */
    }

    .text-sectionTT h1 {
        font-size: 36px;
    }

    .botones-containerTT {
        justify-content: center;
        /* Centrar los botones en móviles */
    }

    .image-sectionTT {
        height: auto;
        /* Ajustar altura automáticamente para mantener proporciones */
    }

    .botonTT {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ddbc3e6 */@import url('https://fonts.googleapis.com/css2?family=Chillax:wght@400;700&display=swap');

.container3 {
    font-family: 'Chillax', sans-serif;
    display: flex;
    /* justify-content: space-between; */
    padding: 20px;
    margin: 20px;
}

.left3 {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.right3 {
    width: 1200px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-left: 265px;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    height: 351px;
}

.title3 {
    color: #00bfa5;
    font-size: 14px;
    margin-bottom: 10px;
}

.main-title3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.description3 {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1;
    margin: 0;
    font-weight: 500;
}

.button3 {
    background-image: url(https://integrosuite.com/wp-content/uploads/2025/01/Estrellas.webp) !important;
    color: #ffffff !important;
    padding: 10px 48px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold;
    border-radius: 30px;
}

.button3:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
}
.button3::active{
    color: #09fffe !important;
}

.card3 img {
    width: 100%;
    border-radius: 10px;
}

.top-image3 {
    width: 540px;
    max-width: 1000px !important;
    position: absolute;
    left: 107%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.bottom-image3 {
    width: 765px;
    max-width: 1000px !important;
    position: absolute;
    left: 121%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.boton3{
    padding-top: 27px;
}

@media (max-width: 768px) {
    .container3 {
        flex-direction: column;
        padding: 0px; 
        margin: 0px;
    }

    .right3 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        height: 620px;
        padding-bottom: 34px;
        padding-top: 10px;
    }

    .title3 {
        font-size: 26px;
    }

    .main-title3 {
        font-size: 26px; 
    }

    .description3 {
        font-size: 18px;
    }

    .button3 {
        font-size: 18px;
    }

    .top-image3, .bottom-image3 {
        display: none;
    }

    .main-title3::before {
        content: '';
        display: block;
        /*width: 187px;*/
        /*height: 150px;*/
        width: 229px;
        height: 240px;
        background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/3d-diseno-power.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 0px auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50babcb */@import url('https://fonts.googleapis.com/css2?family=Chillax:wght@400;700&display=swap');

.container6 {
    font-family: 'Chillax', sans-serif !important;
    display: flex;
    /* justify-content: space-between; */
    padding: 20px;
    margin: 20px;
}

.left6 {
    width: 1200px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* padding: 20px; */
    padding-left: 25px;
    padding-right: 265px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    height: 351px;
}

.right6 {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.title6 {
    color: #00bfa5;
    font-size: 14px;
    margin-bottom: 10px;
}

.main-title6 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.description6 {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1;
    margin: 0;
    font-weight: 500;
}

.button6 {
    background-image: url(https://integrosuite.com/wp-content/uploads/2025/01/Estrellas.webp) !important;
    color: #ffffff !important;
    padding: 10px 48px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold;
    border-radius: 30px;
}

.button6:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
}
.button6::active{
    color: #09fffe !important;
}

.card6 img {
    width: 100%;
    border-radius: 10px;
}

.top-image6 {
    width: 590px;
    max-width: 1000px !important;
    position: absolute;
    left: 11%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.bottom-image6 {
    width: 765px;
    max-width: 1000px !important;
    position: absolute;
    left: -12%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.boton6{
    padding-top: 27px;
}

@media (max-width: 768px) {
    .container6 {
        flex-direction: column;
        padding: 0px; 
        margin: 0px;
    }

    .left6 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        height: 575px;
        padding-bottom: 34px;
        padding-top: 10px;
    }

    .title6 {
        font-size: 26px;
    }

    .main-title6 {
        font-size: 26px;
    }

    .description6 {
        font-size: 18px;
    }

    .button6 {
        font-size: 18px;
    }

    .top-image6, .bottom-image6 {
        display: none;
    }

    .main-title6::before {
        content: '';
        display: block;
        width: 229px;
        height: 240px;
        background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/crm-llamada-ia.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 20px auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34d47e8 */@import url('https://fonts.googleapis.com/css2?family=Chillax:wght@400;700&display=swap');

.container2 {
    font-family: 'Chillax', sans-serif;
    display: flex;
    /* justify-content: space-between; */
    padding: 20px;
    margin: 20px;
}

.left2 {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.right2 {
    width: 1200px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* padding: 44px; */
    padding-left: 265px;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    height: 351px;
}

.title2 {
    color: #00bfa5;
    font-size: 14px;
    margin-bottom: 10px;
}

.main-title2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    /* justify-items: center !important; */
}

.description2 {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1;
    margin: 0;
    font-weight: 500;
}

.button2 {
    background-image: url(https://integrosuite.com/wp-content/uploads/2025/01/Estrellas.webp) !important;
    color: #ffffff !important;
    padding: 10px 48px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold;
    border-radius: 30px;
}

.button2:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
}
.button2::active{
    color: #09fffe !important;
}
.card2 img {
    width: 100%;
    border-radius: 10px;
}

.top-image2 {
    width: 498px;
    max-width: 1000px !important;
    position: absolute;
    left: 107%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}


.bottom-image2 {
    width: 765px;
    max-width: 1000px !important;
    position: absolute;
    left: 121%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.boton2{
    padding-top: 27px;
}

@media (max-width: 768px) {
    .container2 {
        flex-direction: column;
        padding: 0px; 
        margin: 0px;
    }

    .right2 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        height: 575px;
        padding-bottom: 34px;
        padding-top: 10px;
    }

    .title2 {
        font-size: 26px;
    }

    .main-title2 {
        font-size: 26px; 
    }

    .description2 {
        font-size: 18px;
    }

    .button2 {
        font-size: 18px;
    }

    .top-image2, .bottom-image2 {
        display: none;
    }

    .main-title2::before {
        content: '';
        display: block;
        /*width: 187px;*/
        /*height: 150px;*/
        width: 229px;
        height: 240px;
        background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/PORTADA-CHATBOT.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 0px auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65b877f */@import url('https://fonts.googleapis.com/css2?family=Chillax:wght@400;700&display=swap');

.container1 {
    font-family: 'Chillax', sans-serif;
    display: flex;
    /* justify-content: space-between; */
    padding: 20px;
    margin: 20px;
}

.left1 {
    width: 1200px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* padding: 20px; */
    padding-left: 25px;
    padding-right: 265px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    height: 351px;
}

.right1 {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.title1 {
    color: #00bfa5;
    font-size: 14px;
    margin-bottom: 10px;
}

.main-title1 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.description1 {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1;
    margin: 0;
    font-weight: 500;
}

.button1 {
    background-image: url(https://integrosuite.com/wp-content/uploads/2025/01/Estrellas.webp) !important;
    color: #ffffff !important;
    padding: 10px 48px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold;
    border-radius: 30px;
}

.button1:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
}
.button1::active{
    color: #09fffe !important;
}

.card1 img {
    width: 100%;
    border-radius: 10px;
}

.top-image1 {
    width: 590px;
    max-width: 1000px !important;
    position: absolute;
    left: 11%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.bottom-image1 {
    width: 765px;
    max-width: 1000px !important;
    position: absolute;
    left: -12%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.boton1{
    padding-top: 27px;
}

@media (max-width: 768px) {
    .container1 {
        flex-direction: column;
        padding: 0px; 
        margin: 0px;
    }

    .left1 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        height: 575px;
        padding-bottom: 34px;
        padding-top: 10px;
    }

    .title1 {
        font-size: 26px;
    }

    .main-title1 {
        font-size: 26px;
    }

    .description1 {
        font-size: 18px;
    }

    .button1 {
        font-size: 18px;
    }

    .top-image1, .bottom-image1 {
        display: none;
    }

    .main-title1::before {
        content: '';
        display: block;
        /*width: 186px;*/
        /*height: 150px;*/
        width: 229px;
        height: 240px;
        background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/crm-whatsapp-1.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 0px auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51a8ac4 */@import url('https://fonts.googleapis.com/css2?family=Chillax:wght@400;700&display=swap');

.container4 {
    font-family: 'Chillax', sans-serif;
    display: flex;
    /* justify-content: space-between; */
    padding: 20px;
    margin: 20px;
}

.left4 {
    width: 1200px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* padding: 20px; */
    padding-left: 25px;
    padding-right: 265px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    height: 351px;
}

.right4 {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.title4 {
    color: #00bfa5;
    font-size: 14px;
    margin-bottom: 10px;
}

.main-title4 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.description4 {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1;
    margin: 0;
    font-weight: 500;
}

.button4 {
    background-image: url(https://integrosuite.com/wp-content/uploads/2025/01/Estrellas.webp) !important;
    color: #ffffff !important;
    padding: 10px 48px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold;
    border-radius: 30px;
}

.button4:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
}
.button4::active{
    color: #09fffe !important;
}

.card4 img {
    width: 100%;
    border-radius: 10px;
}

.top-image4 {
    width: 693px;
    max-width: 1000px !important;
    position: absolute;
    left: 11%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.bottom-image4 {
    width: 765px;
    max-width: 1000px !important;
    position: absolute;
    left: -12%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.boton4{
    padding-top: 27px;
}

@media (max-width: 768px) {
    .container4 {
        flex-direction: column;
        padding: 0px; 
        margin: 0px;
    }

    .left4 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        height: 575px;
        padding-bottom: 34px;
        padding-top: 10px;
    }

    .title4 {
        font-size: 26px;
    }

    .main-title4 {
        font-size: 26px;
    }

    .description4 {
        font-size: 18px;
    }

    .button4 {

        font-size: 18px;
    }

    .top-image4, .bottom-image4 {
        display: none;
    }

    .main-title4::before {
        content: '';
        display: block;
        /*width: 187px;*/
        /*height: 150px;*/
        width: 229px;
        height: 240px;
        background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/3d-diseno-email.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 20px auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fb942d */@import url('https://fonts.googleapis.com/css2?family=Chillax:wght@400;700&display=swap');

.container5 {
    font-family: 'Chillax', sans-serif;
    display: flex;
    /* justify-content: space-between; */
    padding: 20px;
    margin: 20px;
}

.left5 {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.right5 {
    width: 1200px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-left: 265px;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    height: 351px;
}

.title5 {
    color: #00bfa5;
    font-size: 26px;
    margin-bottom: 10px;
}

.main-title5 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.description5 {
    font-size: 20pxpx;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1;
    margin: 0;
    font-weight: 500;
}

.button5 {
    background-image: url(https://integrosuite.com/wp-content/uploads/2025/01/Estrellas.webp) !important;
    color: #ffffff !important;
    padding: 10px 48px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 20px;
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold;
    border-radius: 30px;
}
.button5:hover {
    box-shadow: inset 0 0 10px #09fffe !important;
    color: #09fffe !important;
}
.button5::active{
    color: #09fffe !important;
}

.card5 img {
    width: 100%;
    border-radius: 10px;
}

.top-image5 {
    width: 540px;
    max-width: 1000px !important;
    position: absolute;
    left: 107%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.bottom-image5 {
    width: 765px;
    max-width: 1000px !important;
    position: absolute;
    left: 121%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.boton5{
    padding-top: 27px;
}

@media (max-width: 768px) {
    .container5 {
        flex-direction: column;
        /*padding: 20px;*/
        padding: 0px; 
        margin: 0px;
    }

    .right5 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        height: 575px;
        padding-bottom: 34px;
        padding-top: 10px;
    }

    .title5 {
        font-size:26px;
    }

    .main-title5 {
        font-size: 26px;
    }

    .description5 {
        font-size: 18px;
    }

    .button5 {
        font-size: 18px;
    }

    .top-image5, .bottom-image5 {
        display: none;
    }

    .main-title5::before {
        content: '';
        display: block;
        /*width: 187px;*/
        /*height: 150px;*/
        width: 229px;
        height: 240px;
        background-image: url('https://integrosuite.com/wp-content/uploads/2025/01/crm-automaTIZACION.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 20px auto;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99b5b45 */.elementor-2038 .elementor-element.elementor-element-99b5b45:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-99b5b45 > .elementor-motion-effects-container > .elementor-motion-effects-layer 
{
    padding-top: 42px !important;
}

@media (max-width: 768px) {
    html, body {
        overflow-x: hidden; /* Oculta el desplazamiento horizontal */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c34a0e3 */.elementor-2038 .elementor-element.elementor-element-c34a0e3:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-c34a0e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer
{
    box-shadow: 0 0px 81px rgb(0 0 0 / 57%);
    z-index: 9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59aa0cb */.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget
{
    z-index: 99;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85e836e */@media (max-width: 768px) {
    .titulo_simpli
    {
        font-family: 'Chillax', sans-serif !important;
        font-weight: bold !important;
        font-size: 24px !important;
    }
    .text_simpli
    {
        font-family: 'Chillax', sans-serif !important;
        font-size: 12px !important;
        color: #666666 !important;
        line-height: 1 !important;
        margin: 0 !important;
        font-weight: 500 !important;
    }
}

.titulo_simpli
{
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold !important;
    font-size: 30px !important;
}
.text_simpli
{
    font-family: 'Chillax', sans-serif !important;
    font-size: 16px !important;
    color: #666666 !important;
    line-height: 1 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cba5e5c */.faq-container {
    margin: auto;
    font-family: 'Chillax', sans-serif !important;
    padding: 20px;
    border-radius: 10px;
    color: #000000 !important;
}
.faq-title {
    margin-bottom: 25px;
    text-align: left !important;
    font-family: 'Chillax', sans-serif !important;
    font-weight: bold;
    font-size: 30px !important;
}
.faq-item {
    border-bottom: 1px solid #cccccc;
    padding: 15px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.faq-item:hover {
    background-color: #f9f9f9;
}
.faq-question {
    font-size: 18px;
    font-weight: 500;
    color: #13161A;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: left !important;
}
.faq-question::after {
    content: '+';
    font-size: 24px;
    margin-left: 10px;
    transition: transform 0.3s ease;
}
.faq-item.open .faq-question::after {
    content: '−';
}
.faq-answer {
    display: none;
    font-family: 'Chillax', sans-serif !important;
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    max-height: 0;
    /*padding-bottom: 20px;*/
    line-height: 1;
    margin: 0;
    font-weight: 500;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.faq-item.open .faq-answer {
    display: block;
    max-height: 200px;
    padding-top: 10px;
}
    
@media (max-width: 768px) {
    .faq-question {
        font-size: 16px;
        font-weight: 500;
        color: #13161A;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .faq-answer {
        display: none;
        font-size: 14px;
        color: #000000 !important;
        margin-top: 10px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease, 
        padding 0.5s ease;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Chillax';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://integrosuite.com/wp-content/uploads/2025/02/Chillax-Regular.woff') format('woff'),
		url('https://integrosuite.com/wp-content/uploads/2025/02/Chillax-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Chillax';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'Chillax';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://integrosuite.com/wp-content/uploads/2025/02/Chillax-Bold.woff') format('woff'),
		url('https://integrosuite.com/wp-content/uploads/2025/02/Chillax-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */