/* Boton flotante de Whatsapp*/
html {
    scroll-behavior: smooth;
}

.btn-ws{
    visibility: hidden;
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 100;
    background-color: #22bd2f;
    border-radius: 50%;
    transition: all 1s ease;
    animation: ws 1.2s infinite;
}

.btn-ws img {
    width: 60px;    
}

.btn-ws:hover {
    transform: translate(-25%, -25%);
}

@keyframes ws {
    0%{
        box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.85);
    }
    100%{
        box-shadow: 0 0 0 25px rgba(0, 128, 0, 0.1);

    }
}


/* mensaje de alerta*/
.alerta{
    padding: 10px 10px;
    text-transform: uppercase;
    margin: 5px 0;
    font-size: 12px;
    font-weight: 600;
}
.alerta p{
    margin: 0;
}
.alerta p i{
    font-size: 16px;
    margin-right: 10px;
}
.alerta__error{
    background-color: #faa7a7;
    border-left: 5px solid rgb(169, 0, 0);
    color: rgb(169, 0, 0);
}
.alerta__exito{
    background-color: #c0ecc4;
    border-left: 5px solid rgb(10, 78, 10);
    color: rgb(8, 100, 8);
}