#Cabecalho {
  display: flex;
  flex-direction: column;
  background-color: transparent;
}

.imgbox {
  width: 20vw;
  height: 20vw;
  background-image: url('../img/logo/dourado/dourado3-pfp.png');
  background-size: cover;
  position: relative;
  left: -100vw;
  animation: moveIn 1s forwards;
}
/* Tooltip */
.imgbox::after {
  content: attr(data-title);
  /*position: absolute;*/
  /*bottom: -3.5vw;*/
  left: 50%;
  transform: translateX(-50%);
  background:transparent;
  color: #fff;
  padding: 0.6vw 1.2vw;
  border-radius: 6px;
  font-size: 1.2vw;
  font-family: var(--fonte-cabecalho);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 999;
}

/* Exibir no hover */
.imgbox:hover::after {
  opacity: 1;
}


/*   carousel  */

#Carousel {
  padding-bottom: 2.5vw;
}

.carousel-tam {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.5vw;
  padding: 0.2vw;
}

.slide-tam {
  display: flex;
  flex-direction: row;
  justify-content: center;
}



.slide-foto {
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  padding: 1px;
}

.slide-in {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.slide-in .slide-cab {
  font-family: var(--fonte-cabecalho);
  color: var(--cor-fonte-textos);
  color: var(--cor-fonte-titulo);
  font-size: 2.5vw;
  margin-top: 3.5vw;
  text-align: center;
  max-width: 50vw;
  height: auto;


}

.slide-in .slide-texto {
  font-family: var(--fonte-textos);
  font-size: 1.7vw;
  color: var(--cor-fonte-textos);
  justify-items: flex-start;
  max-width: 50vw;
  padding: 2vw;
  height: auto;
  line-height: 1.2;

}

.carousel-control-prev i,
.carousel-control-next i {
        font-size: 2vw;
    color: black;
  /*color: var(--cor-fonte-titulo);*/
}

.carousel-control-prev,
.carousel-control-next {
    top: 75%;
    transform: translateY(-50%);
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


.imgilustrativa {
  font-family: var(--fonte-textos);
  font-size: 1vw;
  color: var(--cor-fonte-textos);
  padding-left: 6vw;
}

.imgilustrativamedia {
  display: none;
}




/*   quem  */


#Quem {
  padding-bottom: 2.5vw;
}


.quemtexto {
  margin-top: 3vw;
  display: block;
  line-height: 1.2;  
  font-family: var(--fonte-textos);
  font-size: 1.7vw;
  color: var(--cor-fonte-textos);
  padding-left: 5vw;
  padding-right: 5vw;

}


/*     produtos     */

#Produtos {
  width: 100%;
  margin: 0px;
  padding-bottom: 3vw;
}

.card {
  background-color: white;
}

.box-produtos {
  margin: 0px;
  padding: 0px;
  margin: 0.5vw;
  margin-top: 3vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5vw 9vw;

}

.box-produtos .card {

  display: flex;
  position: relative;
  height: auto;
  text-decoration: none;
  border-radius: 5px;
}

.box-produtos .card img {

  width: 18vw;
  max-height: 12vw;
  border-radius: 0px 0px 5px 5px;
}

.textocard {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.2vw;
  color: var(--cor-fonte-cabecalho);
  font-family: var(--fonte-menu-superior);
  text-align: center;
}

.ilustrativa {
  padding-left: 1vw;
  font-family: var(--fonte-textos);
  color: var(--cor-fonte-cabecalho);
  font-size: 0.9vw;
}



/* 
  ********* media *********
  *************************
  *************************
  *************************
  *************************
  *************************
  *************************
  *************************
  *************************
  *************************
  *************************
  *************************
  *************************
  */

@media screen and (min-width: 768px) and (max-width: 992px) {}


@media screen and (max-width: 579px) {

  /*   carousel  */

  .carousel-tam {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0.2vw;
  }

  .slide-tam {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .slide-foto {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .slide-in {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
  }

  .slide-in .slide-cab {
    display: flex;
    justify-content: center;
    font-family: var(--fonte-cabecalho);
    font-size: 5vw;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .imgilustrativa {
    display: none;
  }

  .imgilustrativamedia {
    display: block;
    color: var(--cor-fonte-textos);
    padding-left: 6vw;
    font-family: var(--fonte-textos);
    font-size: 2vw;
  }

  .slide-in .slide-texto {
    font-family: var(--fonte-textos);
    font-size: 3.5vw;
    justify-items: flex-start;
    width: 100%;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    height: auto;
  }

  .carousel-control-prev {
    opacity: 0.8;
    top: -300px;
  }

  .carousel-control-next {
    opacity: 0.8;
    top: -300px;
  }


  .titulo {
    display: flex;
    margin: 0px;
    padding: 0px;
    margin-top: 6vw;
    font-family: var(--fonte-cabecalho);
    color: var(--cor-fonte-cabecalho);
    font-size: 2vw;
    align-items: center;
    background-image: var(--bg-img-titulo);
    background-color: var(--bg-titulo);
    border-bottom: 1px solid var(--linha-titlulo-botton);
    border-top: 1px solid var(--linha-titlulo-top);
  }

  .titulo h2 {
    margin: 0%;
    font-size: 5vw;
    color: var(--cor-fonte-cabecalho);
    font-family: var(--fonte-textos);
    text-shadow: 1px 1px 2px rgba(42, 31, 143, 0.5);
  }

  .quemtexto {
    display: flex;
    font-family: var(--fonte-textos);
    font-size: 3.5vw;
    color: var(--cor-fonte-textos);
    padding-left: 5vw;
    padding-right: 5vw;
  }


  /*     produtos      */

  .textocard {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.2vw;
    color: var(--cor-fonte-cabecalho);
    font-family: var(--fonte-menu-superior);
    text-align: center;
  }

  .textocard {
    width: fit-content;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 2.8vw;
    color: var(--cor-fonte-textos);
    font-family: var(--fonte-menu-superior);
    text-align: center;
    text-decoration: none;
  }

  .card {
    width: fit-content;
    width: 10vw;
    padding: 0%;
    margin: 5vw;
  }

  .box-produtos {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5vw;
  }

  .box-produtos .card {
    align-items: center;
    justify-items: center;
    width: 30%;
  }

  .box-produtos .card img {
    width: 100%;
    max-height: 18vw;
    border-radius: 0px 0px 5px 5px;
  }

  .ilustrativa {
    padding-left: 2vw;
    font-family: var(--fonte-textos);
    color: var(--cor-fonte-textos);
    font-size: 1vw;
  }


}