/* DISEÑO FOOTER */

.footer{

padding:120px 7% 40px;

background:#040706;

border-top:1px solid rgba(255,255,255,.05);

position:relative;

overflow:hidden;

}

.footer::before{

content:"";

position:absolute;

width:700px;

height:700px;

left:50%;

top:50%;

transform:translate(-50%,-50%);

background:radial-gradient(
circle,
rgba(164,255,0,.08),
transparent 70%
);

pointer-events:none;

}

.footer-grid{

display:grid;

grid-template-columns:1.5fr .8fr 1fr;

gap:90px;

position:relative;

z-index:2;

}

.footer-brand h2{

font-size:58px;

line-height:.95;

font-weight:300;

color:white;

max-width:450px;

}

.footer-brand h2 span{

color:#a4ff00;

font-weight:600;

}

.footer-brand p{

margin-top:30px;

max-width:420px;

line-height:1.8;

color:#9b9b9b;

}

.footer-btn{

display:inline-flex;

align-items:center;

justify-content:center;

margin-top:35px;

padding:18px 38px;

border-radius:999px;

background:#a4ff00;

color:black;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.footer-btn:hover{

transform:translateY(-4px);

box-shadow:0 0 25px rgba(164,255,0,.35);

}

.footer h4{

margin-bottom:25px;

font-size:15px;

font-weight:600;

color:white;

}

.footer-nav ul{

list-style:none;

padding:0;

margin:0;

}

.footer-nav li{

margin-bottom:16px;

}

.footer-nav a{

color:#9b9b9b;

text-decoration:none;

transition:.3s;

}

.footer-nav a:hover{

color:#a4ff00;

padding-left:3px;

}

.footer-contact{

list-style:none;

padding:0;

margin:0;

display:flex;

flex-direction:column;

gap:22px;

}

.footer-contact li{

display:flex;

flex-direction:column;

gap:6px;

}

.footer-contact strong{

font-size:14px;

font-weight:600;

color:white;

}

.footer-link{

position:relative;

width:max-content;

color:#a9a9a9;

text-decoration:none;

transition:.3s ease;

}

.footer-link::after{

content:"";

position:absolute;

left:0;

bottom:-4px;

width:100%;

height:1px;

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

transition:.3s;

}

.footer-link:hover{

color:#a4ff00;

}

.footer-link:hover::after{

background:#a4ff00;

}

.footer-divider{

height:1px;

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

margin:25px 0;

}

.footer-social{

display:flex;

gap:16px;

margin-top:85px;

}

.footer-social a{

width:42px;
height:42px;

display:flex;

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

border-radius:50%;

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

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

color:#a0a0a0;

text-decoration:none;

transition:.35s;

}

.footer-social a:hover{

color:#A3FF12;

border-color:#A3FF12;

transform:translateY(-4px);

}

.footer-social i,
.footer-social svg{

font-size:18px;

}

.footer-bottom{

margin-top:80px;

padding-top:30px;

border-top:1px solid rgba(255,255,255,.06);

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

position:relative;

z-index:2;

}

.footer-copy{

display:flex;

flex-direction:column;

gap:8px;

}

.footer-copy span{

color:#757575;

font-size:14px;

}

.footer-credit{

font-size:13px;

color:#666;

}

.footer-credit a{

color:#a4ff00;

text-decoration:none;

transition:.3s;

}

.footer-credit a:hover{

opacity:.8;

}

.footer-legal{

display:flex;

gap:25px;

}

.footer-legal a{

color:#757575;

text-decoration:none;

transition:.3s;

}

.footer-legal a:hover{

color:#a4ff00;

}

@media(max-width:992px){

.footer-grid{

grid-template-columns:1fr;

gap:60px;

}

.footer-brand h2{

font-size:56px;

}

.footer-bottom{

flex-direction:column;

align-items:flex-start;

}

}

@media(max-width:768px){

.footer{

padding:80px 7% 30px;
}

.footer-brand h2{

font-size:42px;

}

.footer-btn{

width:100%;

max-width:260px;

}

.footer-legal{

flex-direction:column;

gap:10px;

}

}

/* FINAL DISEÑO FOOTER */

/* ===================================================== */
/* PÁGINAS LEGALES                                        */
/* ===================================================== */

.legal-section{

max-width:820px;

margin:170px auto 130px;

padding:0 7%;
}

.legal-tag{

display:inline-flex;

padding:10px 22px;

border-radius:999px;

background:rgba(163,255,18,.08);

border:1px solid rgba(163,255,18,.18);

color:#A3FF12;

font-size:12px;

font-weight:600;

letter-spacing:2px;

margin-bottom:26px;
}

.legal-section h1{

font-size:clamp(34px,4.5vw,52px);

font-weight:600;

letter-spacing:-1.5px;

color:#fff;

margin-bottom:12px;
}

.legal-updated{

font-size:13.5px;

color:#707070;

margin-bottom:50px;
}

.legal-content p{

font-size:15.5px;

line-height:1.9;

color:#a8a8a8;

margin-bottom:22px;
}

.legal-content h2{

font-size:22px;

font-weight:600;

color:#fff;

margin:44px 0 16px;
}

.legal-content strong{

color:#e2e2e2;
}

.legal-content a{

color:#A3FF12;

text-decoration:none;

border-bottom:1px solid rgba(163,255,18,.3);

transition:.3s;
}

.legal-content a:hover{

color:#fff;

border-color:#fff;
}

.legal-notice{

display:flex;

gap:16px;

margin-top:50px;

padding:26px 28px;

border-radius:22px;

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

border:1px solid rgba(255,255,255,.06);
}

.legal-notice i,
.legal-notice svg{

flex-shrink:0;

width:22px;

height:22px;

stroke:#A3FF12;

margin-top:2px;
}

.legal-notice p{

margin:0;

font-size:13.5px;

line-height:1.75;

color:#8d8d8d;
}

@media(max-width:768px){

.legal-section{

margin-top:150px;
}

.legal-content h2{

font-size:19px;
}

}