@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap");

/* Widget de quiniela de la portada: misma pizarra que /quinielas/ en formato barra lateral */
.biq {
  --biq-tinta: #1D1D1B; --biq-pizarra: #22332A; --biq-tiza: #F3F0E6; --biq-tiza-dim: #AEBBB1;
  --biq-madera: #7A5A3A; --biq-linea: #D8D1BF; --biq-sello: #B42318;
  color: var(--biq-tinta); font-size: 15px; line-height: 1.35; max-width: 420px;
}
.biq * { box-sizing: border-box; }
.biq .biq-cab { margin: 0 0 10px; }
.biq .biq-tit { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.2; color: inherit; }
.biq .biq-fecha { margin: 2px 0 0; color: #5E5A50; font-size: 14px; }
.biq .biq-fecha::first-letter { text-transform: uppercase; }

.biq .biq-sub { margin: 14px 0 8px; font-size: 15px; font-weight: 700; color: inherit; }
.biq .biq-salta .biq-sub { margin-top: 0; }
.biq .biq-turnos { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.biq .biq-turnos button {
  font: inherit; font-size: 14px; font-weight: 600; line-height: 1; cursor: pointer;
  padding: 9px 11px; min-height: 36px; border-radius: 18px;
  border: 1px solid var(--biq-linea); background: #fff; color: var(--biq-tinta);
}
.biq .biq-turnos button.on { background: var(--biq-pizarra); border-color: var(--biq-pizarra); color: var(--biq-tiza); }
.biq .biq-turnos button:focus-visible, .biq a:focus-visible { outline: 3px solid #2350d8; outline-offset: 2px; }

.biq .biq-pizarra {
  background: var(--biq-pizarra); color: var(--biq-tiza); border-radius: 6px;
  border: 7px solid var(--biq-madera); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25), inset 0 0 40px rgba(0, 0, 0, .25);
  padding: 6px 14px;
}
.biq .biq-pizarra ul { list-style: none; margin: 0; padding: 0; }
.biq .biq-pizarra li { margin: 0; padding: 0; border-bottom: 1px solid rgba(243, 240, 230, .12); }
.biq .biq-pizarra li:last-child { border-bottom: 0; }
.biq .biq-pizarra a {
  display: flex; align-items: baseline; gap: 6px; min-height: 40px; padding: 6px 0;
  color: inherit; text-decoration: none;
}
.biq .biq-pizarra a:hover .biq-jur { text-decoration: underline; text-underline-offset: 3px; }
.biq .biq-jur { font-weight: 700; font-size: 15px; white-space: nowrap; }
.biq .biq-pts { flex: 1; border-bottom: 2px dotted rgba(243, 240, 230, .35); transform: translateY(-4px); min-width: 12px; }
.biq .biq-num { font-family: "Kalam", "Segoe Print", cursive; font-weight: 700; font-size: 28px; line-height: 1; letter-spacing: .5px; }
.biq .biq-dim { color: var(--biq-tiza-dim); }
.biq .biq-msj { margin: 10px 0; color: var(--biq-tiza); }
.biq .biq-msj a { color: var(--biq-tiza); }

.biq .biq-mas {
  display: block; margin-top: 10px; padding: 11px 12px; text-align: center; font-weight: 700; font-size: 14px;
  border: 1px solid var(--biq-tinta); border-radius: 6px; color: var(--biq-tinta); text-decoration: none;
}
.biq .biq-mas:hover { background: var(--biq-tinta); color: #fff; }

/* Modo oscuro del tema */
body.newsx-dark-mode .biq { color: #ececec; }
body.newsx-dark-mode .biq .biq-fecha { color: #b9b4a8; }
body.newsx-dark-mode .biq .biq-turnos button { background: transparent; color: #ececec; border-color: #444; }
body.newsx-dark-mode .biq .biq-turnos button.on { background: var(--biq-tiza); color: var(--biq-pizarra); border-color: var(--biq-tiza); }
body.newsx-dark-mode .biq .biq-mas { color: #ececec; border-color: #ececec; }
body.newsx-dark-mode .biq .biq-mas:hover { background: #ececec; color: #111; }