{
  "version": 3,
  "sources": ["src/app/features/blog/components/article-comment-form/article-comment-form.component.css"],
  "sourcesContent": [".comment-form {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.comment-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.comment-form__replying {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n  padding: var(--space-2) var(--space-3);\n  background: var(--color-surface-secondary);\n  border-left: 3px solid var(--color-action-secondary);\n  border-radius: 0;\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n}\n\n.comment-form__as {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n.comment-form__row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--space-4);\n}\n\n.comment-form__field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.comment-form__label {\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-primary);\n}\n\n.comment-form__control {\n  width: 100%;\n  padding: var(--space-2) var(--space-3);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--radius-input-sharp);\n  background: var(--color-surface-primary);\n  font-family: var(--font-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-primary);\n  transition:\n    border-color var(--transition-fast),\n    box-shadow var(--transition-fast);\n}\n\n.comment-form__control:focus-visible {\n  outline: none;\n  border-color: var(--color-action-secondary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-action-secondary) 25%, transparent);\n}\n\n.comment-form__control--error {\n  border-color: var(--color-state-error);\n}\n\n.comment-form__textarea {\n  min-height: 8rem;\n  resize: vertical;\n  line-height: var(--leading-normal);\n}\n\n.comment-form__counter,\n.comment-form__hint {\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n.comment-form__counter {\n  align-self: flex-end;\n  font-variant-numeric: tabular-nums;\n}\n\n.comment-form__counter--over,\n.comment-form__error {\n  color: var(--color-state-error);\n}\n\n.comment-form__error {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n}\n\n/* B111: fuera del viewport, nunca display:none (algunos bots lo detectan). */\n.comment-form__hp {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.comment-form__alert,\n.comment-form__success {\n  margin: 0;\n  padding: var(--space-3) var(--space-4);\n  border-radius: 0;\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-normal);\n  color: var(--color-text-primary);\n}\n\n.comment-form__alert {\n  border-left: 3px solid var(--color-state-error);\n  background: color-mix(in srgb, var(--color-state-error) 8%, var(--color-surface-primary));\n}\n\n.comment-form__alert p {\n  margin: 0;\n}\n\n.comment-form__success {\n  border-left: 3px solid var(--color-state-success);\n  background: color-mix(in srgb, var(--color-state-success) 8%, var(--color-surface-primary));\n}\n\n/* La región `status` existe siempre para que el lector de pantalla anuncie el\n   éxito; vacía no se oculta (se perdería el anuncio), solo se come su hueco. */\n.comment-form__status:empty {\n  margin-top: calc(-1 * var(--space-4));\n}\n\n.comment-form__actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--space-3) var(--space-4);\n}\n\n.comment-form__note {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n.comment-form__link {\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  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.comment-form__link:focus-visible {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n@media (max-width: 640px) {\n  .comment-form__row {\n    grid-template-columns: 1fr;\n  }\n}\n"],
  "mappings": ";AAAA,CAAA;AACE,YAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,eAAA,IAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,cAAA,IAAA;AACA,eAAA,IAAA,MAAA,IAAA;AACA,iBAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,yBAAA,IAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,aAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,cAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA;AAGF;AAEA,CAdA,qBAcA;AACE,WAAA;AACA,gBAAA,IAAA;AACA,cAAA,EAAA,EAAA,EAAA,IAAA,UAAA,GAAA,IAAA,EAAA,IAAA,0BAAA,GAAA,EAAA;AACF;AAEA,CAAA;AACE,gBAAA,IAAA;AACF;AAEA,CAAA;AACE,cAAA;AACA,UAAA;AACA,eAAA,IAAA;AACF;AAEA,CAAA;;AAEE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAPA;AAQE,cAAA;AACA,wBAAA;AACF;AAEA,CAAA;;AAEE,SAAA,IAAA;AACF;AAEA;AACE,UAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACF;AAGA,CAAA;AACE,YAAA;AACA,QAAA;AACA,OAAA;AACA,SAAA;AACA,UAAA;AACA,YAAA;AACF;AAEA,CAAA;;AAEE,UAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,iBAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAXA;AAYE,eAAA,IAAA,MAAA,IAAA;AACA,cAAA,UAAA,GAAA,IAAA,EAAA,IAAA,qBAAA,EAAA,EAAA,IAAA;AACF;AAEA,CAhBA,oBAgBA;AACE,UAAA;AACF;AAEA;AACE,eAAA,IAAA,MAAA,IAAA;AACA,cAAA,UAAA,GAAA,IAAA,EAAA,IAAA,uBAAA,EAAA,EAAA,IAAA;AACF;AAIA,CAAA,oBAAA;AACE,cAAA,KAAA,GAAA,EAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,aAAA;AACA,OAAA,IAAA,WAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,UAAA;AACA,cAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,UAAA;AACA,mBAAA;AACA,yBAAA;AACF;AAEA,CAbA,kBAaA;AACE,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;AACF;AAEA,QAAA,WAAA;AACE,GAnJF;AAoJI,2BAAA;AACF;AACF;",
  "names": []
}