.esqueleto {
    position: relative;
    overflow: hidden;
    background-color: #e2e8f0; /* Cinza claro */
}

.esqueleto::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 1.5s infinite;
    z-index: 1;
}

.esqueleto img {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    position: relative;
    z-index: 2;
}

.esqueleto.carregado::after {
    display: none;
}

.esqueleto.carregado img {
    opacity: 1;
}

@keyframes shimmer {
    100% { transform: translateX(100%); }
}