.text-center{

    text-align:center;

}

.mt-1{

    margin-top:16px;

}

.mt-2{

    margin-top:32px;

}

.mt-3{

    margin-top:48px;

}

.mb-1{

    margin-bottom:16px;

}

.mb-2{

    margin-bottom:32px;

}

.mb-3{

    margin-bottom:48px;

}

.section{

    padding:100px 0;

}

.shadow{

    box-shadow:var(--shadow-md);

}

.radius{

    border-radius:var(--radius-lg);

}

.bg-white{

    background:var(--white);

}

.site-main {
    min-height: 100vh;
    padding-top: var(--header-height);
}


/* boton de whatsappp*/

/* ==========================================================
   FLOATING ACTIONS
========================================================== */

.floating-actions {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;

    display: flex;
    flex-direction: column;
    gap: 14px;
}

.floating-whatsapp-wrapper {
    position: relative;
}

.floating-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    color: #fff;
    text-decoration: none;

    background: #25D366;
    border-radius: 50%;

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

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

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

.floating-whatsapp i {
    font-size: 34px;
}

.floating-whatsapp-tooltip {
    position: absolute;
    top: 50%;
    right: 78px;

    min-width: 220px;
    padding: 14px 18px;

    background: #ffffff;
    border-radius: 16px;

    box-shadow:
        0 20px 45px rgba(0,0,0,.12);

    opacity: 0;
    visibility: hidden;

    transform:
        translateY(-50%)
        translateX(10px);

    transition: all .3s ease;
}

.floating-whatsapp-wrapper:hover
.floating-whatsapp-tooltip {
    opacity: 1;
    visibility: visible;

    transform:
        translateY(-50%)
        translateX(0);
}

.floating-whatsapp-tooltip::after {
    content: "";

    position: absolute;
    top: 50%;
    right: -8px;

    width: 16px;
    height: 16px;

    background: #fff;

    transform:
        translateY(-50%)
        rotate(45deg);
}

.floating-whatsapp-tooltip__title {
    display: block;

    color: #0b2341;
    font-size: 14px;
    font-weight: 700;
}

.floating-whatsapp-tooltip__text {
    display: block;

    margin-top: 4px;

    color: #6b7280;
    font-size: 12px;
}

/* BOTÓN ARRIBA */

.floating-top {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    color: #fff;

    background: #0099d8;
    border: none;
    border-radius: 50%;

    cursor: pointer;

    box-shadow:
        0 15px 35px rgba(0,153,216,.25);

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    transition: all .3s ease;
}

.floating-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.floating-top i {
    font-size: 18px;
}

/* PULSO WHATSAPP */

.floating-whatsapp {
    animation:
        whatsappPulse 2s infinite;
}

@keyframes whatsappPulse {

    0% {
        box-shadow:
            0 0 0 0 rgba(37,211,102,.5);
    }

    70% {
        box-shadow:
            0 0 0 18px rgba(37,211,102,0);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(37,211,102,0);
    }
}