﻿/* Estilo general del skeleton */
.skeleton{
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 5px;
}
.skeleton2{
    background: linear-gradient(90deg, #777 25%, #939393 50%, #777 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 5px;
}
.skeleton-text{
    margin-bottom: .25em;
}
/* Canales Misods */
    .GaleriaDeArticulosNombreProducto.skeleton{
        margin: auto;
        width: 90%;
        max-width: 600px;
    }
    .DatosMisJugadasCifraPequena.skeleton, .DatosMisJugadasCifraGrande.skeleton{
        margin: auto;
        width: 3em;
    }
/* Canales Apolo */
    .skeleton .ContenedorDamesuerte_Navconcausa{
        background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
        background-size: 200% 100%;
        animation: shimmer 1.5s infinite;
        border-radius: 5px;
    }
    .ContenedoSuperior_Navconcausa .skeleton-image{
        position: absolute;
        width: 3.975em;
        transform: skew(-3deg, -3deg) rotateZ(-5deg) rotatey(7.5deg);
        height: 2.4em;
        right: 72%;
        top: .4em;
    }
    .ContenedorIntermedio_Navconcausa_Linea1 .skeleton-text{
        margin-left: 30%;
        width: 60%;
    }
    .ItemSkeleton_Navconcausa_decimo_imagen.skeleton{
        height: 16em;
        width: 26.5em;
        margin: auto;
    }
    .ItemUnico_Navconcausa_Titulo.skeleton2{
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        max-width: 400px;
    }
    .ItemUnico_Navconcausa_txt .skeleton{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        max-width: 800px;
    }

/* Animación de brillo para el efecto de carga */
    @keyframes shimmer{
        0% {
            background-position: -200% 0;
        }

        100% {
            background-position: 200% 0;
        }
    }
