:root{
  --pk-accent-green:#2BFF88;
}

/* SLIDE v1.0.7 — +20% de altura, overlay mais alto/escuro para legibilidade */
.pk-hero{
  position:relative;
  margin:8px 6px 14px;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  aspect-ratio:1.94/1;               /* ~20% mais alto que 21:9 */
  max-height:74vh;
  --pk-overlay-h: 40%;               /* altura do overlay (padrão) */
}
.pk-hero__track{ height:100%; display:flex; transition:transform .4s ease; z-index:1; }
.pk-hero__item{ min-width:100%; height:100%; position:relative; }
.pk-hero__thumb{ position:absolute; inset:0; display:block; z-index:1; }
.pk-hero__thumb img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center center;
  transform-origin:center center; transition:transform .45s ease;
}
.pk-hero__item:hover .pk-hero__thumb img{ transform:scale(1.02); } /* zoom leve */

/* Overlay MAIS ALTO e ESCURO, cobrindo bem o texto */
.pk-hero__overlay{
  position:absolute; left:0; right:0; bottom:0; color:#fff;
  height:var(--pk-overlay-h);
  padding:0 18px 3%;
  background:linear-gradient(180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 28%,
    rgba(0,0,0,.78) 75%,
    rgba(0,0,0,.96) 100%);
  z-index:2;
  display:flex; align-items:flex-end;  /* título encosta no fundo do overlay */
}
.pk-hero__title{
  margin:0; font-weight:800; font-size:22px; line-height:1.25;
  text-shadow:0 2px 8px rgba(0,0,0,.6);
  transition:color .2s ease;
}
.pk-hero__titlelink{ color:#fff; text-decoration:none; }
.pk-hero__titlelink:hover .pk-hero__title{ color:var(--pk-accent-green); }

/* Setas — as duas visíveis e acima de tudo */
.pk-hero__nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:999px; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.76); color:#fff; font-size:22px; line-height:1;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
  transition:background .2s ease, transform .2s ease;
  z-index:50;
}
.pk-hero__nav--prev{ left:14px; } .pk-hero__nav--next{ right:14px; }
.pk-hero__nav:hover{ background:rgba(0,0,0,.9); transform:translateY(-50%) scale(1.06); }

/* Responsivo: overlay sobe mais em telas pequenas */
@media (max-width:1024px){
  .pk-hero{ aspect-ratio:16/9; --pk-overlay-h: 44%; max-height:68vh; }
}
@media (max-width:640px){
  .pk-hero__nav{ width:38px; height:38px; font-size:18px; }
  .pk-hero__title{ font-size:18px; }
  .pk-hero{ --pk-overlay-h: 48%; }
}