/* Suscripción por email (suscribir.js). Violeta de la marca: #a143f7 / #5b1aa6 */
.bis { --bis-violeta: #5b1aa6; --bis-tinta: #1d1d1b; --bis-gris: #5e5a50; --bis-linea: #d8d1bf; --bis-error: #b42318; --bis-ok: #1d6b3a;
  color: var(--bis-tinta); font-size: 15px; line-height: 1.4; }
.bis * { box-sizing: border-box; }
.bis p { margin: 0 0 10px; }
.bis .bis-intro { font-weight: 600; }
.bis .bis-opciones { display: grid; gap: 6px; margin: 0 0 12px; }
.bis .bis-check { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; font-weight: 600; margin: 0; }
.bis .bis-check input { width: 18px; height: 18px; margin: 1px 0 0; flex: none; accent-color: var(--bis-violeta); }
.bis .bis-sub { border: 0; margin: 0 0 6px 26px; padding: 0; min-width: 0; }
.bis .bis-sub[hidden] { display: none; }
.bis .bis-sub legend { font-size: 13px; color: var(--bis-gris); padding: 0; margin: 0 0 6px; }
.bis .bis-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.bis .bis-chip { font-weight: 500; font-size: 14px; align-items: center; gap: 0; }
.bis .bis-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.bis .bis-chip span { display: inline-block; padding: 7px 11px; min-height: 34px; border: 1px solid var(--bis-linea); border-radius: 17px; background: #fff; color: var(--bis-tinta); }
.bis .bis-chip input:checked + span { background: var(--bis-violeta); border-color: var(--bis-violeta); color: #fff; }
.bis .bis-chip input:focus-visible + span { outline: 3px solid #2350d8; outline-offset: 2px; }
.bis .bis-frec { display: grid; gap: 4px; font-size: 14px; }
.bis .bis-frec input { accent-color: var(--bis-violeta); }
.bis .bis-etq { display: block; font-size: 14px; font-weight: 600; margin: 0 0 4px; }
.bis .bis-fila { display: flex; flex-wrap: wrap; gap: 8px; }
.bis input[type=email], .bis select {
  flex: 1 1 180px; min-width: 0; min-height: 44px; padding: 9px 12px; font: inherit; color: var(--bis-tinta);
  border: 1.5px solid #8c8676; border-radius: 8px; background: #fff; margin: 0;
}
.bis input[type=email]:focus, .bis select:focus { outline: 3px solid rgba(91, 26, 166, .35); border-color: var(--bis-violeta); }
.bis .bis-btn {
  min-height: 44px; padding: 10px 18px; border: 0; border-radius: 22px; background: var(--bis-violeta); color: #fff;
  font: inherit; font-weight: 700; cursor: pointer; flex: none;
}
.bis .bis-btn:hover { background: #4a1489; }
.bis .bis-btn:focus-visible { outline: 3px solid #2350d8; outline-offset: 2px; }
.bis .bis-btn:disabled { opacity: .7; cursor: default; }
.bis .bis-btn-sec { background: #fff; color: var(--bis-violeta); border: 1.5px solid var(--bis-violeta); }
.bis .bis-btn-sec:hover { background: #f4ecff; }
.bis .bis-legal { font-size: 13px; color: var(--bis-gris); margin: 8px 0 0; }
.bis .bis-aviso { font-size: 14px; font-weight: 600; margin: 10px 0 0; }
.bis .bis-aviso:empty { display: none; }
.bis .bis-aviso.bis-error { color: var(--bis-error); }
.bis .bis-aviso.bis-ok { color: var(--bis-ok); }
.bis .bis-hecho .bis-legal { display: none; }
.bis .bis-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Versión de una línea (página de quinielas) */
.bis .bis-puntual { background: #f6f0ff; border: 1px solid #e3d3fb; border-radius: 10px; padding: 14px 16px; }
.bis .bis-puntual .bis-tit { font-weight: 700; font-size: 16px; display: flex; gap: 8px; align-items: baseline; }
.bis .bis-puntual .bis-ico { color: var(--bis-violeta); }
.bis .bis-puntual select { flex: 0 0 auto; width: auto; }

/* En el modo oscuro del tema */
body.newsx-dark-mode .bis { --bis-tinta: #f1eef8; --bis-gris: #c4bdd3; --bis-linea: #5b5470; --bis-ok: #7fd69c; --bis-error: #ff8a80; }
body.newsx-dark-mode .bis input[type=email], body.newsx-dark-mode .bis select, body.newsx-dark-mode .bis .bis-chip span { background: #221d2e; }
body.newsx-dark-mode .bis .bis-puntual { background: #2a1d40; border-color: #4a3470; }
body.newsx-dark-mode .bis .bis-btn-sec { background: transparent; color: #d6b8ff; border-color: #d6b8ff; }

/* Páginas de preferencias y baja */
.bi-sus-pagina { padding: 32px 16px 48px; }
.bi-sus-pagina .bi-sus-caja { max-width: 560px; margin: 0 auto; }
.bi-sus-pagina h1 { font-size: 28px; margin: 0 0 10px; }