.elementor-53 .elementor-element.elementor-element-1fd0f8d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-980e556{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-00bc7ef *//* ==========================================
   FOOTER CLIV
========================================== */

.cliv-footer{

    position:relative;

    background:#3D21C8;

    padding:90px 20px 50px;

    overflow:hidden;

}

/* CIRCULO GRANDE */

.cliv-footer:before{

    content:'';

    position:absolute;

    width:450px;
    height:450px;

    border:30px solid rgba(255,255,255,.05);

    border-radius:50%;

    top:-220px;
    right:-180px;

}



.cliv-footer-container{

    max-width:1200px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}

/* ==========================================
   LOGO
========================================== */

.cliv-footer-logo img{

    max-width:220px;

    width:100%;
    
    filter: brightness(0) invert(1);

    margin-bottom:35px;

}

/* ==========================================
   SLOGAN
========================================== */

.cliv-footer-slogan{

    color:#fff;

    font-size:42px;

    font-weight:700;

    line-height:1.2;

    margin:0 0 45px;

}

/* ==========================================
   MENU
========================================== */

.cliv-footer-menu{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:40px;

    flex-wrap:wrap;

    margin-bottom:40px;

}

.cliv-footer-menu a{

    text-decoration:none;

    color:#fff;

    font-size:17px;

    font-weight:600;

    transition:.3s;

}

.cliv-footer-menu a:hover{

    color:#A8D61D;

}

/* ==========================================
   REDES SOCIALES
========================================== */

.cliv-footer-social{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    margin-bottom:40px;

}

.cliv-footer-social a{

    width:52px;
    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    border-radius:50%;

    background:rgba(255,255,255,.10);

    color:#fff;

    font-size:20px;

    backdrop-filter:blur(10px);

    transition:.3s;

}

.cliv-footer-social a:hover{

    background:#A8D61D;

    color:#222;

    transform:translateY(-3px);

}

/* ==========================================
   COPYRIGHT
========================================== */

.cliv-footer-copy{

    color:rgba(255,255,255,.75);

    font-size:15px;

    margin-bottom:10px;

}

.cliv-footer-powered{

    color:rgba(255,255,255,.75);

    font-size:15px;

}

.cliv-footer-powered strong{

    color:#A8D61D;

}

/* ==========================================
   PUNTOS DECORATIVOS
========================================== */

.cliv-footer-dots{

    position:absolute;

    width:140px;
    height:140px;

    bottom:40px;
    right:80px;

    opacity:.15;

    background-image:
    radial-gradient(#fff 1.8px, transparent 1.8px);

    background-size:18px 18px;

}

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

@media(max-width:768px){

    .cliv-footer{

        padding:70px 20px 40px;

    }

    .cliv-footer-slogan{

        font-size:30px;

    }

    .cliv-footer-menu{

        gap:20px;

    }

    .cliv-footer-social a{

        width:46px;
        height:46px;

        font-size:18px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c6e072 */.clic-hub{
    position:fixed;
    left:25px;
    bottom:25px;
    z-index:999999;
    font-family:'Inter',sans-serif;
}

/* BOTON */

.clic-hub-toggle{
    width:90px;
    height:72px;
    border:none;
    border-radius:22px;
    cursor:pointer;

    background:linear-gradient(
        135deg,
        #2D3E9F,
        #5B2BE0
    );

    color:#fff;
    font-weight:800;
    font-size:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.20);

    transition:.35s;
}

.clic-hub-toggle:hover{
    transform:translateY(-4px);
}

/* PANEL */

.clic-hub-panel{

    position:absolute;
    bottom:90px;
    left:0;

    width:320px;

    background:#fff;

    border-radius:28px;

    padding:22px;

    box-shadow:0 30px 70px rgba(0,0,0,.15);

    opacity:0;
    visibility:hidden;
    transform:translateY(15px);

    transition:.35s;
}

.clic-hub:hover .clic-hub-panel{
    opacity:1;
    visibility:visible;
    transform:none;
}

.clic-hub-title{

    font-size:18px;
    font-weight:800;

    color:#2D3E9F;

    margin-bottom:18px;
}

/* TARJETAS */

.clic-site{

    display:flex;
    align-items:center;
    gap:16px;

    text-decoration:none;

    padding:14px;

    border-radius:18px;

    transition:.30s;

    margin-bottom:10px;

    border:1px solid #EEF1F5;
}

.clic-site:hover{

    background:#F7FBFA;

    border-color:#9AD32E;

    transform:translateX(4px);
}

.clic-site img{

    width:85px;
    height:auto;
    object-fit:contain;
}

.clic-site strong{

    display:block;

    color:#2D3E9F;

    font-size:16px;
}

.clic-site span{

    display:block;

    color:#666;

    font-size:13px;

    margin-top:4px;
}

@media(max-width:768px){

    .clic-hub{
        left:15px;
        bottom:15px;
    }

    .clic-hub-panel{
        width:280px;
    }

    .clic-site img{
        width:70px;
    }
}/* End custom CSS */