.boletin-form { display: flex; flex-wrap: wrap; gap: .5rem; margin: .75rem 0 .25rem; }
.boletin-form input[type="email"] { flex: 1 1 14rem; min-width: 0; padding: .6rem .75rem; border: 1px solid currentColor; border-radius: 6px; font: inherit; background: transparent; color: inherit; }
.boletin-boton { display: inline-block; padding: .6rem 1.1rem; border: 0; border-radius: 6px; font: inherit; font-weight: 600; cursor: pointer; background: #1f2937; color: #fff; text-decoration: none; }
.boletin-boton:disabled { opacity: .6; cursor: wait; }
.boletin-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.boletin-estado { flex-basis: 100%; margin: .25rem 0 0; font-size: .9em; }
.boletin-estado:empty { display: none; }
.boletin-error { color: #b91c1c; }
.boletin-pagina { padding-block: 2rem; }
.boletin-pagina-texto { max-width: 38rem; margin-bottom: 1.25rem; }
.boletin-pie { margin-top: 1.5rem; }
/* En el pie del blog, que es oscuro, el botón se invierte para no perderse */
.blog-footer-col .boletin-boton { background: #fff; color: #111; }