/* ======================================================
   FOOTER — ALVORADA EDITORA
====================================================== */

:root{

    --footer-bg:#1a1423;
    --footer-surface:#241b31;

    --footer-text:#560aee;
    --footer-muted:#cab9ea;

    --footer-link:#e9dcff;
    --footer-link-hover:#c58cff;

    --footer-border:#342645;

}

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

.footer{

    background:var(--footer-bg);
    color:var(--footer-text);

    width:100%;

    margin-top:80px;

    padding:60px 25px 28px;

    font-family:"Inter",sans-serif;

}

.footer-container{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:
    1.4fr
    repeat(4,1fr);

    gap:45px;

    align-items:start;

}

/* ======================================================
   MARCA
====================================================== */

.footer-brand{
    display:flex;
    flex-direction:column;
}

.footer-logo{

    width:160px;

    margin-bottom:18px;

}

.footer-desc{

    color:var(--footer-muted);

    line-height:1.8;

    font-size:.95rem;

    max-width:300px;

}

/* ======================================================
   COLUNAS
====================================================== */

.footer-links h4,
.footer-social h4{

    color:#ffffff;

    font-size:1.05rem;

    font-weight:700;

    margin-bottom:18px;

}

.footer-links a{

    display:block;

    color:var(--footer-link);

    text-decoration:none;

    margin-bottom:10px;

    transition:.25s;

}

.footer-links a:hover{

    color:var(--footer-link-hover);

    transform:translateX(5px);

    text-decoration:none;

}

/* ======================================================
   REDES
====================================================== */

.social-icons{

    display:flex;

    gap:12px;

    flex-wrap:wrap;

}

.social-icons a{

    width:42px;

    height:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

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

    transition:.25s;

}

.social-icons a:hover{

    background:#7b2cbf;

    transform:translateY(-3px);

}

.social-icons i{

    color:#fff;

    font-size:18px;

}

/* ======================================================
   COPYRIGHT
====================================================== */

.footer-bottom{

    margin-top:45px;

    padding-top:22px;

    border-top:1px solid var(--footer-border);

    text-align:center;

}

.footer-bottom p{

    color:var(--footer-muted);

    font-size:.88rem;

    margin:0;

}

.footer-dev{

    display:block;

    margin-top:6px;

    color:#a978ff;

    font-size:.78rem;

}

/* ======================================================
   RESPONSIVO
====================================================== */

@media(max-width:992px){

.footer-container{

grid-template-columns:
repeat(2,1fr);

gap:40px;

}

.footer-brand{

grid-column:1/-1;

}

}

@media(max-width:700px){

.footer{

padding:45px 18px 24px;

margin-top:60px;

}

.footer-container{

grid-template-columns:1fr;

gap:28px;

text-align:center;

}

.footer-brand{

align-items:center;

}

.footer-desc{

max-width:100%;

}

.social-icons{

justify-content:center;

}

.footer-links a:hover{

transform:none;

}

.footer-links{

padding-bottom:10px;

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

}

.footer-links:last-of-type{

border-bottom:none;

}

.footer-bottom{

margin-top:25px;

padding-top:18px;

}

}