/* ====== BANNER ====== */
.banner{
  position:relative; width:100%;
  height:75vh;                 /* altura visível do banner */
  overflow:hidden; margin:0; padding:0;
  z-index:1;
}

/* Cada slide ocupa 100% do banner */
.banner-slide{
  position:absolute; top:0; left:0; width:100%; height:100%;
  background-size:cover; background-position:center;
  display:flex; justify-content:center; align-items:center;
  opacity:0; transition:opacity .4s ease-in-out;
}
.banner-slide.active{ opacity:1; z-index:1; }

/* Bloco de texto central (amarelo sólido) */
.banner-content{
  background:#F9B000; color:#fff; text-align:center;
  padding:22px 42px; border-radius:8px; max-width:820px;
}
.banner-content h1{
  font-size:2.3rem; font-weight:700; line-height:1.12; margin-bottom:8px;
}
.banner-content p{ font-size:1.08rem; line-height:1.22; }

/* Controles do carrossel */
.banner-controls{
  position:absolute; top:50%; left:0; right:0;
  transform:translateY(-50%);
  display:flex; justify-content:space-between;
  padding:0 20px; z-index:2;
}
.banner-controls span{
  font-size:2.3rem; color:#fff; cursor:pointer; user-select:none; transition:color .3s;
}
.banner-controls span:hover{ color:#EA5A0B; }

/* Responsivo */
@media (max-width:768px){
  .banner{ height:60vh; }
  .banner-content{ padding:16px 22px; max-width:92%; }
  .banner-content h1{ font-size:1.7rem; }
  .banner-content p{ font-size:1rem; }
}