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

.site-footer{
    padding:80px 20px 28px;
    background:var(--color-bg);
    border-top:1px solid #203754;
}

.footer-container{
    width:min(1120px,100%);
    margin:0 auto;
}

.footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:48px;
}

.footer-brand p{
    max-width:390px;
    margin:22px 0;
    color:#a9bdd3;
    line-height:1.75;
}

.footer-logo{
    display:inline-flex;
    align-items:center;
    gap:9px;
    text-decoration:none;
}

.footer-logo img{
    width:28px;
    height:28px;
    flex:0 0 auto;
}

.footer-logo-name{
    color:#fff;
    font-size:21px;
    font-weight:800;
    letter-spacing:-.4px;
}

.footer-logo-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:20px;
    padding:2px 7px;
    border-radius:6px;
    background:#1d4ed8;
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:1;
    letter-spacing:.8px;
}

.footer-whatsapp{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#5edcff;
    text-decoration:none;
    font-weight:700;
}

.footer-whatsapp:hover{
    color:#fff;
}

.footer-whatsapp svg{
    width:19px;
    height:19px;
    stroke-width:2.4;
}

.footer-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:13px;
}

.footer-column h3{
    margin:0 0 8px;
    color:#fff;
    font-size:17px;
}

.footer-column a,
.footer-column span{
    color:#a9bdd3;
    text-decoration:none;
    line-height:1.5;
}

.footer-column a:hover{
    color:#5edcff;
}

.footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:60px;
    padding-top:24px;
    border-top:1px solid #203754;
}

.footer-bottom p{
    margin:0;
    color:#7f96b1;
    font-size:14px;
}

/* ========================================
   WHATSAPP FLOTANTE
======================================== */

.whatsapp-floating{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#25d366;
    color:#fff;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(0,0,0,.3);
    opacity:1;
    visibility:visible;
    transition:transform .2s ease;
}

.whatsapp-floating:hover{
    transform:translateY(-3px);
}

.whatsapp-floating svg{
    width:25px;
    height:25px;
    stroke-width:2.5;
}

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

@media(max-width:900px){

    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:42px;
    }

}

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

@media(max-width:600px){

    .site-footer{
        padding:64px 20px 24px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:36px;
    }

    .footer-brand p{
        margin:18px 0;
    }

    .footer-column{
        gap:11px;
    }

    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        margin-top:44px;
    }

    .whatsapp-floating{
        right:10px;
        bottom:12px;
        width:46px;
        height:46px;
    }

    .whatsapp-floating svg{
        width:22px;
        height:22px;
    }

}