/* AJUSTE DA ALTURA DO HERO - RESPONSIVO COM VH */
/* Este arquivo deve ser carregado APÓS o main.css para sobrescrever */

/* Hero principal - usa 80vh para adaptar a qualquer viewport */
.hero-area-slider {
  min-height: 80vh !important;
  height: 80vh !important;
}

.hero-area-slider .hero1-section-area {
  min-height: 80vh !important;
  height: 80vh !important;
  padding: 0 !important;
  /* Remove flexbox centering to avoid vertical gaps */
  display: block !important;
}

/* Slick slider internal elements */
.hero-area-slider .slick-list,
.hero-area-slider .slick-track,
.hero-area-slider .slick-slide,
.hero-area-slider .slick-slide > div {
  height: 80vh !important;
  min-height: 80vh !important;
}

/* Garantir que a imagem preencha completamente */
.hero1-section-area .hero-img1,
.hero1-section-area .hero-custom-img {
  position: relative !important;
  width: 100% !important;
  height: 80vh !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Links and picture tags inside hero */
.hero1-section-area a,
.hero1-section-area picture {
  display: block;
  width: 100%;
  height: 80vh !important;
}

/* Responsividade - Mobile */
@media (max-width: 767px) {
  .hero-area-slider,
  .hero-area-slider .hero1-section-area,
  .hero-area-slider .slick-list,
  .hero-area-slider .slick-track,
  .hero-area-slider .slick-slide,
  .hero-area-slider .slick-slide > div {
    min-height: 75vh !important;
    height: 75vh !important;
  }

  .hero1-section-area .hero-img1,
  .hero1-section-area .hero-custom-img,
  .hero1-section-area a,
  .hero1-section-area picture {
    height: 75vh !important;
  }
}

/* Responsividade - Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area-slider,
  .hero-area-slider .hero1-section-area,
  .hero-area-slider .slick-list,
  .hero-area-slider .slick-track,
  .hero-area-slider .slick-slide,
  .hero-area-slider .slick-slide > div {
    min-height: 80vh !important;
    height: 80vh !important;
  }

  .hero1-section-area .hero-img1,
  .hero1-section-area .hero-custom-img,
  .hero1-section-area a,
  .hero1-section-area picture {
    height: 80vh !important;
  }
}