/* BOTONES */
.btn,
.btn:hover{
    display: flex;
    width: auto;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.625rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    box-shadow: none !important;
}
.btn-sm,
.btn-sm:hover{
    font-size: 1rem !important;
    padding: 8px !important;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--negro) !important;
    border-color: var(--negro) !important;
    color: var(--blanco);
}
.btn-primary:hover{
    background-color: var(--blanco) !important;
    color: var(--negro);
}
.btn-primary:disabled{
    background-color: var(--gray);
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus{
    border-radius: 8px;
    background-color: var(--blanco) !important;
    color: var(--negro);
    border: 1px solid var(--negro);
    gap: 10px;
}

.btn-secondary u{
    text-decoration: none;
    padding: 5px 25px;
}

.btn-third,
.btn-third:hover{
    background-color: var(--blanco) !important;
    border:none !important;
    color: var(--negro);
    font-weight: 500;
}

.btn-third u{
    text-decoration: none;
    padding: 5px 25px;
}

.btn-fourth,
.btn-fourth:hover,
.btn-fourth:focus{
    background-color: var(--amarillo) !important;
    border:none !important;
    color: var(--blanco);
    font-weight: 500;
}

.btn-fourth u{
    text-decoration: none;
    padding: 5px 25px;
}

.btn-group{
    padding: 7px 10px;
}
.btn-outline-primary{
    color: var(--negro);
    border-color: var(--negro) !important;
}
.btn-outline-secondary{
    background-color: transparent !important;
    border-color: var(--gris2) !important;
}
.btn-outline-primary:hover{
    color: var(--blanco) !important;
    background-color: var(--negro) !important;
}
.btn-outline-secondary:hover{
    color: var(--negro) !important;
    background-color: var(--blanco) !important;
}

/* SWAL VENTANTAS DE ALERTA */
.swal2-styled{
    display: flex;
    width: auto;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.625rem;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    box-shadow: none !important;
}
.swal2-confirm{
    background-color: var(--primario) !important;
    border:1px solid var(--primario) !important;
    color: var(--blanco) !important;
}
.swal2-cancel{
    background-color: var(--blanco) !important;
    border:1px solid var(--primario) !important;
    color: var(--primario) !important;
}
.swal2-deny{
    background-color: var(--amarillo) !important;
    border:1px solid var(--amarillo) !important;
    color: var(--blanco) !important;
}
.swal2-confirm:focus,
.swal2-cancel:focus,
.swal2-deny:focus{
    outline: none !important;
    box-shadow: none !important;
}