{
  "version": 3,
  "sources": ["src/app/shared/ui/newsletter-form/newsletter-form.component.css"],
  "sourcesContent": [":host {\n  display: block;\n  width: 100%;\n}\n\n.newsletter-form {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 100%;\n}\n\n.newsletter-form__heading {\n  margin: 0;\n  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);\n  font-weight: 700;\n  font-size: 1.125rem;\n  line-height: 1.3;\n  color: var(--color-text-primary, #1A1A1A);\n}\n\n.newsletter-form__description {\n  margin: 0;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  color: var(--color-text-secondary, #6B6B6B);\n}\n\n.newsletter-form__row {\n  display: flex;\n  gap: 0.5rem;\n  align-items: flex-start;\n}\n\n.newsletter-form__field {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n/* Honeypot (W3): fuera del viewport y del árbol accesible; nunca display:none. */\n.newsletter-form__hp {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n/* ── Variant: footer ─────────────────────────────────────────── */\n/* Fondo oscuro (--color-surface-dark): el gris secundario daría 3,3:1. Texto inverso\n   al 75 % ≈ 10:1 (AA). Lo leen la descripción y el microcopy de consentimiento. */\n.newsletter-form--footer {\n  --newsletter-consent-color: color-mix(in srgb, var(--color-text-inverse) 75%, transparent);\n  --newsletter-consent-link-color: var(--color-text-inverse);\n}\n.newsletter-form--footer .newsletter-form__description {\n  font-size: 0.8125rem;\n  color: var(--newsletter-consent-color);\n}\n\n/* ── Variant: hero (blog list) ───────────────────────────────── */\n.newsletter-form--hero {\n  align-items: center;\n  text-align: center;\n}\n.newsletter-form--hero .newsletter-form__heading {\n  font-size: 1.5rem;\n}\n.newsletter-form--hero .newsletter-form__row,\n.newsletter-form--hero .newsletter-form__consent {\n  max-width: 28rem;\n  width: 100%;\n}\n\n/* ── Variant: sidebar (compacto vertical) ────────────────────── */\n.newsletter-form--sidebar {\n  gap: 0.5rem;\n}\n.newsletter-form--sidebar .newsletter-form__heading {\n  font-size: 1rem;\n}\n.newsletter-form--sidebar .newsletter-form__description {\n  font-size: 0.8125rem;\n}\n.newsletter-form--sidebar .newsletter-form__row {\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n/* ── Variant: popup (título y cuerpo los pinta el pop-up) ─────── */\n/* Campo y botón en una fila también en móvil: la barra inferior no debe crecer. */\n.newsletter-form--popup {\n  gap: var(--space-2);\n}\n\n/* ── Variant: inline (community / default) ───────────────────── */\n/* defaults OK */\n\n/* ── Mobile: apilar input + botón salvo en sidebar (ya vertical) */\n@media (max-width: 480px) {\n  .newsletter-form:not(.newsletter-form--sidebar):not(.newsletter-form--popup) .newsletter-form__row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n}\n"],
  "mappings": ";AAAA;AACE,WAAA;AACA,SAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA;AACA,SAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,eAAA,IAAA,cAAA,EAAA,mBAAA,EAAA;AACA,eAAA;AACA,aAAA;AACA,eAAA;AACA,SAAA,IAAA,oBAAA,EAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,aAAA;AACA,eAAA;AACA,SAAA,IAAA,sBAAA,EAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,QAAA,EAAA,EAAA;AACA,aAAA;AACF;AAGA,CAAA;AACE,YAAA;AACA,QAAA;AACA,OAAA;AACA,SAAA;AACA,UAAA;AACA,YAAA;AACF;AAKA,CAAA;AACE,8BAAA,UAAA,GAAA,IAAA,EAAA,IAAA,sBAAA,GAAA,EAAA;AACA,mCAAA,IAAA;AACF;AACA,CAJA,wBAIA,CAnCA;AAoCE,aAAA;AACA,SAAA,IAAA;AACF;AAGA,CAAA;AACE,eAAA;AACA,cAAA;AACF;AACA,CAJA,sBAIA,CAtDA;AAuDE,aAAA;AACF;AACA,CAPA,sBAOA,CAzCA;CAkCA;AASE,aAAA;AACA,SAAA;AACF;AAGA,CAAA;AACE,OAAA;AACF;AACA,CAHA,yBAGA,CAnEA;AAoEE,aAAA;AACF;AACA,CANA,yBAMA,CA7DA;AA8DE,aAAA;AACF;AACA,CATA,yBASA,CAzDA;AA0DE,kBAAA;AACA,OAAA;AACF;AAIA,CAAA;AACE,OAAA,IAAA;AACF;AAMA,QAAA,WAAA;AACE,GAhGF,eAgGE,KAAA,CAzBF,yBAyBE,KAAA,CATF,wBASE,CAzEF;AA0EI,oBAAA;AACA,iBAAA;AACF;AACF;",
  "names": []
}