/* =================================
   PREMIUM GLASS FOOTER
   MOBILE FIRST
================================= */


.footer-glass{

    position:relative;

    overflow:hidden;

    padding:70px 20px 25px;


    background:

    linear-gradient(
        145deg,
        #050b18,
        #0b1225
    );


    color:white;

    isolation:isolate;

}




/* LUCES */

.footer-glow{

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    filter:blur(100px);

    opacity:.25;

    z-index:-1;

}



.glow-one{

    background:#00d9ff;

    top:-100px;

    left:-100px;

}


.glow-two{

    background:#7c3cff;

    bottom:-120px;

    right:-80px;

}





.footer-container{


    display:flex;

    flex-direction:column;

    gap:35px;

    max-width:1200px;

    margin:auto;


}





/* BRAND */

.footer-brand{


    padding:30px;


    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.04)
    );


    border:

    1px solid rgba(255,255,255,.12);


    border-radius:28px;


    backdrop-filter:blur(20px);


}



.footer-logo{


    width:65px;

    height:65px;


    display:flex;

    align-items:center;

    justify-content:center;


    font-size:32px;


    border-radius:20px;


    background:

    linear-gradient(
        135deg,
        #00d4ff,
        #645cff
    );


    margin-bottom:20px;


}




.footer-brand h2{


    font-size:1.7rem;

    margin:0 0 15px;


}



.footer-brand h2 span{


    color:#00d9ff;


}



.footer-brand p{


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

    line-height:1.6;

    font-size:.95rem;


}





.footer-call{


    margin-top:25px;


    display:flex;


    align-items:center;

    justify-content:center;

    gap:10px;


    height:55px;


    border-radius:18px;


    background:

    linear-gradient(
        135deg,
        #00d9ff,
        #0077ff
    );


    color:white;

    text-decoration:none;

    font-weight:700;


    transition:.35s;


}



.footer-call:hover{

    transform:translateY(-4px);

    box-shadow:

    0 15px 35px #00d9ff55;


}





/* COLUMNAS */


.footer-column{


    padding:25px;


    border-radius:25px;


    background:

    rgba(255,255,255,.05);


    border:

    1px solid rgba(255,255,255,.08);


    backdrop-filter:blur(15px);


}




.footer-column h3{


    margin-top:0;

    margin-bottom:20px;

    font-size:1.1rem;


}




.footer-column a{


    display:block;

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


    text-decoration:none;


    margin-bottom:13px;


    transition:.3s;


}



.footer-column a:hover{


    color:#00d9ff;

    transform:translateX(5px);


}





/* BOTTOM */


.footer-bottom{


    max-width:1200px;

    margin:40px auto 0;


    padding-top:25px;


    border-top:

    1px solid rgba(255,255,255,.1);


    display:flex;

    flex-direction:column;

    gap:15px;


    text-align:center;


}



.footer-bottom p{


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

    font-size:.85rem;


}




.footer-social{


    display:flex;

    justify-content:center;

    gap:20px;


}



.footer-social a{


    color:white;

    text-decoration:none;

    font-size:.85rem;


}







/* TABLET */

@media(min-width:768px){


.footer-container{


    display:grid;

    grid-template-columns:

    1.5fr 1fr 1fr;


}



.footer-bottom{


    flex-direction:row;

    justify-content:space-between;

    text-align:left;

}


}





/* DESKTOP */


@media(min-width:1200px){


.footer-glass{

    padding-left:40px;

    padding-right:40px;

}



.footer-brand{


    padding:40px;


}


}