.hero-slider{
  position:relative;
  height:520px;
  overflow:hidden;
}

.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  background-size:cover;
  background-position:center right;
  transition:opacity .7s ease, visibility .7s ease;
}

.hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(245,180,0,.88) 0%, rgba(245,180,0,.55) 38%, rgba(255,255,255,.15) 68%);
  z-index:1;
}

.hero-slide.active{
  opacity:1;
  visibility:visible;
}

.hero-slide .container{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
}

.hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  width:54px;
  height:54px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.9);
  background:rgba(17,17,17,.55);
  color:#fff;
  font-size:42px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
  transition:.25s ease;
}

.hero-arrow:hover{
  background:#111;
  border-color:#f5b400;
  color:#f5b400;
}

.hero-prev{
  left:28px;
}

.hero-next{
  right:28px;
}

.hero-dots{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:20;
  display:flex;
  gap:8px;
}

.hero-dots button{
  width:10px;
  height:10px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.65);
  cursor:pointer;
}

.hero-dots button.active{
  width:28px;
  border-radius:20px;
  background:#f5b400;
}

/* =============================
   HERO TEXT — AJUSTE EQUILIBRADO
============================= */

.hero-text h1{
  font-size:46px;        /* antes 58 → reduzido */
  font-weight:800;
  color:#111;
  line-height:1.2;
  margin-bottom:14px;
}

.hero-text h1 strong{
  font-size:50px;        /* antes 64 → proporcional */
  font-weight:900;
  color:#111;
}

.hero-text p{
  font-size:17px;        /* antes 20 */
  color:#555;
  margin-bottom:22px;
  max-width:480px;
}

/* botão */
.btn-hero{
  display:inline-block;
  padding:12px 24px;     /* ligeiramente menor */
  background:#f5b400;
  color:#111;
  font-weight:800;
  font-size:15px;
  border-radius:999px;
  text-decoration:none;
  transition:.25s ease;
}

.btn-hero:hover{
  background:#111;
  color:#fff;
}

/* =============================
   HERO — ALTURA + TEXTO BRANCO
============================= */

.hero-slider,
.hero-slide{
  height:640px !important;
}

.hero-text h1{
  color:#fff !important;
}

.hero-text h1 strong{
  color:#fff !important;
}

.hero-text p{
  color:#fff !important;
  font-size:18px !important;
  font-weight:500 !important;
}

/* traço abaixo do título */
.hero-text h1::after{
  content:"";
  display:block;
  width:70px;
  height:4px;
  background:#fff;
  border-radius:999px;
  margin:18px 0 22px;
}

/* botões lado a lado */
.hero-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:26px;
}

.btn-hero-secondary{
  display:inline-block;
  padding:12px 24px;
  border:2px solid #fff;
  color:#fff;
  background:transparent;
  font-weight:800;
  font-size:15px;
  border-radius:999px;
  text-decoration:none;
  transition:.25s ease;
}

.btn-hero-secondary:hover{
  background:#fff;
  color:#111;
}
/* =============================
   HERO — SUBIR TEXTO
============================= */

.hero-slide .container{
  align-items:flex-start !important;  /* antes center */
  padding-top:120px;                  /* controla altura */
}

/* ajuste fino */
.hero-text{
  margin-top:-20px; /* puxa ainda mais para cima */
}

.hero-arrow{
  z-index:9999 !important;
  pointer-events:auto !important;
}

.hero-slide{
  pointer-events:none;
}

.hero-slide.active{
  pointer-events:auto;
}