{
  "version": 3,
  "sources": ["src/app/features/blog/components/article-comments/article-comments.component.css"],
  "sourcesContent": [".comments {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  padding-top: var(--space-8);\n  border-top: 1px solid var(--color-border-light);\n}\n\n.comments__header {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: var(--space-3);\n}\n\n.comments__heading {\n  font-family: var(--font-heading);\n  font-size: var(--text-size-xl);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n  line-height: var(--leading-tight);\n  margin: 0;\n}\n\n.comments__count {\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  font-variant-numeric: tabular-nums;\n}\n\n.comments__empty,\n.comments__load-error p,\n.comments__closed,\n.comments__more-error {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n}\n\n.comments__load-error {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--space-3);\n  padding: var(--space-4);\n  background: var(--color-surface-secondary);\n  border-radius: 0;\n}\n\n.comments__more-error {\n  color: var(--color-state-error);\n}\n\n.comments__closed {\n  padding: var(--space-4);\n  background: var(--color-surface-secondary);\n  border-radius: 0;\n  color: var(--color-text-primary);\n}\n\n/* ── Hilo ── */\n\n.comments__list,\n.comment__replies {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.comments__list {\n  gap: var(--space-5);\n}\n\n.comment {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.comment--replying > .comment__item {\n  box-shadow: inset 3px 0 0 var(--color-action-secondary);\n}\n\n.comment__item {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  padding: var(--space-4) var(--space-5);\n  background: var(--color-surface-secondary);\n  border-radius: 0;\n}\n\n.comment__replies {\n  gap: var(--space-3);\n  margin-left: var(--space-8);\n  padding-left: var(--space-4);\n  border-left: 2px solid var(--color-border-light);\n}\n\n.comment--reply .comment__item {\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-light);\n}\n\n.comment__meta {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--space-1) var(--space-2);\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n.comment__avatar {\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: var(--radius-full);\n  background: var(--color-text-secondary);\n  color: var(--color-text-inverse);\n  font-family: var(--font-heading);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-heading);\n}\n\n.comment__author {\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-primary);\n}\n\n.comment__badge {\n  padding: 0 var(--space-2);\n  background: var(--color-action-secondary);\n  color: var(--color-text-inverse);\n  border-radius: var(--radius-badge);\n  font-weight: var(--font-weight-body-medium);\n  line-height: 1.6;\n}\n\n.comment__date {\n  font-variant-numeric: tabular-nums;\n}\n\n.comment__edited::before {\n  content: '· ';\n}\n\n.comment__body {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-primary);\n  line-height: var(--leading-relaxed);\n  white-space: pre-line;\n  overflow-wrap: anywhere;\n}\n\n.comment__reply {\n  align-self: flex-start;\n  padding: 0;\n  border: 0;\n  background: none;\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-link);\n  cursor: pointer;\n}\n\n.comment__reply:hover {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.comment__reply:focus-visible {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n.comments__more {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--space-3);\n}\n\n/* ── Formulario ── */\n\n.comments__form {\n  scroll-margin-top: calc(var(--header-height) + var(--space-5));\n}\n\n.comments__form-heading {\n  font-family: var(--font-heading);\n  font-size: var(--text-size-lg);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n  line-height: var(--leading-tight);\n  margin: 0;\n}\n\n/* ── Skeleton ── */\n\n.comments__skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-5);\n}\n\n.comments-skeleton__row {\n  display: flex;\n  gap: var(--space-3);\n  padding: var(--space-4) var(--space-5);\n  background: var(--color-surface-secondary);\n}\n\n.comments-skeleton__avatar {\n  width: 28px;\n  height: 28px;\n  flex-shrink: 0;\n  border-radius: var(--radius-full);\n}\n\n.comments-skeleton__body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  flex: 1;\n}\n\n.comments-skeleton__line {\n  height: 0.875rem;\n  width: 90%;\n}\n\n.comments-skeleton__line--meta {\n  width: 35%;\n}\n\n.comments-skeleton__line--short {\n  width: 60%;\n}\n\n.comments-skeleton__avatar,\n.comments-skeleton__line {\n  position: relative;\n  overflow: hidden;\n  background: var(--color-surface-primary);\n}\n\n.comments-skeleton__avatar::after,\n.comments-skeleton__line::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, transparent, var(--color-skeleton-base), transparent);\n  transform: translateX(-100%);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .comments-skeleton__avatar::after,\n  .comments-skeleton__line::after {\n    animation: comments-skeleton-shine 1.4s infinite;\n  }\n}\n\n@keyframes comments-skeleton-shine {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n@media (max-width: 640px) {\n  .comments__heading {\n    font-size: var(--text-size-lg);\n  }\n\n  .comment__item {\n    padding: var(--space-3) var(--space-4);\n  }\n\n  .comment__replies {\n    margin-left: var(--space-3);\n    padding-left: var(--space-3);\n  }\n\n  .comments__form {\n    scroll-margin-top: calc(var(--header-height-mobile) + var(--space-4));\n  }\n}\n"],
  "mappings": "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",
  "names": []
}