.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-in.show {
    opacity: 1;
}


/*Pantalla de carga*/

#preloader_3{
    position:relative;
}
#preloader_3:before{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background: #59b68b;
    animation: preloader_3_before 1.5s infinite ease-in-out;
}
#preloader_3:after{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#F0582E;
    left:22px;
    animation: preloader_3_after 1.5s infinite ease-in-out;
}
@keyframes preloader_3_before {
    0% {transform: translateX(0px) rotate(0deg)}
    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#F0582E;border-radius:0px;}
    100% {transform: translateX(0px) rotate(0deg)}
}
@keyframes preloader_3_after {
    0% {transform: translateX(0px)}
    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background: #f3f3f9;border-radius:0px;}
    100% {transform: translateX(0px)}
}

/* Fondo splash que cubre toda la pantalla */
#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff; /* Cambia el color de fondo si querés */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}