@import "../css/style.css";




/* Skeleton animado visible */
.modal-skeleton {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px;
}

.modal-skeleton .sk-title,
.modal-skeleton .sk-line {
    background: linear-gradient(90deg,
            var(--skeleton-base),
            var(--skeleton-highlight),
            var(--skeleton-base));
    background-size: 400px 100%;
    border-radius: 4px;
    animation: shimmer 1.5s infinite;
}

.modal-skeleton .sk-title {
    width: 60%;
    height: 24px;
}

.modal-skeleton .sk-line {
    width: 100%;
    height: 16px;
}

.modal-skeleton .sk-line.short {
    width: 40%;
}

/* Animación shimmer */
@keyframes shimmer {
    0% {
        background-position: -400px 0;
    }

    100% {
        background-position: 400px 0;
    }
}