/* Widget de agenda cultural de la portada (mismo formato que los del clima y el cine) */
.biagm {
  --biagm-tinta: #16202b; --biagm-gris: #5b6672; --biagm-linea: #dde3ea; --biagm-carta: #fff; --biagm-acento: #7a22cc; --biagm-suave: var(--bi-suave, #f5f1fa);
  background: var(--biagm-carta); color: var(--biagm-tinta); border: 1px solid var(--biagm-linea); border-radius: 10px;
  padding: 14px 16px; margin: 0 0 24px; font-size: 15px; line-height: 1.35;
}
body.newsx-dark-mode .biagm { --biagm-tinta: #eef1f5; --biagm-gris: #a9b3bf; --biagm-linea: #33404d; --biagm-carta: #1b232c; --biagm-acento: #b48cff; --biagm-suave: #232d38; }
.biagm * { box-sizing: border-box; }
.biagm-cab { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 10px; }
.biagm .biagm-tit { margin: 0; font-size: 18px; line-height: 1.2; color: inherit; }
.biagm a, .biagm a:hover { text-decoration: none !important; }
/* controles iguales a los del widget del clima */
.biagm-ctrl { display: flex; align-items: center; gap: 6px; min-width: 0; }
.biagm .biagm-prov {
  height: 36px; max-width: 190px; margin: 0; padding: 0 12px; font: inherit; font-size: 14px; font-weight: 600;
  border: 1px solid var(--biagm-linea); border-radius: 999px; background: var(--biagm-suave); color: inherit; cursor: pointer;
}
.biagm .biagm-ubic {
  display: inline-grid; place-items: center; width: 36px; min-width: 36px; height: 36px; margin: 0; padding: 0; flex: none;
  font-size: 16px; line-height: 1; text-align: center; text-indent: 0; letter-spacing: 0; cursor: pointer;
  border: 1px solid var(--biagm-linea); border-radius: 50%; background: var(--biagm-suave); color: inherit;
}
.biagm .biagm-prov:hover, .biagm .biagm-ubic:hover { border-color: var(--biagm-acento); }
.biagm .biagm-ubic[disabled] { opacity: .5; cursor: wait; }
.biagm .biagm-tira[hidden], .biagm-vacio[hidden] { display: none; }
.biagm .biagm-vacio { margin: 4px 0 10px; color: var(--biagm-gris); font-size: 14px; }
.biagm-pie { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin-top: 6px; }
.biagm .biagm-pais { font-size: 14px; font-weight: 600; color: var(--biagm-gris); }
.biagm .biagm-pais:hover { color: var(--biagm-acento); }
.biagm .biagm-tira { display: grid; grid-auto-flow: column; grid-auto-columns: 180px; gap: 12px; margin: 0; padding: 2px 2px 8px;
  list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
.biagm .biagm-tira li { margin: 0; padding: 0; scroll-snap-align: start; }
.biagm .biagm-tira li::before, .biagm .biagm-tira li::marker { content: none; }
.biagm-tira a { display: flex; flex-direction: column; gap: 3px; color: inherit; }
.biagm-tira img, .biagm-sin { display: block; width: 180px; aspect-ratio: 16 / 10; height: auto; object-fit: cover; border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .15); margin-bottom: 3px; }
.biagm-sin { display: grid; place-items: center; font-size: 30px; background: linear-gradient(160deg, #5a10a8, #22033f); }
.biagm-dia { font-size: 12px; font-weight: 800; color: var(--biagm-acento); text-transform: uppercase; letter-spacing: .04em; }
.biagm-nom { font-size: 14px; font-weight: 700; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.biagm-tira a:hover .biagm-nom, .biagm-tira a:focus-visible .biagm-nom { color: var(--biagm-acento); }
.biagm-lug { font-size: 12px; color: var(--biagm-gris); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.biagm .biagm-mas { font-size: 14px; font-weight: 700; color: var(--biagm-acento); }
.biagm .biagm-mas:hover { text-decoration: underline !important; }