.elementor-11667 .elementor-element.elementor-element-24fb018{--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:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-11667 .elementor-element.elementor-element-24fb018:not(.elementor-motion-effects-element-type-background), .elementor-11667 .elementor-element.elementor-element-24fb018 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-11667 .elementor-element.elementor-element-8ff5702{--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;--justify-content:space-between;}.elementor-11667 .elementor-element.elementor-element-e664ede{--display:flex;}.elementor-11667 .elementor-element.elementor-element-678a7d2 .title{font-size:38px;color:var( --e-global-color-3e6dfcc );}.elementor-11667 .elementor-element.elementor-element-c03b66d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:15px 10px;--row-gap:15px;--column-gap:10px;--flex-wrap:wrap;}.elementor-11667 .elementor-element.elementor-element-ce05957 .wd-post-date{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-3e6dfcc );}.elementor-11667 .elementor-element.elementor-element-e3d8d49{--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-11667 .elementor-element.elementor-element-f5c2ab1{--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;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-11667 .elementor-element.elementor-element-ce4df89 .wd-el-title{font-size:38px;}.elementor-11667 .elementor-element.elementor-element-fb65e0d .comments-title{font-size:38px;}.elementor-11667 .elementor-element.elementor-element-c887a3f .wd-post-comments-form .comment-reply-title{font-size:38px;}@media(min-width:769px){.elementor-11667 .elementor-element.elementor-element-8ff5702{--width:50%;}.elementor-11667 .elementor-element.elementor-element-e3d8d49{--width:50%;}.elementor-11667 .elementor-element.elementor-element-f5c2ab1{--content-width:1120px;}}@media(max-width:1200px){.elementor-11667 .elementor-element.elementor-element-24fb018{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-11667 .elementor-element.elementor-element-f5c2ab1{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:1024px){.elementor-11667 .elementor-element.elementor-element-24fb018{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-11667 .elementor-element.elementor-element-678a7d2 .title{font-size:34px;}.elementor-11667 .elementor-element.elementor-element-ce05957 .wd-post-date{font-size:var( --e-global-typography-text-font-size );}.elementor-11667 .elementor-element.elementor-element-f5c2ab1{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11667 .elementor-element.elementor-element-ce4df89 .wd-el-title{font-size:34px;}.elementor-11667 .elementor-element.elementor-element-fb65e0d .comments-title{font-size:34px;}.elementor-11667 .elementor-element.elementor-element-c887a3f .wd-post-comments-form .comment-reply-title{font-size:34px;}}@media(max-width:768px){.elementor-11667 .elementor-element.elementor-element-24fb018{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11667 .elementor-element.elementor-element-678a7d2 .title{font-size:24px;}.elementor-11667 .elementor-element.elementor-element-ce05957 .wd-post-date{font-size:var( --e-global-typography-text-font-size );}.elementor-11667 .elementor-element.elementor-element-f5c2ab1{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-11667 .elementor-element.elementor-element-ce4df89 .wd-el-title{font-size:24px;}.elementor-11667 .elementor-element.elementor-element-fb65e0d .comments-title{font-size:24px;}.elementor-11667 .elementor-element.elementor-element-c887a3f .wd-post-comments-form .comment-reply-title{font-size:24px;}}/* Start custom CSS for wd_single_post_content, class: .elementor-element-a19112a *//* CONTENIDO BLOG COMPULIV */

.elementor-widget-theme-post-content .titulo-blog,
.elementor-widget-theme-post-content h2{

font-family:Poppins,sans-serif!important;
font-size:34px!important;
color:#063A5C!important;
font-weight:700!important;

padding-left:20px;

border-left:5px solid #4FC7D4;

}


.elementor-widget-theme-post-content h3{

margin-top:35px!important;

background:#f2f8fa;

padding:20px 25px;

border-radius:15px;

color:#063A5C!important;

font-size:22px!important;

}



.elementor-widget-theme-post-content p{

font-family:Poppins,sans-serif!important;

font-size:16px!important;

line-height:1.8!important;

color:#526572!important;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21a9be0 *//* =====================================================
   COMPULIV - DISEÑO ARTÍCULO BLOG
   CONSULTORÍA TI
===================================================== */


/* CONTENEDOR GENERAL */

.compuliv-articulo{

    width:100%;

 
    margin:0 auto;

    font-family:'helvetica',sans-serif;

    color:#536572;

    line-height:1.8;

}


.compuliv-articulo *{

    box-sizing:border-box;

}



/* =====================================================
   HERO
===================================================== */



/* =====================================================
   INTRO NUMERADO
===================================================== */


.compuliv-intro{

    display:grid;

    grid-template-columns:110px 1fr;

    gap:30px;

    align-items:center;

    margin:

    55px 0;

}



.numero{

    font-size:80px;

    line-height:1;

    font-weight:800;

    color:#4FC7D4;

}



.compuliv-articulo h2{

    margin:

    0 0 18px;

    color:#063A5C;

    font-size:

    clamp(26px,3vw,34px);

    line-height:1.25;

    font-weight:700;

}



.compuliv-articulo p{

    margin:

    0 0 22px;

    font-size:16px;

    line-height:1.85;

    color:#536572;

}



/* =====================================================
   TARJETAS
===================================================== */


.tarjetas-ti{

    display:grid;

    grid-template-columns:

    repeat(3,1fr);

    gap:22px;

    margin:

    35px 0 60px;

}



.tarjeta-ti{

    position:relative;

    padding:32px;

    border-radius:24px;

    background:#ffffff;

    border:

    1px solid

    rgba(6,58,92,.08);

    box-shadow:

    0 15px 35px

    rgba(6,58,92,.08);

    transition:

    transform .3s ease,

    box-shadow .3s ease;

}



.tarjeta-ti:hover{

    transform:

    translateY(-8px);

    box-shadow:

    0 25px 50px

    rgba(6,58,92,.14);

}



.icono{

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

    border-radius:18px;

    background:

    rgba(79,199,212,.12);

    font-size:34px;

}



.tarjeta-ti h3{

    margin:

    0 0 12px;

    color:#063A5C;

    font-size:21px;

    line-height:1.3;

}



.tarjeta-ti p{

    font-size:14px;

}



/* =====================================================
   BLOQUE AZUL
===================================================== */


.bloque-azul{

    margin:

    55px 0;

    padding:50px;

    border-radius:30px;

    background:

    linear-gradient(
        135deg,
        #063A5C,
        #0A4B73
    );

    color:white;

}



.bloque-azul h2{

    color:white;

}



.bloque-azul p{

    color:

    rgba(255,255,255,.8);

}



.bloque-azul .lista{

    margin-top:30px;

}



.bloque-azul .lista div{

    padding:

    14px 0;

    color:#ffffff;

    border-bottom:

    1px solid

    rgba(255,255,255,.12);

    font-weight:600;

}



/* =====================================================
   SECCION SEGURIDAD
===================================================== */


.seguridad{

    margin:

    55px 0;

    padding:45px;

    border-radius:28px;

    background:#F3F8FA;

}



.tags{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:30px;

}



.tags span{

    padding:

    13px 22px;

    border-radius:50px;

    background:white;

    color:#063A5C;

    font-size:14px;

    font-weight:600;

    box-shadow:

    0 5px 15px

    rgba(6,58,92,.06);

}



/* =====================================================
   CRECIMIENTO
===================================================== */


.crecimiento{

    position:relative;

    overflow:hidden;

    margin:

    55px 0;

    padding:50px;

    border-radius:30px;

    background:

    linear-gradient(
        135deg,
        #4FC7D4,
        #8BE1E8
    );

}



.crecimiento::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    right:-100px;

    bottom:-120px;

    border-radius:50%;

    border:

    1px solid

    rgba(6,58,92,.15);

}



.crecimiento span{

    color:#063A5C;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}



.crecimiento h2{

    color:#063A5C;

}



/* =====================================================
   CTA FINAL
===================================================== */


.cta-final{

    padding:60px 45px;

    margin-top:60px;

    border-radius:32px;

    text-align:center;

    background:

    linear-gradient(
        135deg,
        #063A5C,
        #021D32
    );

    color:white;

}



.cta-final h2{

    color:white;

    margin-bottom:20px;

}



.cta-final p{

    max-width:700px;

    margin:

    0 auto 30px;

    color:

    rgba(255,255,255,.8);

}



.cta-final a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:

    15px 38px;

    border-radius:50px;

    background:#4FC7D4;

    color:#063A5C !important;

    font-weight:700;

    text-decoration:none!important;

    transition:.3s ease;

}



.cta-final a:hover{

    transform:

    translateY(-3px);

    background:#ffffff;

}



/* =====================================================
   RESPONSIVE
===================================================== */


@media(max-width:900px){


    .compuliv-hero{

        padding:35px 25px;

    }


    .compuliv-intro{

        grid-template-columns:1fr;

        gap:15px;

    }


    .numero{

        font-size:55px;

    }


    .tarjetas-ti{

        grid-template-columns:1fr;

    }


    .bloque-azul,
    .seguridad,
    .crecimiento,
    .cta-final{

        padding:30px 22px;

    }


}


@media(max-width:600px){


    .compuliv-articulo p{

        font-size:15px;

    }


    .compuliv-hero h1{

        font-size:30px;

    }


    .tags{

        flex-direction:column;

    }


    .tags span{

        text-align:center;

    }


}
/* =========================================
   AJUSTE ARTICULO COMPULIV
========================================= */


.compuliv-articulo{

    max-width:1200px !important;

    width:100% !important;

    margin:0 auto !important;

}



/* INTRO */

.compuliv-intro{

    display:grid;

    grid-template-columns:140px 1fr;

    gap:45px;

    align-items:start;

    padding:40px 50px;

    background:#ffffff;

    border-radius:25px;

    box-shadow:
    0 15px 45px rgba(6,58,92,.06);

}



/* NUMERO */

.numero{

    font-size:95px !important;

    font-weight:800;

    line-height:1;

    color:#4FC7D4;

    opacity:.9;

    padding-top:15px;

}



/* TEXTO */

.compuliv-intro h2{

    margin-top:0 !important;

    font-size:38px !important;

    color:#063A5C;

}



.compuliv-intro p{

    max-width:760px;

    font-size:17px;

    line-height:1.85;

}



/* ETIQUETA */

.etiqueta{

    display:inline-block;

    margin-bottom:15px;

    color:#4FC7D4;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}





/* QUITAR POSIBLE CAJA DEL EDITOR */

.compuliv-articulo .compuliv-intro{

    border:
    1px solid rgba(6,58,92,.06);

}



/* SECCIONES SIGUIENTES */

.seccion-blog{

    padding:20px 50px;

}



/* TITULOS */

.compuliv-articulo h2{

    font-weight:700;

    letter-spacing:-.5px;

}



/* TARJETAS */

.tarjetas-ti{

    padding:0 50px;

}





/* MOBILE */

@media(max-width:768px){


.compuliv-intro{

    grid-template-columns:1fr;

    padding:30px;

    gap:10px;

}


.numero{

    font-size:60px !important;

}


.compuliv-intro h2{

    font-size:28px !important;

}


.seccion-blog,
.tarjetas-ti{

    padding:0;

}


}/* End custom CSS */