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

.footer{

    position:relative;

    margin-top:40px;

    padding:40px 0 40px;

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

    overflow:hidden;

}

.footer::before{

    content:"";

    position:absolute;

    left:50%;

    top:-120px;

    transform:translateX(-50%);

    width:700px;

    height:700px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(90,45,218,.12),

    transparent 70%);

    filter:blur(90px);

    pointer-events:none;

}

.footer-content{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    z-index:2;

}

.footer-logo{

    display:block;

    width:180px;

    max-width:100%;

    height:auto;

    margin-bottom:30px;

}

.footer-kicker{

    color:#8B5CF6;

    font-size:13px;

    font-weight:600;

    letter-spacing:3px;

    margin-bottom:18px;

}

.footer h2{

    font-size:58px;

    line-height:1.05;

    max-width:760px;

    margin-bottom:24px;

}

.footer p{

    max-width:620px;

    font-size:20px;

    line-height:1.8;

    color:var(--color-text-light);

    margin-bottom:50px;

}

.footer-actions{

    display:flex;

    gap:18px;

    justify-content:center;

    flex-wrap:wrap;

}

.footer-bottom{

    margin-top:90px;

    padding-top:28px;

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

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-bottom p{

    margin:0;

    font-size:15px;

}

.footer-links{

    display:flex;

    gap:16px;

    align-items:center;

}

.footer-links a{

    color:var(--color-text-light);

    transition:.35s;

}

.footer-links a:hover{

    color:white;

}

.footer-links span{

    color:#555;

}

/*==============================
RESPONSIVE
==============================*/

/*==========================================================
TABLET
==========================================================*/

@media (max-width:1200px){

    .footer h2{

        font-size:48px;

    }

}

/*==========================================================
TABLET PEQUEÑA
==========================================================*/

@media (max-width:992px){

    .footer{

        padding:90px 0 40px;

    }

    .footer-logo{

        width:160px;

    }

    .footer h2{

        font-size:42px;

    }

    .footer p{

        font-size:18px;

        max-width:620px;

    }

    .footer-bottom{

        flex-direction:column;

        text-align:center;

        gap:24px;

    }

}

/*==========================================================
MÓVIL
==========================================================*/

@media (max-width:576px){

    .footer{

        padding:70px 0 35px;

        margin-top:0;

    }

    .footer::before{

        width:450px;

        height:450px;

    }

    .footer-logo{

        width:140px;

        margin-bottom:24px;

    }

    .footer h2{

        font-size:2rem;

        line-height:1.15;

        margin-bottom:18px;

    }

    .footer p{

        font-size:16px;

        line-height:1.7;

        margin-bottom:34px;

    }

    .footer-actions{

        width:100%;

        flex-direction:column;

        align-items:center;

        gap:14px;

    }

    .footer-actions .btn-primary,

    .footer-actions .btn-outline{

        width:100%;

        max-width:340px;

        justify-content:center;

    }

    .footer-bottom{

        margin-top:55px;

        padding-top:24px;

        flex-direction:column;

        text-align:center;

        gap:18px;

    }

    .footer-links{

        flex-direction:column;

        gap:12px;

    }

    .footer-links span{

        display:none;

    }

    .footer-bottom p{

        font-size:14px;

    }

}

.footer-actions{

    max-width:360px;

    margin:auto;

}

.footer-btn{

    height:60px;

    border-radius:16px;

    font-size:16px;

}


/*==========================================================
FOOTER CTA PREMIUM
==========================================================*/

.footer-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    transition:.35s;

}

.footer-btn svg{

    width:22px;

    height:22px;

    flex-shrink:0;

}

.footer-whatsapp{

    background:linear-gradient(
        135deg,
        #25D366,
        #128C7E);

    color:#FFFFFF;

    border:none;

    transition:.35s;

}

.footer-whatsapp:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 45px rgba(37,211,102,.35);

}

.footer-email{

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

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

    color:#FFFFFF;

    transition:.35s;

}

.footer-email:hover{

    transform:translateY(-3px);

    border-color:#7C3AED;

    background:rgba(124,58,237,.08);

    box-shadow:
        0 18px 45px rgba(124,58,237,.22);

}

@media (max-width:576px){

    .footer-btn{

        height:58px;

        font-size:16px;

    }

}


.footer-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    font-weight:600;

}

.footer-btn svg{

    width:20px;

    height:20px;

    flex-shrink:0;

}

.footer-btn span{

    display:flex;

    align-items:center;

    line-height:1;

}