.elementor-161 .elementor-element.elementor-element-5f0c9b0{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-c8d3e62 *//* =========================
   FOOTER BASE
========================= */

.footer-na{
    background: #020617;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 70px 20px 30px;
    color: #fff;
    font-family: 'Inter', sans-serif;
}


/* CONTAINER */

.footer-container{
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px;
}


/* LOGO */

.footer-logo{
    width: 70px;
    margin-bottom: 14px;
    filter: drop-shadow(0 0 20px rgba(37,99,235,0.45));
}


/* BRAND */

.footer-brand h3{
    margin-bottom: 10px;
    font-size: 20px;
}

.footer-brand p{
    color: #9ca3af;
    line-height: 1.6;
    max-width: 260px;
}


/* TITLES */

.footer-col h4{
    margin-bottom: 18px;
    font-size: 16px;
    color: #fff;
}


/* LINKS */

.footer-links{
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li{
    margin-bottom: 10px;
}

.footer-links a{
    color: #9ca3af;
    text-decoration: none;
    transition: .25s;
}

.footer-links a:hover{
    color: #3b82f6;
}


/* SOCIAL */

.footer-social{
    display: flex;
    gap: 14px;
}

.footer-social a{
    width: 42px;
    height: 42px;
    border-radius: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);

    transition: .25s;
}

.footer-social svg{
    width: 20px;
    height: 20px;
    color: #9ca3af;
}

.footer-social a:hover{
    background: rgba(37,99,235,0.15);
    border-color: rgba(37,99,235,0.5);
    transform: translateY(-3px) scale(1.05);
}

.footer-social a:hover svg{
    color: #3b82f6;
}


/* BOTTOM */

.footer-bottom{
    margin-top: 50px;
    padding-top: 20px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
    border-top: 1px solid rgba(255,255,255,0.08);
}


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

@media (max-width: 768px){

    .footer-container{
        grid-template-columns: 1fr;
        text-align: center;
        gap: 40px;
    }

    .footer-brand p{
        margin: 0 auto;
    }

    .footer-social{
        justify-content: center;
    }

}

.footer-links{
    list-style: none;
    padding: 0;
    margin: 0;

    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 10px 40px;
}

.footer-logo{
    width: 120px;
    margin-bottom: 18px;
    filter: drop-shadow(0 0 25px rgba(37,99,235,0.45));
}

  .footer-na{
    position: relative;
    background: radial-gradient(circle at 50% 20%, #0b1220, #030712 70%);
    overflow: hidden;
}

.footer-na::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
        135deg,
        rgba(37,99,235,0.08),
        transparent,
        rgba(30,64,175,0.15)
    );
    pointer-events:none;
}

.footer-links{
    display: grid !important;
    grid-template-columns: repeat(2, auto) !important;
    gap: 6px 28px !important; /* vertical | horizontal */
    
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.footer-links li{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.footer-links a{
    display: inline-block !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    color: #9ca3af !important;
    text-decoration: none !important;
}

.footer-links a:hover{
    color: #3b82f6 !important;
}

.footer-col p{
    line-height: 1.85 !important;
    margin-top: 14px !important;
    font-size: 15px !important;
    
    max-width: 300px !important;
    
    color: #9ca3af !important;
}

@media (max-width: 426px){

    .footer-links{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;   /* centra todo el bloque */
        gap: 8px !important;
    }

    .footer-links li{
        width: 100% !important;
        text-align: center !important;
    }

}/* End custom CSS */