/* newsletter · Componentes (MIRÓ Labs). Diseño de coss ui (MIT, © coss.com, antes Origin UI).
   Generado por tools/build_css.py desde newsletter.tw.json. No editar a mano. Necesita tokens.css. */
.s-newsletter__inner{margin-inline:auto}
.s-newsletter__lead{margin-top:calc(var(--spacing)*4)}
.s-newsletter__grid{display:grid}
.s-newsletter__inner{max-width:var(--container-5xl)}
.s-newsletter__grid{gap:calc(var(--spacing)*8)}
.s-newsletter{background-color:var(--color-muted)}
@supports (color:color-mix(in lab, red, red)){
.s-newsletter{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}
}
.s-newsletter__inner{padding-inline:calc(var(--spacing)*6)}
.s-newsletter{padding-block:calc(var(--spacing)*16)}
.s-newsletter__title{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
.s-newsletter__lead{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
.s-newsletter__note{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.s-newsletter__title{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-wrap:balance}
.s-newsletter__lead{text-wrap:balance}
.s-newsletter__title{color:var(--color-foreground)}
.s-newsletter__lead{color:var(--color-muted-foreground)}
.s-newsletter__note{color:var(--color-muted-foreground)}
@media (min-width:48rem){
.s-newsletter__form{grid-column:span 2/span 2}
.s-newsletter__intro{grid-column:span 3/span 3}
.s-newsletter__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--spacing)*12)}
.s-newsletter{padding-block:calc(var(--spacing)*24)}
}
@media (min-width:64rem){
.s-newsletter__title{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
}
/* propio */
.s-newsletter__form{display:grid;gap:.75rem;align-content:center}
.s-newsletter__row{display:flex;gap:.5rem;flex-wrap:wrap}
.s-newsletter__row .c-input{flex:1 1 12rem;width:auto}
.s-newsletter__form .c-field__error{margin:0}
.s-newsletter__done{font-size:.875rem;color:var(--success-foreground)}
.s-newsletter__done:empty{display:none}