/* =========================
   HERO — NURIA TOURS FINAL
========================= */

/* Wrapper */
.nt-hero{
  position:relative;
  width:100%;
  overflow:hidden;
}

/* Carousel */
#carouselHero{
  position:relative;
}

.hero-img{
  width:100%;
  height:100vh;
  object-fit:cover;
}

/* Overlay gradient */
.nt-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.65) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.15) 100%
  );
  z-index:1;
}

/* Content positioning */
.hero-overlay{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  max-width:760px;
  padding:0 20px;
  z-index:2;
  text-align:center;
}

/* Glass panel */
.hero-panel{
  margin:0 auto;
  padding:42px 42px 36px;
  border-radius:24px;

  background:rgba(32,38,46,0.45);
  border:1px solid rgba(255,255,255,0.16);

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  box-shadow:0 35px 80px rgba(0,0,0,0.32);
}

/* Title */
.hero-title{
  color:#ffffff;
  font-family:'Playfair Display', serif;
  font-weight:700;
  font-size:clamp(2.2rem, 4vw, 3.2rem);
  line-height:1.15;
  letter-spacing:.5px;
  margin-bottom:14px;
  text-shadow:2px 2px 10px rgba(0,0,0,.65);
}

/* Divider */
.hero-divider{
  width:46px;
  height:2px;
  background:#c21d1d;
  margin:16px auto 18px;
  border-radius:2px;
}

/* Subtitle */
.hero-subtitle{
  color:rgba(255,255,255,.88);
  max-width:540px;
  margin:0 auto 26px;

  font-size:clamp(1.05rem, 2vw, 1.3rem);
  line-height:1.55;

  text-shadow:1px 1px 6px rgba(0,0,0,.55);
}

/* CTA */
.hero-button{
  display:inline-block;
  background:#c21d1d;
  color:#fff;
  padding:14px 28px;
  border-radius:999px;

  font-weight:600;
  font-size:1rem;

  text-decoration:none;
  box-shadow:0 12px 28px rgba(194,29,29,.25);
  transition:all .2s ease;
}

.hero-button:hover{
  background:#a81818;
  color:#fff;
  transform:translateY(-1px);
}

/* Mobile */
@media (max-width:768px){

  .hero-img{
    height:82vh;
  }

  .hero-panel{
    padding:20px;
    border-radius:18px;
  }

  .hero-subtitle{
    max-width:100%;
  }

  .hero-button{
    width:100%;
    max-width:320px;
  }
}