/* Colores personalizados para L&R Consultores */


    /* Colores personalizados */
.bg-lr-primary { background-color: #00B9A5; }
.text-lr-primary { color: #00B9A5; }
.border-lr-primary { border-color: #00B9A5; }
.hover\:bg-lr-primary:hover { background-color: #00B9A5; }

.bg-lr-secondary { background-color: #009F8D; }
.text-lr-secondary { color: #009F8D; }
.border-lr-secondary { border-color: #009F8D; }
.hover\:bg-lr-secondary:hover { background-color: #009F8D; }

/* Estilos para animaciones */
.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.fade-in.active {
    opacity: 1;
}
.slide-in-left {
    transform: translateX(-50px);
    opacity: 0;
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.slide-in-left.active {
    transform: translateX(0);
    opacity: 1;
}
.slide-in-right {
    transform: translateX(50px);
    opacity: 0;
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.slide-in-right.active {
    transform: translateX(0);
    opacity: 1;
}
.scale-up {
    transform: scale(0.9);
    opacity: 0;
    transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}
.scale-up.active {
    transform: scale(1);
    opacity: 1;
}
.bounce-in {
    animation: bounce-in 1s ease-out forwards;
    opacity: 0;
}
@keyframes bounce-in {
    0% { transform: translateY(-20px); opacity: 0; }
    50% { transform: translateY(10px); opacity: 1; }
    100% { transform: translateY(0); opacity: 1; }
}