/* ============================================================
   HUF — Componente: Skeleton (.hd-skeleton) — HVL §5.6/§6.10
   ------------------------------------------------------------
   Pulso de opacidad .55↔1 a 1.2s — sin brillo, sin barrido, sin
   degradado (prohibido dos veces: degradado §5.3.1 + señal delatora de
   plantilla §3.1). Obligatorio en toda carga que pueda superar ~300ms.
   El skeleton replica la geometría real del contenido que va a llegar.
   Ejemplos de uso → docs/hednora-ui-framework-guide.md §Skeleton.
   ============================================================ */

.hd-skeleton {
    display: block;
    border-radius: var(--hd-radius-sm);
    background: var(--hd-color-inset);
    animation: hd-skeleton-pulse 1.2s ease-in-out infinite;
}

@keyframes hd-skeleton-pulse {
    0%, 100% { opacity: 0.55; }
    50%      { opacity: 1; }
}

.hd-skeleton--text {
    height: 0.9em;
    margin-bottom: var(--hd-space-2);
}

.hd-skeleton--title {
    height: 1.5rem;
    width: 50%;
    margin-bottom: var(--hd-space-3);
}

.hd-skeleton--avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}

.hd-skeleton--card {
    height: 8rem;
}

@media (prefers-reduced-motion: reduce) {
    .hd-skeleton {
        animation: none;
    }
}