/* ======================
FOOTER PROFISSIONAL
====================== */

.footer{

background:#0b0b0b;

color:white;

padding:80px 20px 30px;

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

position:relative;

}

/* glow topo */

.footer::before{

content:"";

position:absolute;

top:0;
left:50%;

transform:translateX(-50%);

width:250px;
height:2px;

background:#0086f3;

filter:blur(6px);

opacity:0.6;

}

/* container */

.footer-container{

max-width:800px;

margin:auto;

display:flex;

justify-content:center;

text-align:center;

}

/* ======================
INFO
====================== */

.footer-info h3{

font-size:24px;

margin-bottom:15px;

}

.footer-info p{

opacity:0.7;

margin-bottom:10px;

font-size:15px;

}

/* ======================
BOTTOM
====================== */

.footer-bottom{

margin-top:40px;

padding-top:20px;

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

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:10px;

font-size:13px;

opacity:0.6;

}

/* crédito */

.footer-bottom .credit a{

color: #0086f3;

text-decoration:none;

font-weight:bold;

transition:0.3s;

}

.footer-bottom .credit a:hover{

text-decoration:underline;

}
.footer-info i{

margin-right:8px;

color: #0086f3;

font-size:14px;

}

/* ======================
MOBILE
====================== */

@media (max-width:768px){

.footer{

padding:60px 20px 25px;

}

/* texto mais centralizado */

.footer-info h3{

font-size:22px;

}

.footer-info p{

font-size:14px;

}

/* bottom organizado */

.footer-bottom{

flex-direction:column;

text-align:center;

gap:5px;

}

}