.border-color1 {
   border-color: oklch(0.1942 0.0618 240);
 }

 .border-color2 {
   border-color: #333;
 }

 .border-color3 {
   border-color: #333;
 }

 .border-color4 {
   border-color: oklch(0.6965 0.0539 240);
 }

 .border-r-color4 {
   border-right-color: oklch(0.6965 0.0539 240);
 }

 .bg-color2 {
   background-color: #333;
 }

 .bg-color3 {
   background-color: #333;
 }

 .bg-color4 {
   background-color: oklch(0.6965 0.0539 240);
 }

 .bg-color5 {
   background-color: #efefef;
 }

 .bg-color6 {
   background-color: #e8e8e8;
 }

 .bg-color7 {
   background-color: oklch(0.9932 0.0034 240);
 }

 .stroke-color2 {
   stroke: #333;
 }

 .stroke-color7 {
   stroke: oklch(0.9932 0.0034 240);
 }

 .text-color1 {
   color: oklch(0.1942 0.0618 240);
 }

 .text-color2 {
   color: #333;
 }

 .text-color3 {
   color: #333;
 }

 .text-color4 {
   color: oklch(0.6965 0.0539 240);
 }

 .text-color7 {
   color: oklch(0.9932 0.0034 240);
 }

 .text-link {
   color: #2872E2;
 }

  .hover\:bg-color5 {
    &:hover {
      @media (hover: hover) {
        background-color: #d5d5d5 ;
      }
    }
  }
  .hover\:bg-color5\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #d5d5d5  70%, transparent);
      }
    }
  }
  .hover\:bg-color6 {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(0.9653 0.0109 240);
      }
    }
  }

  .hover\:text-color4 {
    &:hover {
      @media (hover: hover) {
        color: oklch(0.6965 0.0539 240);
      }
    }
  }


    .placeholder\:text-color4 {
    &::placeholder {
      color: oklch(0.6965 0.0539 240);
    }
  }

    .ReadMore_other.collapsed::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50px;
      /* Altura do gradiente de apagamento */
      background: linear-gradient(to bottom, transparent, #d5d5d5) !important;
    }

header.bg-color2.md\:flex.md\:flex-col.pt-4.md\:pb-0.pb-4.md\:gap-3.px-4.sm\:px-8.md\:px-10.lg\:px-20.xl\:px-\[84px\],
footer.bg-color2.py-6.sm\:py-6.px-4.sm\:px-8.md\:px-10 {
  background-color: #333;
}

div.h-\[48px\].flex.gap-4.bg-color6.p-1.items-center.rounded-lg {
  background-color: #d5d5d5;
}

/* div.container.mx-auto.md\:block.hidden.z-\[999\] *, */
.bg-color2.py-6.sm\:py-6.px-4.sm\:px-8.md\:px-10 * {
  color: #d5d5d5;
  /* color: #333; */
}

#menu_desktop:hover *, #menu_desktop_dropdown .text-lg.leading-7.text-color3.line-clamp-1.truncate, #menu_desktop_dropdown .text-\[16px\].leading-7.text-color3 {
  color: #333;
}

.w-14.md\:w-16.self-stretch.aspect-square path {
  stroke: #333;
}

div.xs\:w-full.xs\:h-px.md\:w-px.md\:h-full.bg-white{
  background-color: #d5d5d5;  
}
.readmore-button {
  background-color: #333;
}

.readmore-button:hover {
  background-color: #a4a4a4 !important;
}
.readmore-button:hover a {
  background-color: #a4a4a4 !important;
  color: #333 !important;
}

footer a.btn-footer-customer {
  border:1px solid #d5d5d5 !important;
}
footer a.btn-footer-customer svg path {
  stroke: #d5d5d5 !important;
}
footer a.btn-footer-customer:hover {
  background-color: #333 !important;
  border:1px solid #d5d5d5 !important;
}

footer img:last-child {
  mix-blend-mode: difference;
}
.ReadMore a, .ReadMore p, .ReadMore *, .ReadMore h2 {
  color: #333 !important;
}
.ReadMore.ReadMore_other h2 {
  color: #333 !important;
}

div.w-\[40px\].h-\[40px\].bg-color7.flex.items-center.justify-center.rounded-\[4px\] svg path {
 stroke: #333 !important;   
}