/* container com gradiente dinâmico (vem do JS) */
.bukib-news{
  --accent:#6B7D75; --bg-accent:#6B7D75;
  background: linear-gradient(140deg,
      color-mix(in srgb, var(--bg-accent) 22%, #ffffff) 0%,
      color-mix(in srgb, var(--bg-accent) 6%,  #ffffff) 55%,
      #ffffff 100%);
  border:1px solid #e5e6ea; border-radius:22px; padding:18px; position:relative;
}

/* cabeçalho/tabs */
.bnc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bnc-cats{display:flex;gap:10px;flex-wrap:wrap}
.bnc-cat{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.92) !important;
  color:#222 !important;
  border:1px solid #e3e6ea !important;
  border-radius:14px; padding:7px 12px; cursor:pointer; transition:all .18s ease;
}
.bnc-cat .bnc-mini{width:18px;height:18px;object-fit:cover;border-radius:4px}
.bnc-cat .bnc-label{letter-spacing:.2px; white-space:nowrap}
.bnc-cats .bnc-cat.active{
  background:var(--accent) !important; border-color:var(--accent) !important; color:#fff !important;
  box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 24%, transparent)
}
.bnc-cats .bnc-cat:hover{
  background:#0b1220 !important; border-color:#0b1220 !important; color:#fff !important;
}

/* layout: capa fixa + lado direito */
.bnc-frame{display:grid; grid-template-columns: minmax(280px, 36%) 1fr; gap:16px; align-items:stretch}
.bnc-cover{position:relative; border-radius:18px; overflow:hidden; background: color-mix(in srgb, var(--accent) 12%, #e9ecef)}
.bnc-cover img{display:block; width:100%; height:100%; object-fit:cover; aspect-ratio: 4 / 3}

/* direita: swiper + setas + dots + extras */
.bnc-right{position:relative; display:grid; grid-template-rows:auto auto auto; gap:10px; min-width:0}

/* setas minimalistas (sem elipse/pílula) */
.bnc-arrow{
  position:absolute; top:44%; transform:translateY(-50%);
  width:auto; height:auto; padding:0; background:transparent !important; border:0 !important; cursor:pointer; z-index:5;
  box-shadow:none !important;
}
.bnc-arrow::after{
  content:'›'; font-size:28px; line-height:1; color:var(--accent);
}
.bnc-arrow.prev{left:-4px}
.bnc-arrow.prev::after{content:'‹'}
.bnc-arrow.next{right:-4px}
.bnc-arrow:hover::after{color:#0b1220}

/* swiper/dots */
.bnc-swiper{overflow:hidden}
.swiper-pagination{position:relative; margin-top:6px; text-align:left; display:block !important}
.swiper-pagination-bullet{background:#b3b7be; opacity:1; width:8px; height:8px}
.swiper-pagination-bullet-active{background:var(--accent)}

/* cartão textual — TRANSPARENTE para o gradiente aparecer */
.bnc-card{background:transparent; border:0; border-radius:0; padding:4px 0; min-width:0}
.bnc-title{
  font-size: clamp(18px, 2.2vw, 28px);
  line-height:1.25; margin:0 0 6px; color:#0b1220; font-weight:800;
  max-width: 60ch; white-space:normal; overflow-wrap:break-word; word-wrap:break-word;
}
.bnc-excerpt{
  color:#4f5563; margin:0 0 8px; max-width: 70ch; overflow-wrap:break-word; word-wrap:break-word;
}
.bnc-read{font-weight:700; text-decoration:underline; color:var(--accent)}
.bnc-read:hover{color:#0b1220}

/* extras */
.bnc-extras{display:grid; grid-template-columns:1fr; gap:10px; margin-top:2px}
.bnc-extras .bukib-prods{display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px}

/* --- FIXES para o Swiper mostrar todos os slides e a paginação --- */
.bnc-right { min-width: 0; }
.bnc-swiper { width: 100% !important; }
.bnc-swiper .swiper-wrapper { display: flex !important; }
.bnc-swiper .swiper-slide { width: 100% !important; flex: 0 0 100% !important; }
.bnc-right .swiper-pagination { display:block !important; visibility:visible !important; }

/* mobile */
@media (max-width: 1024px){
  .bnc-frame{grid-template-columns:1fr}
  .bnc-arrow.prev{left:-6px} .bnc-arrow.next{right:-6px}
}