/* ========== THEME VARS (editadas via Elementor) ========== */
.blck-news-cards {
  --radius: 18px;
  --shadow-opacity: .08;
  --shadow: 0 8px 24px rgba(2, 6, 23, var(--shadow-opacity));

  --accent: #0ea5a3;
  --text: #0b1220;
  --muted: #6b7280;

  --card-bg: #ffffff;
  --nav-bg: rgba(255,255,255,.9);
  --nav-fg: #0f172a;
  --nav-border: #e5e7eb;

  --dot: #d1d5db;
  --dot-active: var(--accent);

  --arrow-size: 46px;       /* editável */
  --arrow-radius: 999px;    /* editável */
  --arrow-offset: 10px;     /* editável */
}

/* Base */
.blck-news-cards * { box-sizing: border-box; }
.blck-news-cards .sec-head {
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px;
  margin-bottom: 16px;
}
.blck-news-cards .sec-eyebrow {
  font-size:.78rem; font-weight:700; letter-spacing:.08em; color:var(--muted);
  text-transform:uppercase; margin:0 0 8px 0;
}
.blck-news-cards h2.sec-title {
  font-size: clamp(1.4rem, 2.6vw, 2.1rem);
  line-height: 1.15; color: var(--text); margin:0;
}
.blck-news-cards .sec-sub { color: var(--muted); margin-top:6px; font-size:.96rem; }
.blck-news-cards .link-all { font-weight:600; text-decoration:none; color:var(--accent); transition:.2s; }
.blck-news-cards .link-all:hover { opacity:.85; }

/* Viewport + “fade” nas bordas para indicar scroll */
.blck-news-cards .viewport { position:relative; }
.blck-news-cards .viewport::before,
.blck-news-cards .viewport::after{
  content:""; position:absolute; top:0; bottom:38px; width:48px; z-index:1; pointer-events:none;
}
.blck-news-cards .viewport::before{
  left:0; background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}
.blck-news-cards .viewport::after{
  right:0; background:linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
}
@media (min-width:1024px){
  .blck-news-cards .viewport::before,
  .blck-news-cards .viewport::after{ display:none; }
}

/* Carrossel */
.blck-news-cards .track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns: calc(100% - 8px);
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-padding:6px;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px;
}
@media (min-width:768px){ .blck-news-cards .track{ grid-auto-columns: calc(50% - 12px); } }
@media (min-width:1024px){ .blck-news-cards .track{ grid-auto-columns: calc(33.333% - 14px); } }

/* Card */
.blck-news-cards .card{
  scroll-snap-align:start;
  background:var(--card-bg);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  display:flex; flex-direction:column; min-height:360px;
}
.blck-news-cards .thumb{ aspect-ratio:16/9; width:100%; object-fit:cover; display:block; }
.blck-news-cards .body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:10px; flex:1; }
.blck-news-cards .post-title{ font-size:1.02rem; line-height:1.25; margin:0; color:var(--text); }
.blck-news-cards .excerpt{ color:var(--muted); font-size:.94rem; line-height:1.45; margin:0; }
.blck-news-cards .meta{ margin-top:auto; display:flex; align-items:center; gap:10px; color:#94a3b8; font-size:.85rem; }
.blck-news-cards .meta .dotsep{ width:4px; height:4px; border-radius:50%; background:#cbd5e1; display:inline-block; }

/* ====== NAV (Setas melhoradas) ====== */
.blck-news-cards .nav{ position:absolute; inset:0; pointer-events:none; }
.blck-news-cards .nav-btn{
  position:absolute; top:40%;
  width:var(--arrow-size); height:var(--arrow-size);
  border-radius:var(--arrow-radius);
  background:var(--nav-bg);
  color:var(--nav-fg);
  border:1px solid var(--nav-border);
  display:grid; place-items:center; pointer-events:auto; cursor:pointer;
  box-shadow:0 6px 18px rgba(2,6,23,.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.blck-news-cards .nav-btn svg{ width:18px; height:18px; }
.blck-news-cards .nav-btn.prev{ left: calc(0px - var(--arrow-offset)); }
.blck-news-cards .nav-btn.next{ right: calc(0px - var(--arrow-offset)); }

.blck-news-cards .nav-btn:hover{
  transform: translateY(-2px) scale(1.02);
  border-color: var(--accent);
  color: var(--accent);
  box-shadow:0 10px 26px rgba(2,6,23,.14);
}
.blck-news-cards .nav-btn:active{ transform: translateY(0) scale(.98); }

/* Dots */
.blck-news-cards .dots{ display:flex; gap:8px; justify-content:center; margin-top:12px; }
.blck-news-cards .dot{ width:6px; height:6px; border-radius:999px; background:var(--dot); transition:.2s; }
.blck-news-cards .dot.is-active{ width:22px; background:var(--dot-active); }
@media (min-width:1024px){ .blck-news-cards .dots{ display:none; } }

/* Grid desktop */
@media (min-width:1024px){
  .blck-news-cards .track.grid-desktop{
    display:grid; grid-auto-flow:initial; grid-template-columns: repeat(3, 1fr);
    overflow:visible;
  }
}

/* A11y */
.blck-news-cards .nav-btn:focus{ outline:2px solid var(--accent); outline-offset:2px; }