._section-parceiros {
  background-color: var(--color-darker);
}

._parceiro-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-align: center;
  padding: 8px;
  background-color: white;
  box-shadow: 1px 2px 1px #ccc;
  cursor: pointer;
  aspect-ratio: 1/1;
}

._parceiro-item ._logo {
  /* width: 50px;
  height: 50px;  */
  display: flex;
  align-items: center;
  justify-content: center;
}

._parceiro-item ._logo img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

._parceiro-item ._nome {
  font-size: 13px;
  font-weight: 300;
  line-height: 100%;
}

.swiper-wrapper {
  height: 160px !important;
  justify-content: center;
}

.swiper-slide{
  display: flex;
  align-items: center;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
}

.swiper-pagination-bullet-active {

  background: #FFCD00;
}

@media screen and (max-width:767.98px) {
  .swiper-wrapper {
    height: 200px !important;
  }
  
  ._header1-toggle.active span {
    background-color: #fff;
}
  
}

.produtos-lista{
  list-style: none;
}

.produtos-lista li a i{
  color: var(--color-light);
}

.produtos-lista li a{
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 2;
  transition: .2s all ease-in-out;
}

.produtos-lista li a:hover {
  color: var(--color-light);
}







/* Estilos para o dropdown */
.dropdown {
  position: relative;
}

.dropdown-menu {
  display: none !important;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 8px 0;
  margin: 0;
  z-index: 99999;
}

.dropdown-menu li {
  margin: 0;
  padding: 0 8px;
  white-space: nowrap;
}

.dropdown-menu li a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 0 8px;
}

.dropdown-menu li a:hover {
  background-color: #f0f0f0;
}

.dropdown:hover .dropdown-menu {
  display: block !important;
}

@media(max-width:767.98px){
  .dropdown:hover .dropdown-menu {
    position: relative !important;
}
.dropdown-menu li a:hover {
  background-color: transparent;
}

.dropdown-menu{
  background-color: rgb(0, 0, 0, .15);
  border-radius: 16px;
}

._header1-nav.active {
  width: 96% !important;
}

.dropdown-menu li a {
  font-size: 16px !important;
  font-weight: 300 !important;
}

}









._box3-section{
  background-color: var(--color-light-default);
}

._box3-list{
  display: grid;
  /* grid-template-columns:repeat(auto-fill, minmax(212px, 1fr)); */
  /* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
  grid-template-columns: repeat(1, 1fr);
  gap: 1.6rem;
}

@media(min-width:560px){
  ._box3-list{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(min-width:768px){
  ._box3-list{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(min-width:992px){
  ._box3-list{
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
  }
}

._box3-item{
  background-color: var(--color-clean);
  border-radius: 2.8rem;
  padding: 1rem 1rem 2rem 1rem;
  min-height: 180px; 
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: column;
  text-align: center;
  line-height: 140%;
  transition: all 0.3s;
  outline: 1px solid var(--color-light);
}

@media(max-width:767.98px){
  ._box3-list{
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  ._box3-item{
    padding: 1.6rem;
    min-height: 180px;
  }
}

._box3-item:hover{
  box-shadow: 0px 15px 35px rgba(18, 22, 57, 0.08);
  outline: 1px solid var(--color-secondary);
}

._box3-item__icon i {
  font-size: 5rem;
}

._box3-item__icon img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%; 
  transition: .2s all ease-in-out;
}

._box3-item__icon svg {
  max-height: 4.6rem;
  transition: fill 0.3s ease;
}

._box3-item__title{
  font-weight: 600;
  min-height: 50px;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 0 1rem;
}

._box3-item__icon{
  transition: all 0.3s;
  width: 100%;
  height: 180px;
  overflow: hidden; 
  border-radius: 2.8rem;
}

._box3-item:hover ._box3-item__icon img {
  scale: 1.1;
}