/* Widget de estrenos de cine de la portada (mismo formato que el del clima) */
.bicc {
  --bicc-tinta: #16202b; --bicc-gris: #5b6672; --bicc-linea: #dde3ea; --bicc-carta: #fff; --bicc-acento: #7a22cc;
  --bicn-oro: #f2a900; --bicn-borde: #dde3ea;
  background: var(--bicc-carta); color: var(--bicc-tinta); border: 1px solid var(--bicc-linea); border-radius: 10px;
  padding: 14px 16px; margin: 0 0 24px; font-size: 15px; line-height: 1.35;
}
body.newsx-dark-mode .bicc {
  --bicc-tinta: #eef1f5; --bicc-gris: #a9b3bf; --bicc-linea: #33404d; --bicc-carta: #1b232c; --bicc-acento: #b48cff;
  --bicn-oro: #ffc21a; --bicn-borde: #33404d;
}
.bicc * { box-sizing: border-box; }
.bicc-cab { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 10px; }
.bicc .bicc-tit { margin: 0; font-size: 18px; line-height: 1.2; color: inherit; }
.bicc-fecha { color: var(--bicc-gris); font-size: 14px; }
.bicc .bicc-tira { display: grid; grid-auto-flow: column; grid-auto-columns: 112px; gap: 12px; margin: 0; padding: 2px 2px 8px;
  list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
.bicc .bicc-tira li { margin: 0; padding: 0; scroll-snap-align: start; }
.bicc .bicc-tira li::before, .bicc .bicc-tira li::marker { content: none; }
.bicc a, .bicc a:hover { text-decoration: none !important; }
.bicc-tira a { display: flex; flex-direction: column; gap: 4px; color: inherit; text-decoration: none; }
.bicc-tira img, .bicc-sin { display: block; width: 112px; height: 168px; object-fit: cover; border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .18); }
.bicc-sin { display: grid; place-items: center; font-size: 32px; background: linear-gradient(160deg, #5a10a8, #22033f); }
.bicc-nom { font-size: 13px; font-weight: 700; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bicc-tira a:hover .bicc-nom, .bicc-tira a:focus-visible .bicc-nom { color: var(--bicc-acento); }
.bicc-gen { font-size: 12px; color: var(--bicc-gris); }
.bicc .bicn-est { color: var(--bicn-oro); font-size: 14px; letter-spacing: 0; white-space: nowrap; }
.bicc .bicn-est i { font-style: normal; }
.bicc .bicn-e-v { color: var(--bicn-borde); }
.bicc .bicn-e-m { background: linear-gradient(90deg, var(--bicn-oro) 50%, var(--bicn-borde) 50%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bicc .bicc-mas { display: block; margin-top: 6px; font-size: 14px; font-weight: 700; color: var(--bicc-acento); text-decoration: none; }
.bicc .bicc-mas:hover { text-decoration: underline; }
@media (min-width: 900px) { .bicc .bicc-tira { grid-auto-columns: 124px; } .bicc-tira img, .bicc-sin { width: 124px; height: 186px; } }