/* Header 01 */
/* ==========================================
   1. VERSÃO PADRÃO: COMPACTA (Mobile até 600px)
   ========================================== */
  .header-img-1 {
    background-image: url('../assets/img/backgrounds/bg-full-1-mobile.webp');
    /* Se tiver versões de alta resolução do mobile (ex: mobile@2x.jpg), use abaixo: */
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-1-mobile.webp') 1x
    );
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

  }

/* ==========================================
   2. VERSÃO INTERMEDIÁRIA (Tablet de 601px até 1200px)
   ========================================== */
@media screen and (min-width: 601px) {
  .header-img-1 {
    background-image: url('../assets/img/backgrounds/bg-full-1-tablet.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-1-tablet.webp') 1x
    );
  }
}

/* ==========================================
   3. VERSÃO DESKTOP (Desktop acima de 1200px)
   ========================================== */
@media screen and (min-width: 1201px) {
  .header-img-1 {
    background-image: url('../assets/img/backgrounds/bg-full-1-desktop.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-1-desktop.webp') 1x
    );
  }
}

/* Header 02 */
/* ==========================================
   1. VERSÃO PADRÃO: COMPACTA (Mobile até 600px)
   ========================================== */
  .header-img-2 {
    background-image: url('../assets/img/backgrounds/bg-full-2-mobile.webp');
    /* Se tiver versões de alta resolução do mobile (ex: mobile@2x.jpg), use abaixo: */
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-2-mobile.webp') 1x
    );
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

  }

/* ==========================================
   2. VERSÃO INTERMEDIÁRIA (Tablet de 601px até 1200px)
   ========================================== */
@media screen and (min-width: 601px) {
  .header-img-2 {
    background-image: url('../assets/img/backgrounds/bg-full-2-tablet.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-2-tablet.webp') 1x
    );
  }
}

/* ==========================================
   3. VERSÃO DESKTOP (Desktop acima de 1200px)
   ========================================== */
@media screen and (min-width: 1201px) {
  .header-img-2 {
    background-image: url('../assets/img/backgrounds/bg-full-2-desktop.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-2-desktop.webp') 1x
    );
  }
}

/* Header 03 */
/* ==========================================
   1. VERSÃO PADRÃO: COMPACTA (Mobile até 600px)
   ========================================== */
  .header-img-3 {
    background-image: url('../assets/img/backgrounds/bg-full-3-mobile.webp');
    /* Se tiver versões de alta resolução do mobile (ex: mobile@2x.jpg), use abaixo: */
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-3-mobile.webp') 1x
    );
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

  }

/* ==========================================
   2. VERSÃO INTERMEDIÁRIA (Tablet de 601px até 1200px)
   ========================================== */
@media screen and (min-width: 601px) {
  .header-img-3 {
    background-image: url('../assets/img/backgrounds/bg-full-3-tablet.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-3-tablet.webp') 1x
    );
  }
}

/* ==========================================
   3. VERSÃO DESKTOP (Desktop acima de 1200px)
   ========================================== */
@media screen and (min-width: 1201px) {
  .header-img-3 {
    background-image: url('../assets/img/backgrounds/bg-full-3-desktop.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-3-desktop.webp') 1x
    );
  }
}

/* Header 04 */
/* ==========================================
   1. VERSÃO PADRÃO: COMPACTA (Mobile até 600px)
   ========================================== */
  .header-img-4 {
    background-image: url('../assets/img/backgrounds/bg-full-4-mobile.webp');
    /* Se tiver versões de alta resolução do mobile (ex: mobile@2x.jpg), use abaixo: */
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-4-mobile.webp') 1x
    );
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

  }

/* ==========================================
   2. VERSÃO INTERMEDIÁRIA (Tablet de 601px até 1200px)
   ========================================== */
@media screen and (min-width: 601px) {
  .header-img-4 {
    background-image: url('../assets/img/backgrounds/bg-full-4-tablet.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-4-tablet.webp') 1x
    );
  }
}

/* ==========================================
   3. VERSÃO DESKTOP (Desktop acima de 1200px)
   ========================================== */
@media screen and (min-width: 1201px) {
  .header-img-4 {
    background-image: url('../assets/img/backgrounds/bg-full-4-desktop.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-4-desktop.webp') 1x
    );
  }
}

/* Header 05 */
/* ==========================================
   1. VERSÃO PADRÃO: COMPACTA (Mobile até 600px)
   ========================================== */
  .header-img-5 {
    background-image: url('../assets/img/backgrounds/bg-full-5-mobile.webp');
    /* Se tiver versões de alta resolução do mobile (ex: mobile@2x.jpg), use abaixo: */
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-5-mobile.webp') 1x
    );
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

  }

/* ==========================================
   2. VERSÃO INTERMEDIÁRIA (Tablet de 601px até 1200px)
   ========================================== */
@media screen and (min-width: 601px) {
  .header-img-5 {
    background-image: url('../assets/img/backgrounds/bg-full-5-tablet.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-5-tablet.webp') 1x
    );
  }
}

/* ==========================================
   3. VERSÃO DESKTOP (Desktop acima de 1200px)
   ========================================== */
@media screen and (min-width: 1201px) {
  .header-img-5 {
    background-image: url('../assets/img/backgrounds/bg-full-5-desktop.webp');
    background-image: image-set(
      url('../assets/img/backgrounds/bg-full-5-desktop.webp') 1x
    );
  }
}

/* Estilo da imagem do logo */
.logo-img {
  height: 100px;    /* Força a imagem de 200px a ocupar apenas 100px na tela */
  width: auto;      /* Mantém a proporção correta da largura automaticamente */
  display: block;   /* Remove pequenos espaços em branco indesejados abaixo da imagem */
}