/* ─── Loading spinner para AJAX ─── */
.hl-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    gap: 0.75rem;
    min-height: 160px;
}

.hl-loader__spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(147, 102, 71, 0.15);
    border-top-color: #936647;
    border-radius: 50%;
    animation: hl-spin 0.7s linear infinite;
}

.hl-loader__text {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-size: 0.9rem;
    color: #8b755a;
}

@keyframes hl-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ─── Estado vacío ─── */
.cc-empty-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 40px 16px;
    text-align: center;
    color: #8b755a;
}

.cc-empty-preview i {
    font-size: 2.5rem;
    opacity: 0.3;
    color: #c59347;
}

.cc-empty-preview p {
    margin: 0;
    font-size: 0.9rem;
    max-width: 400px;
}