/* ======================================
                FOOTER OXIUM
====================================== */


footer{


    margin-top:80px;


    background:

    linear-gradient(

    180deg,

    #080808,

    #030303

    );


    border-top:

    1px solid rgba(88,214,141,.20);


    padding:80px 40px 30px;


    position:relative;


    overflow:hidden;


}





footer::before{


    content:"";


    position:absolute;


    top:-150px;


    left:50%;


    transform:translateX(-50%);



    width:500px;


    height:250px;



    background:

    radial-gradient(

    circle,

    rgba(88,214,141,.15),

    transparent 70%

    );


}





.footer-container{


    max-width:1200px;


    margin:auto;


    position:relative;


    z-index:2;


    display:grid;


    grid-template-columns:

    2fr 1fr 1fr;


    gap:70px;


}





/* LOGO */


.footer-logo{


    font-size:52px;


    font-weight:900;


    letter-spacing:8px;



    color:white;



    text-shadow:


    0 0 25px rgba(88,214,141,.35);



}



.footer-logo::after{


    content:"";


    display:block;


    width:70px;


    height:3px;


    margin-top:12px;



    background:var(--green);


    box-shadow:


    0 0 15px var(--green);


}





.footer-description{


    margin-top:25px;


    max-width:350px;



    color:#8b8b8b;



    line-height:1.8;



    font-size:14px;


}







/* COLUMNAS */


.footer-column{


    display:flex;


    flex-direction:column;


    gap:14px;


}





.footer-column h4{


    font-size:13px;


    letter-spacing:4px;


    margin-bottom:15px;


    color:var(--green);


}





.footer-column a{


    color:#999;


    text-decoration:none;


    font-size:15px;



    transition:.3s;



}



.footer-column a:hover{


    color:white;



    transform:translateX(6px);



}







/* LINEA FINAL */


.footer-bottom{


    position:relative;


    z-index:2;



    max-width:1200px;


    margin:60px auto 0;



    padding-top:25px;



    border-top:


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



    text-align:center;



    color:#666;


    font-size:13px;


}







@media(max-width:700px){



.footer-container{


grid-template-columns:1fr;


gap:40px;


}



.footer-logo{


font-size:40px;


}



footer{


padding:60px 25px 25px;


}



}