/* garante que o container do slider seja referência; ajuste o seletor abaixo conforme o seu */
.skdslider, #slider-grande, .slider-wrap { position: relative; }

/* bloco do CTA */
.hero-cta{
  position: absolute;            /* sobre o slide no desktop */
  z-index: 10;
  left: clamp(16px,6vw,80px);
  bottom: clamp(16px,6vw,80px);
  max-width: min(92vw, 560px);
  padding: clamp(12px,2.5vw,20px) clamp(14px,3vw,24px);
  border-radius: 14px;
  background: rgba(15,28,30,0.55);         /* leve vidro */
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  box-shadow: 0 8px 30px rgba(0,0,0,.15);
}

/* títulos e botões */
.hero-title{
  margin: 0 0 .35em 0;
  font-weight: 700;
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  line-height: 1.2;
}
.hero-sub{
  margin: 0 0 .9em 0;
  font-size: clamp(1rem, 1.6vw, 1.125rem);
  opacity: .95;
}
.hero-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.btn-prim, .btn-sec{
  display:inline-block; text-decoration:none; cursor:pointer;
  padding: 10px 16px; border-radius: 10px; line-height:1.2; font-weight:600;
}
.btn-prim{ background:#1f85c9; color:#fff; }
.btn-prim:focus, .btn-prim:hover{ filter:brightness(1.05); }
.btn-sec{ background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.3); }

/* MOBILE: CTA abaixo do slide, sem vidro */
@media (max-width: 767px){
  .hero-cta{
    position: static;            /* sai do absoluto e vai para baixo */
    margin: 10px 16px 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: inherit;
    text-align: center;
  }
  .hero-actions{ justify-content:center; }
}