@import 'https://unpkg.com/swiper/swiper-bundle.css';
@import 'https://fonts.googleapis.com/css2?family=Poppins&display=swap';
.preload {
  background: #8fb435;
  background-size: cover;
  z-index: 90;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.preload span {
  width: 10rem;
  height: 10rem;
  border-radius: 40px;
  color: #fff;
  display: flex;
  transform-origin: top;
  z-index: 10;
  position: relative;
  font-size: 2rem;
  padding: 2rem;
}

@keyframes cameraPan {
  0% {
    transform: translateX(-2%);
  }
  25% {
    transform: translateX(2%);
  }
  50% {
    transform: translateY(2%);
  }
  75% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateX(-2%);
  }
}
header {
  position: relative;
  width: 100%;
  padding: 0.5rem 0 0;
  top: 0;
  left: 0;
  z-index: 50;
  background: #fff;
  margin-top: 0;
}
@media (max-width: 1045px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 0.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
}
header .header-container {
  max-width: 180rem;
  padding: 0 1rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}
@media (max-width: 1045px) {
  header .header-container {
    margin-bottom: 0;
  }
}
header .header-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr 0.7fr;
  gap: 3rem;
  width: 100%;
}
@media (max-width: 1045px) {
  header .header-inner {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
@media (max-width: 450px) {
  header .logo-copapel {
    width: 10rem;
  }
}
header .area-logo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 1045px) {
  header .area-logo {
    justify-content: flex-start;
  }
}
@media (max-width: 450px) {
  header .area-logo {
    justify-content: space-between;
    gap: 1rem;
  }
}
@media (min-width: 1046px) {
  header .area-logo .menu-hamburguer-header {
    display: none;
  }
}
header .area-logo .menu-hamburguer-header a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  background: #8fb435;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 8px rgba(143, 180, 53, 0.3);
}
header .area-logo .menu-hamburguer-header a:hover {
  background: #4e4e4e;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(78, 78, 78, 0.4);
}
header .area-logo .menu-hamburguer-header a:hover .hamburger-icon .hamburger-line {
  background: #ffffff;
}
header .area-logo .menu-hamburguer-header a:active {
  transform: scale(0.95);
}
header .area-logo .menu-hamburguer-header .hamburger-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2.4rem;
  height: 1.8rem;
  position: relative;
}
header .area-logo .menu-hamburguer-header .hamburger-icon .hamburger-line {
  width: 100%;
  height: 3px;
  background: #ffffff;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}
header .search-container form {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
header .search-container form input {
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  border: 1px solid #c2c2c2;
  border-radius: 5rem;
  padding: 0 8rem 0 2rem;
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-decoration: none;
}
header .search-container form button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 7.5rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5rem;
  border: 1px solid transparent;
  background: #8fb435;
  margin: auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1280px) {
  header .search-container form button {
    width: 5rem;
  }
}
@media (max-width: 1045px) {
  header .search-container form button {
    width: 7.5rem;
  }
}
header .search-container form button:hover {
  opacity: 0.7;
}
header .header-menu {
  position: relative;
  z-index: 20;
}
@media (max-width: 1045px) {
  header .header-menu {
    display: none;
  }
}
header .header-menu ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  height: 100%;
}
header .header-menu ul li {
  display: flex;
  align-items: center;
  gap: 1rem;
  white-space: nowrap;
}
header .header-menu ul li a {
  font-size: 1.2rem;
  color: #4e4e4e;
  line-height: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: block;
  padding: 0 1rem;
}
header .header-menu ul li a:hover {
  text-decoration: none;
  color: #8fb435;
}
header .header-menu ul li .header-phone-link {
  color: #4e4e4e;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: none;
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.3s ease-in-out;
}
header .header-menu ul li .header-phone-link:hover {
  color: #8fb435;
  text-decoration: none;
}
header .header-menu ul li div {
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
header .header-menu ul li div:hover .submenu-header {
  display: block;
}
header .header-menu ul li div span {
  font-size: 1.2rem;
  color: #4e4e4e;
  line-height: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: block;
  padding-left: 1rem;
}
header .header-menu ul li div span:hover {
  text-decoration: none;
  color: #8fb435;
}
header .header-menu ul li div .submenu-header {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: #fff;
  width: 100%;
  display: none;
  padding: 2rem 0 0;
  border-left: 3px solid #a5a5a5;
  width: 22rem;
}
header .header-menu ul li div .submenu-header::after {
  content: "";
  position: absolute;
  left: -3px;
  top: -50px;
  height: 80px;
  width: 3px;
  background: #a5a5a5;
}
header .header-menu ul li div .submenu-header ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-right: 1px solid #a5a5a5;
  gap: 1rem;
}
header .header-menu ul li div .submenu-header ul li {
  border-bottom: 1px dotted #a5a5a5;
  width: 100%;
  padding-bottom: 0.5rem;
}
header .header-menu ul li div .submenu-header ul li a {
  font-size: 1rem;
  color: #4e4e4e;
  line-height: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
header .header-menu ul li div .submenu-header ul li a:hover {
  text-decoration: none;
  opacity: 0.5;
}
header .header-meus-pedidos {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 3rem;
}
@media (max-width: 1045px) {
  header .header-meus-pedidos {
    display: none;
  }
}
header .header-meus-pedidos a img {
  height: 36px;
  width: auto;
  object-fit: contain;
}
header .header-meus-pedidos .whatsapp-button a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  color: #8fb435;
  font-size: 1.7rem;
  line-height: 1.7rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
header .header-meus-pedidos .whatsapp-button a:hover {
  text-decoration: none;
  opacity: 1;
  color: #4e4e4e;
}
header .header-meus-pedidos .whatsapp-button a:hover span {
  background: #4e4e4e;
}
header .header-meus-pedidos .whatsapp-button a span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #8fb435;
  border-radius: 5rem;
  width: 4rem;
  height: 4rem;
  transition: all 0.3s ease-in-out;
}
header .header-meus-pedidos .whatsapp-button a span svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 20;
  transition: all 0.3s ease-in-out;
}
header .header-meus-pedidos .login-button a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  color: #4e4e4e;
  font-size: 1.2rem;
  line-height: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
header .header-meus-pedidos .login-button a:hover {
  text-decoration: none;
  color: #8fb435;
}
header .header-meus-pedidos .login-button a:hover span:first-child {
  background: #8fb435;
}
header .header-meus-pedidos .login-button a span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #8fb435;
  border-radius: 5rem;
  width: 4rem;
  height: 4rem;
  transition: all 0.3s ease-in-out;
  flex-shrink: 0;
}
header .header-meus-pedidos .login-button a span:first-child svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 20;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  width: 24px;
  height: 24px;
}
header .header-meus-pedidos .login-button a .btn-text {
  white-space: nowrap;
}

.results {
  position: absolute;
  top: 100%;
  background: #fafafa;
  border-radius: 10px;
  left: 0;
  padding: 2rem;
  z-index: 100;
  width: 100%;
}

.results a {
  color: #006461;
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.results a:hover {
  color: #006461;
  opacity: 0.6;
}

.results span {
  font-size: 1.1rem;
  line-height: 1.3rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #7f7f7f;
  display: block;
  margin-bottom: 1rem;
}

.results .search-row {
  margin-bottom: 2rem;
}

.btnEmailSucesso {
  background-color: green !important;
}

.pre-footer {
  width: 100% !important;
  max-width: none !important;
  padding: 2.5rem 10rem;
  border-radius: 0 !important;
  margin: auto;
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
}
.pre-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
@media (max-width: 1024px) {
  .pre-footer {
    padding: 2rem 3rem;
  }
}
@media (max-width: 640px) {
  .pre-footer {
    padding: 1.8rem 2rem;
  }
}
.pre-footer .pre-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .pre-footer .pre-footer-container {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .pre-footer .pre-footer-container {
    align-items: flex-start;
  }
}
.pre-footer .pre-footer-container .pre-footer-title {
  font-size: 2.4rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .pre-footer .pre-footer-container .pre-footer-title {
    margin-bottom: 2rem;
    font-size: 2.1rem;
  }
}
@media (max-width: 640px) {
  .pre-footer .pre-footer-container .pre-footer-title {
    font-size: 1.8rem;
  }
}
.pre-footer .pre-footer-container .pre-footer-title .pre-footer-subtitle {
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: none;
  margin-top: 0.5rem;
  opacity: 0.9;
}
.pre-footer .pre-footer-container .pre-footer-infos {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .pre-footer .pre-footer-container .pre-footer-infos {
    width: 100%;
  }
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  flex: 1;
  width: 40rem;
  overflow: hidden;
}
@media (max-width: 1350px) {
  .pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav {
    width: 28rem;
  }
}
@media (max-width: 1024px) {
  .pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav {
    width: auto;
    flex: 1;
    gap: 8rem;
  }
}
@media (max-width: 640px) {
  .pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav {
    display: none;
  }
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav a {
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 1.2rem !important;
  color: #fff !important;
  transition: all 0.3s ease !important;
  padding: 0.4rem 0 !important;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav a:hover {
  color: #8fb435 !important;
  transform: translateX(5px) !important;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav a:hover svg path {
  fill: #8fb435 !important;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav a svg {
  flex-shrink: 0;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav a svg path {
  transition: fill 0.3s ease;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav a.line-through {
  position: relative;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav a.line-through::after {
  content: "";
  position: absolute;
  left: calc(100% + 2rem);
  width: 1000px;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background: #9d9d9d;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form {
  width: 48rem;
  padding-left: 2.5rem;
  border-left: 1px solid #9d9d9d;
}
@media (max-width: 1350px) {
  .pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form {
    width: 35rem;
  }
}
@media (max-width: 640px) {
  .pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form {
    width: 100%;
    padding-left: 2rem;
  }
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form label {
  display: block;
  font-weight: 500;
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  margin-left: 2rem;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form input {
  background: #404040;
  padding: 0 2rem;
  height: 4rem;
  outline: 1px solid #fff;
  border-radius: 5px;
  border: none;
  width: 100%;
  font-size: 1.2rem;
  color: #fff;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form textarea {
  background: #404040;
  padding: 1rem 2rem;
  height: 8rem;
  outline: 1px solid #fff;
  border-radius: 5px;
  border: none;
  resize: none;
  width: 100%;
  font-size: 1.2rem;
  color: #fff;
  display: block;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form button {
  width: 7rem !important;
  height: 8rem !important;
  background: #8fb435 !important;
  border-radius: 5px !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form button:hover {
  background: #7a9b2e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(143, 180, 53, 0.3) !important;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form button:active {
  transform: translateY(0) !important;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form .pre-footer-form-textarea {
  display: flex;
  align-items: end;
  gap: 1rem;
  width: 100%;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form form .pre-footer-form-textarea .pre-footer-form-textarea-holder {
  flex: 1;
}

footer {
  padding: 2rem 10rem 1.2rem !important;
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  max-width: none !important;
  margin: auto;
  border-radius: 0 !important;
  border-top: 3px solid #8fb435 !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.3);
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(143, 180, 53, 0.6), transparent);
  animation: shimmer 3s ease-in-out infinite;
}
@keyframes shimmer {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@media (max-width: 1024px) {
  footer {
    padding: 1.8rem 3rem 1rem !important;
  }
}
@media (max-width: 640px) {
  footer {
    padding: 1.5rem 2rem 0.8rem !important;
  }
}
footer .footer-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem !important;
}
@media (max-width: 1024px) {
  footer .footer-container {
    gap: 1.5rem !important;
  }
}
@media (max-width: 640px) {
  footer .footer-container {
    gap: 1.2rem !important;
  }
}
footer .footer-container .footer-sitemap .footer-sitemap-eyebrow {
  text-transform: uppercase !important;
  font-size: 1.4rem !important;
  color: #8fb435 !important;
  font-weight: 700 !important;
  margin-bottom: 1.3rem !important;
  display: block !important;
  letter-spacing: 1px !important;
  position: relative;
  padding-bottom: 0.5rem;
}
footer .footer-container .footer-sitemap .footer-sitemap-eyebrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3rem;
  height: 2px;
  background: #8fb435;
  border-radius: 2px;
}
footer .footer-container .footer-sitemap nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 2.5rem 4rem;
  max-width: 100%;
}
@media (max-width: 1024px) {
  footer .footer-container .footer-sitemap nav {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 2rem 3rem;
  }
}
@media (max-width: 640px) {
  footer .footer-container .footer-sitemap nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 2rem;
  }
}
footer .footer-container .footer-sitemap nav ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
footer .footer-container .footer-sitemap nav ul li {
  list-style: none;
}
footer .footer-container .footer-sitemap nav ul li span {
  text-transform: uppercase;
  font-size: 1.35rem;
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 0.7rem;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}
footer .footer-container .footer-sitemap nav ul li a {
  font-size: 1.3rem !important;
  color: #d0d0d0 !important;
  display: block !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 0.35rem 0.6rem !important;
  margin-left: -0.6rem;
  position: relative;
  line-height: 1.5;
  border-radius: 3px;
}
footer .footer-container .footer-sitemap nav ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 2px;
  background: #8fb435;
  transition: width 0.3s ease;
  border-radius: 2px;
}
footer .footer-container .footer-sitemap nav ul li a:hover {
  color: #8fb435 !important;
  background: rgba(143, 180, 53, 0.1) !important;
  padding-left: 1rem !important;
  transform: translateX(3px);
}
footer .footer-container .footer-sitemap nav ul li a:hover::before {
  width: 0.5rem;
}
footer .footer-container .footer-sitemap nav ul li a:active {
  transform: translateX(1px);
}
footer .footer-container .footer-sitemap nav ul li svg {
  display: none;
}
footer .footer-container .footer-copyright {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 2rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  margin-top: 0.5rem;
  position: relative;
}
footer .footer-container .footer-copyright::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(143, 180, 53, 0.4), transparent);
}
@media (max-width: 1024px) {
  footer .footer-container .footer-copyright {
    gap: 1.5rem;
  }
}
@media (max-width: 640px) {
  footer .footer-container .footer-copyright {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    padding-top: 1.2rem;
  }
}
footer .footer-container .footer-copyright .footer-copyright-text p {
  margin: 0 !important;
  font-size: 1.15rem !important;
  line-height: 1.6rem !important;
  color: #b0b0b0 !important;
  transition: all 0.3s ease;
}
footer .footer-container .footer-copyright .footer-copyright-text p:first-child {
  margin-bottom: 0.3rem !important;
  color: #d0d0d0 !important;
  font-weight: 600;
  font-size: 1.2rem !important;
}
footer .footer-container .footer-copyright .footer-copyright-text p:hover {
  color: #fff !important;
  transform: translateX(2px);
}
footer .footer-container .footer-copyright .footer-copyright-infos {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 1024px) {
  footer .footer-container .footer-copyright .footer-copyright-infos {
    gap: 2rem;
  }
}
@media (max-width: 640px) {
  footer .footer-container .footer-copyright .footer-copyright-infos {
    width: 100%;
    justify-content: space-between;
    gap: 1.5rem;
  }
  footer .footer-container .footer-copyright .footer-copyright-infos svg {
    max-width: 11rem;
  }
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul {
  display: flex;
  gap: 1.2rem;
  padding: 0;
  margin: 0;
}
@media (max-width: 640px) {
  footer .footer-container .footer-copyright .footer-copyright-infos nav ul {
    gap: 0.8rem;
  }
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul li {
  list-style: none;
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 640px) {
  footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a {
    width: 32px !important;
    height: 32px !important;
  }
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a:hover {
  background: #8fb435 !important;
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 4px 16px rgba(143, 180, 53, 0.4) !important;
  border-color: #8fb435 !important;
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a:hover svg path {
  fill: #fff !important;
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a:active {
  transform: translateY(-1px) scale(1.02) !important;
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a svg {
  width: 18px;
  height: 18px;
}
@media (max-width: 640px) {
  footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a svg {
    width: 16px;
    height: 16px;
  }
}
footer .footer-container .footer-copyright .footer-copyright-infos nav ul li a svg path {
  transition: fill 0.3s ease;
}
footer .footer-container .footer-copyright .footer-copyright-infos > div a {
  display: block;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: brightness(0.9);
}
footer .footer-container .footer-copyright .footer-copyright-infos > div a:hover {
  opacity: 1;
  transform: translateY(-2px);
  filter: brightness(1.1);
}

.banner-interna {
  height: 30rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .banner-interna {
    height: 20rem;
  }
}
.banner-interna h1 {
  background: rgba(255, 255, 255, 0.6);
  padding: 3rem 6rem;
  border-radius: 0 100px 100px 0;
  font-size: 5rem;
  text-transform: uppercase;
  font-family: "museo_sans700", sans-serif;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 1024px) {
  .banner-interna h1 {
    padding: 2rem 3rem 2rem 1rem;
    border-radius: 0 100px 100px 0;
    font-size: 2rem;
  }
  .banner-interna h1 svg {
    width: 40px;
  }
}
.banner-interna .banner-interna-layer {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 1;
}
.banner-interna video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  pointer-events: none;
}
.banner-interna .specialist {
  position: absolute;
  right: 0;
  background: #00b94e;
  border-radius: 100px 0 0 100px;
  height: 14rem;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25rem;
  text-align: center;
  z-index: 2;
  gap: 6px;
  text-decoration: none;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 820px) {
  .banner-interna .specialist {
    display: none;
  }
}
.banner-interna .specialist .specialist-text {
  display: block;
  color: #fff;
  font-size: 2rem;
  font-family: "museo_sans700", sans-serif;
}
.banner-interna .specialist .specialist-button {
  font-family: "museo_sans900", sans-serif;
  color: #00b94e;
  background: #fff;
  padding: 0.5rem 1.6rem;
  height: 5rem;
  display: block;
  font-weight: 800;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 20px;
}

.termos-container {
  padding: 0 10px;
  height: 5rem;
  margin-top: 0.5rem;
}
@media (max-width: 1024px) {
  .termos-container {
    display: none;
  }
}

.termos {
  display: flex;
  align-items: center;
  max-width: 180rem;
  margin: auto;
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: 5rem;
}
.termos .open-termos, .termos .close-termos {
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  border: none;
  background: none;
  z-index: 10;
  cursor: pointer;
}
.termos .close-termos {
  display: none;
}
.termos.active {
  background: #fafafa;
  border-radius: 10px;
  height: 22rem;
  align-items: flex-start;
}
.termos.active .open-termos {
  display: none;
}
.termos.active .close-termos {
  display: block;
}
.termos .termos-label {
  width: 19rem;
  text-align: center;
}
@media (max-width: 1280px) {
  .termos .termos-label {
    width: 14rem;
  }
}
@media (max-width: 1180px) {
  .termos .termos-label {
    display: none;
  }
}
.termos .termos-label span {
  font-size: 1.1rem;
  line-height: 1.3rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #7f7f7f;
  display: flex;
  height: 5rem;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1280px) {
  .termos .termos-label span {
    font-size: 0.9rem;
    line-height: 1.1rem;
    letter-spacing: 0;
  }
}
.termos nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: 5rem;
  align-items: flex-start;
  border-radius: 1rem;
  width: 100%;
  gap: 20px;
  padding: 1rem 6rem 1rem 2rem;
  text-align: left;
}
.termos nav div {
  position: relative;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.termos nav div::after {
  content: "/";
  position: absolute;
  color: #ccc;
  left: calc(100% + 0.5rem);
  top: 1rem;
  font-size: 1.2rem;
}
.termos nav div a {
  color: #006461;
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-decoration: none;
}

.menu-container {
  padding: 0 10px;
  margin-top: 0;
}

.menu {
  display: flex;
  align-items: center;
  max-width: 180rem;
  margin: auto;
  position: relative;
  z-index: 10;
}
@media (max-width: 1024px) {
  .menu {
    display: none;
  }
}
.menu .menu-label {
  width: 19rem;
  text-align: center;
}
@media (max-width: 1280px) {
  .menu .menu-label {
    width: 14rem;
  }
}
@media (max-width: 1180px) {
  .menu .menu-label {
    display: none;
  }
}
.menu .menu-label span {
  font-size: 1.1rem;
  line-height: 1.3rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #7f7f7f;
  display: inline-block;
}
@media (max-width: 1280px) {
  .menu .menu-label span {
    font-size: 0.9rem;
    line-height: 1.1rem;
    letter-spacing: 0;
  }
}
.menu nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  border-radius: 1rem;
  width: 100%;
  gap: 0;
}
.menu nav div {
  position: relative;
}
.menu nav div:first-child > a {
  border-radius: 1rem 0 0 1rem;
}
.menu nav div:last-child > a {
  border-radius: 0 1rem 1rem 0;
}
.menu nav div:hover .nav-dropdown {
  display: block;
}
.menu nav div .nav-dropdown {
  border-left: 0.3rem solid #ccc;
  display: flex;
  flex-direction: column;
  width: 22rem;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}
.menu nav div .nav-dropdown::before {
  content: "";
  width: 3px;
  height: 5rem;
  position: absolute;
  bottom: 100%;
  left: -3px;
}
.menu nav div .nav-dropdown.border-quimicos::before {
  background: #7C1E57;
  z-index: 60;
}
.menu nav div .nav-dropdown.border-higiene-pessoal::before {
  background: #3a9e41;
}
.menu nav div .nav-dropdown.border-equipamentos-e-acessorios::before {
  background: #25b0b3;
}
.menu nav div .nav-dropdown.border-panos-e-naotecidos::before {
  background: #faa933;
}
.menu nav div .nav-dropdown.border-maquinas::before {
  background: #5d5d5d;
}
.menu nav div .nav-dropdown.border-gerenciamento-de-residuos::before {
  background: #6d4a2a;
}
.menu nav div .nav-dropdown.border-tapetes-e-barreiras-de-contencao::before {
  background: #487569;
}
.menu nav div .nav-dropdown.border-descartaveis::before {
  background: #0072aa;
}
.menu nav div .nav-dropdown li {
  display: flex;
  align-items: center;
  list-style: none;
}
.menu nav div .nav-dropdown li:last-child {
  border: none;
}
.menu nav div .nav-dropdown li a {
  text-decoration: none;
  height: auto;
  display: flex;
  font-size: 1.2rem;
  justify-content: flex-start;
  padding: 1rem 0;
  padding-left: 1rem;
  border: none;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  gap: 0.5rem;
  background: none;
}
.menu nav div .nav-dropdown li a:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
}
.menu nav a {
  display: flex;
  align-self: stretch;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  background: #ccc;
  flex: 1;
  text-decoration: none;
  height: 5rem;
  position: relative;
  padding: 1rem;
}
@media (max-width: 1600px) {
  .menu nav a {
    gap: 1rem;
  }
}
@media (max-width: 1280px) {
  .menu nav a {
    gap: 0.5rem;
  }
}
@media (max-width: 1180px) {
  .menu nav a .menu-icon {
    display: none;
  }
}
.menu nav a .menu-icon svg {
  max-height: 3rem;
  max-width: 3.5rem;
  height: auto;
  width: auto;
}
@media (max-width: 1600px) {
  .menu nav a .menu-icon svg {
    max-height: 2rem;
    max-width: 2.5rem;
  }
}
.menu nav a span {
  font-size: 1.1rem;
  line-height: 1.3rem;
  display: inline-block;
  text-transform: uppercase;
  font-family: "museo_sans900", sans-serif;
  font-weight: bold;
  color: #000;
  max-width: 11.5rem;
}
@media (max-width: 1480px) {
  .menu nav a span {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.filter-products {
  position: absolute;
  top: 0;
  right: 0;
  background: #2d8b8e;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem 0 0 1rem;
}

.filter-icon {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 1rem;
}

.filter-product-subcategory {
  padding: 1rem 1.5rem;
  position: absolute;
  width: 17.5rem;
  z-index: 10;
  top: 0;
  left: 4rem;
  background: #fff;
  border: 1px solid #2d8b8e;
  border-radius: 0 1rem 1rem 0;
  display: none;
}
@media (max-width: 768px) {
  .filter-product-subcategory {
    left: -180px !important;
  }
}

.header-product-subcategory {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.header-product-subcategory p {
  margin: 0;
  color: #000;
  font-size: 1.1rem;
  line-height: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.header-product-subcategory svg {
  cursor: pointer;
}

.content-product-subcategory .content-box-subcategory:last-child {
  margin-bottom: 0;
}

.content-box-subcategory {
  margin-bottom: 1.5rem;
}

.content-box-subcategory span {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #2d8b8e;
  display: block;
  margin-bottom: 1rem;
}

.content-box-subcategory div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.content-box-subcategory div label {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #414141;
  font-weight: 500;
}

.menu-mobile {
  display: none;
}
@media (min-width: 1025px) {
  .menu-mobile {
    display: none !important;
  }
}
.menu-mobile .menu-mobile-footer-login {
  padding: 1.5rem 2rem 2rem;
  border-top: 2px solid #e0e0e0;
  background: #f8f8f8;
}
.menu-mobile .menu-mobile-footer-login .btn-login-mobile-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  padding: 1rem 1.5rem;
  background: #8fb435;
  color: #ffffff;
  text-decoration: none;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 6px rgba(143, 180, 53, 0.3);
}
.menu-mobile .menu-mobile-footer-login .btn-login-mobile-footer svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #ffffff;
}
.menu-mobile .menu-mobile-footer-login .btn-login-mobile-footer span {
  display: block;
}
.menu-mobile .menu-mobile-footer-login .btn-login-mobile-footer:hover {
  background: #4e4e4e;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(78, 78, 78, 0.4);
  text-decoration: none;
  color: #ffffff;
}
.menu-mobile .menu-mobile-footer-login .btn-login-mobile-footer:active {
  transform: translateY(0);
}
.menu-mobile nav .menu-mobile-item {
  border-bottom: 2px solid #ccc;
}
.menu-mobile nav .menu-mobile-item a {
  display: flex;
  color: #7f7f7f;
  padding: 1.5rem 2rem;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
  font-weight: 600;
  align-items: center;
  justify-content: space-between;
}
.menu-mobile nav .menu-mobile-item.active .list-dropdown, .menu-mobile nav .menu-mobile-item.active > .list-dropdown-menu {
  display: block;
}
.menu-mobile nav .menu-mobile-item .list-dropdown {
  display: none;
}
.menu-mobile nav .menu-mobile-item .list-dropdown li a {
  display: flex;
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5rem;
  background: #ccc;
  flex: 1;
  text-decoration: none;
  height: 5rem;
  position: relative;
  padding: 1rem 2rem;
}
@media (max-width: 1024px) {
  .menu-mobile nav .menu-mobile-item .list-dropdown li a {
    justify-content: space-between;
  }
}
.menu-mobile nav .menu-mobile-item .list-dropdown li a .menu-icon {
  width: 4rem;
  text-align: center;
}
.menu-mobile nav .menu-mobile-item .list-dropdown li a .menu-icon svg {
  max-height: 3rem;
  max-width: 3.5rem;
  height: auto;
  width: auto;
}
.menu-mobile nav .menu-mobile-item .list-dropdown li a .menu-label {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-mobile nav .menu-mobile-item .list-dropdown li a .menu-label span {
  font-size: 1.1rem;
  line-height: 1.3rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
}
.menu-mobile nav .menu-mobile-item .list-dropdown li.active .list-dropdown-menu {
  display: block;
}
.menu-mobile nav .menu-mobile-item .list-dropdown li .list-dropdown-menu a {
  padding: 0 75px;
  height: 35px;
}
.menu-mobile nav .menu-mobile-item .list-dropdown li .list-dropdown-menu a.item-segmento {
  padding: 0 20px;
  height: 65px;
  background: #f1f1f1;
}
.menu-mobile nav .menu-mobile-item .list-dropdown-menu {
  display: none;
}
.menu-mobile nav .menu-mobile-item .list-dropdown-menu a {
  text-transform: none;
  font-weight: 300;
  padding: 0 20px;
  height: 35px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #f1f1f1;
}
.menu-mobile nav .menu-mobile-item .list-dropdown-menu a .list-dropdown-menu-thumb {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 30px;
}
.menu-mobile nav .menu-mobile-item .list-dropdown-menu a .list-dropdown-menu-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.state--menu-mobile .menu-mobile {
  display: block;
}

.area-home-blog {
  padding: 8rem 0;
  background: #fff;
}
@media (max-width: 821px) {
  .area-home-blog {
    padding: 3rem 0;
  }
}
.area-home-blog .container {
  max-width: 175rem;
}
.area-home-blog .blog-notice-home {
  display: grid;
  grid-template-columns: 40rem auto;
  gap: 5rem;
  border: 1px solid #9d9d9d;
  border-radius: 1rem;
  overflow: hidden;
  padding-right: 10rem;
}
@media (max-width: 821px) {
  .area-home-blog .blog-notice-home {
    grid-template-columns: 1fr;
    gap: 0;
    padding-right: 0;
  }
}
.area-home-blog .blog-notice-home .blog-home-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.area-home-blog .blog-notice-home .blog-home-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area-home-blog .blog-notice-home .notice-home-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.5rem;
  padding: 3rem 0;
}
@media (max-width: 821px) {
  .area-home-blog .blog-notice-home .notice-home-content {
    padding: 3rem 1rem;
    gap: 2rem;
  }
}
.area-home-blog .blog-notice-home .notice-home-content .notice-home-title h4 {
  font-size: 2.5rem;
  line-height: 3.3rem;
  color: #8fb435;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 821px) {
  .area-home-blog .blog-notice-home .notice-home-content .notice-home-title h4 {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}
.area-home-blog .blog-notice-home .notice-home-content .notice-home-description {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 821px) {
  .area-home-blog .blog-notice-home .notice-home-content .notice-home-description {
    gap: 2rem;
  }
}
.area-home-blog .blog-notice-home .notice-home-content .notice-home-description p {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
}
.area-home-blog .blog-notice-home .notice-home-content .notice-home-description p:last-child {
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.area-home-blog .blog-notice-home .notice-home-content .leia-mais {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #006461;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.area-home-blog .blog-notice-home .notice-home-content .leia-mais:hover {
  text-decoration: none;
  opacity: 1;
  color: #8fb435;
}

.grid-blog-home {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 4rem;
  max-width: 120rem;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .grid-blog-home {
    grid-template-columns: 1fr;
    grid-gap: 4rem;
  }
}
.grid-blog-home .box-blog-title {
  display: block;
  color: #006461;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.grid-blog-home .box-blog-thumb {
  width: 100%;
  height: 10rem;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2rem;
}
.grid-blog-home .box-blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-blog-home .box-blog-description {
  color: #000;
  font-size: 1.4rem;
}
.grid-blog-home .box-blog-link {
  background: #8fb435;
  display: inline-flex;
  height: 5rem;
  padding: 0 3rem;
  border-radius: 8px;
  color: #fff;
  align-items: center;
  font-size: 1.2rem;
  line-height: 2rem;
  text-decoration: none;
  text-transform: none;
}
.grid-blog-home .box-blog-options {
  display: flex;
}

.breadcrumbs ul {
  display: flex;
  gap: 2.5rem;
}
@media (max-width: 1024px) {
  .breadcrumbs ul {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}
.breadcrumbs ul li {
  list-style: none;
  position: relative;
  padding-right: 1rem;
}
.breadcrumbs ul li::after {
  content: ">";
  position: absolute;
  top: 5px;
  left: 100%;
  font-size: 1rem;
}
.breadcrumbs ul li:last-child::after {
  display: none;
}
.breadcrumbs ul li a {
  text-decoration: none;
  color: #231f20;
  text-transform: uppercase;
  font-size: 1.1rem;
}
.breadcrumbs ul li a[aria-current=page] {
  font-size: 1.4rem;
  font-weight: 700;
}

.home-banners-grid .home-banners-grid-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 5rem;
  width: 100%;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container {
    padding: 0 1rem;
  }
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container {
    padding: 0 1rem;
  }
}
.home-banners-grid .home-banners-grid-container img {
  width: 100%;
}
.home-banners-grid .home-banners-grid-container .banners-grid {
  display: flex;
  margin-bottom: 10rem;
  justify-content: space-between;
  width: 100%;
  gap: 3rem;
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container .banners-grid {
    flex-direction: column;
    width: 100%;
    gap: 5rem;
    margin-bottom: 7rem;
  }
}
.home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 {
    justify-content: none;
    gap: 4rem;
  }
}
.home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3rem;
}
@media (min-width: 1025px) and (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row {
    gap: 2rem;
  }
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row {
    flex-direction: column;
  }
}
.home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row .banner-01 {
  position: relative;
  flex: 1;
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row .banner-01 {
    margin-bottom: 5rem;
  }
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row .banner-01 img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row .banner-02 {
  position: relative;
  flex: 1;
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row .banner-02 {
    margin-bottom: 5rem;
  }
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-row .banner-02 img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-full .banner-03 {
  position: relative;
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-01 .banners-grid-01-full .banner-03 img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-02 .banner-04 {
  position: relative;
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container .banners-grid .banners-grid-02 .banner-04 img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banners-actions {
  display: flex;
  gap: 1rem;
  margin-bottom: 6rem;
  width: 100%;
  justify-content: space-between;
  max-width: 120rem;
}
.home-banners-grid .home-banners-grid-container .banners-actions div {
  flex: 1;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-actions {
    margin-bottom: 4rem;
  }
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container .banners-actions {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 4rem;
  }
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-actions img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banners-portals {
  display: flex;
  gap: 1rem;
  margin-bottom: 10rem;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-portals {
    margin-bottom: 8rem;
  }
}
@media (max-width: 820px) {
  .home-banners-grid .home-banners-grid-container .banners-portals {
    flex-direction: column;
    gap: 5rem;
    margin-bottom: 7rem;
  }
}
.home-banners-grid .home-banners-grid-container .banners-portals .banner-portal-01 {
  position: relative;
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-portals .banner-portal-01 img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banners-portals .banner-portal-02 {
  position: relative;
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banners-portals .banner-portal-02 img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banner-sustainability {
  margin-bottom: 10rem;
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banner-sustainability {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banner-sustainability img {
    width: 100%;
  }
}
.home-banners-grid .home-banners-grid-container .banner-institutional {
  max-width: 120rem;
  margin: 0 auto;
}
.home-banners-grid .home-banners-grid-container .banner-institutional img {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banner-institutional img {
    width: 100%;
  }
}

.whatsapp-floater {
  position: fixed;
  right: 20px;
  bottom: 149px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 10000;
}
.whatsapp-floater a {
  width: 60px;
  height: 60px;
  position: unset;
  margin-top: 5px;
  background-size: 25px;
}
.whatsapp-floater .close-modal-whatsapp {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-decoration: none;
  border-radius: 50%;
  border: 1px solid #fff;
  font-family: Open Sans, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.whatsapp-floater .close-modal-whatsapp:hover {
  background-color: #fff;
  color: #265c54;
}
.whatsapp-floater-form {
  background-color: #ECE5DD;
  border-radius: 10px;
  width: 375px;
  margin-right: 20px;
  display: none;
  position: relative;
}
.whatsapp-floater-form:before {
  background: url(../images/whatsapp-floater/modal-whatsapp-pattern.png) center no-repeat;
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
}
.whatsapp-floater-form.is-active {
  display: block;
}
.whatsapp-floater-form h2 {
  box-sizing: border-box;
  width: 100%;
  background-color: #265c54;
  padding: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #e5e5e5;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  margin: 0;
  line-height: normal;
}
.whatsapp-floater-form form {
  display: block;
  position: relative;
  text-align: left;
  margin: 20px;
}
.whatsapp-floater-form form input {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%;
  background: #FFF;
  border: 1px solid #ABB0B2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.whatsapp-floater-form form select {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%;
  background: #FFF;
  border: 1px solid #ABB0B2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.whatsapp-floater-form form button {
  background-color: rgb(83, 164, 81);
  border-bottom-style: none;
  border-color: #000000;
  border-left-style: none;
  border-radius: 5px;
  border-right-style: none;
  border-top-style: none;
  border-width: 0px;
  color: #FFFFFF;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: 48px;
  justify-content: center;
  line-height: 1.42857;
  margin-bottom: 20px;
  margin-top: 9px;
  max-width: 438px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  text-align: center;
  align-items: center;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  margin-bottom: 20px;
}
.whatsapp-floater-form form button:disabled {
  background-color: #ABB0B2;
}
.whatsapp-floater-result {
  padding: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: bold;
  color: #f92e41;
  display: none;
}
.whatsapp-floater-result.is-active {
  display: block;
}
.whatsapp-floater .whatsapp_floater {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  background-color: #25d366;
  bottom: 86px;
  cursor: pointer;
  position: fixed;
  right: 20px;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.whatsapp-floater .whatsapp_floater.active {
  bottom: 140px;
}
.whatsapp-floater .whatsapp_floater:hover {
  -webkit-box-shadow: 0 1px 10 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 10 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 10 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 10 rgba(0, 0, 0, 0.2);
}
.whatsapp-floater .whatsapp_floater.is-chat-open {
  bottom: 530px;
}
.whatsapp-floater .whatsapp_floater img {
  width: 25px;
}
@media (max-width: 576px) {
  .whatsapp-floater {
    right: 5px;
  }
  .whatsapp-floater-form {
    margin: 0 5px;
  }
}
@media (max-width: 375px) {
  .whatsapp-floater {
    right: 0px;
  }
  .whatsapp-floater-form {
    margin: 0;
    padding: 0 5px;
  }
}

.has-whatsapp-floater .rdstation-popup,
.has-whatsapp-floater .rdstation-popup-position-bottom_right,
.has-whatsapp-floater [id*=rdstation]:not([id*=whatsapp-floater]):not([id*=formulario-fale-conosco]),
.has-whatsapp-floater [class*=rdstation]:not(.whatsapp-floater):not(.whatsapp_floater):not([id*=formulario-fale-conosco]),
.has-whatsapp-floater [class*=rd-floating_button] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#formulario-fale-conosco-8607622b88160647449b, [id*=formulario-fale-conosco],
#formulario-fale-conosco-8607622b88160647449b *, [id*=formulario-fale-conosco] * {
  background: none !important;
  background-color: transparent !important;
}

#formulario-fale-conosco-8607622b88160647449b, #formulario-fale-conosco-8607622b88160647449b *, [id*=formulario-fale-conosco], [id*=formulario-fale-conosco] * {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#formulario-fale-conosco-8607622b88160647449b style, [id*=formulario-fale-conosco] style,
#formulario-fale-conosco-8607622b88160647449b script, [id*=formulario-fale-conosco] script {
  display: none !important;
}

#formulario-fale-conosco-8607622b88160647449b label, [id*=formulario-fale-conosco] label {
  font-weight: 600 !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  margin-bottom: 0.8rem !important;
}

#formulario-fale-conosco-8607622b88160647449b input, #formulario-fale-conosco-8607622b88160647449b textarea,
[id*=formulario-fale-conosco] input, [id*=formulario-fale-conosco] textarea {
  background: #2a2a2a !important;
  padding: 0 2rem !important;
  height: 4.5rem !important;
  outline: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  border: none !important;
  width: 100% !important;
  font-size: 1.2rem !important;
  color: #fff !important;
  transition: outline 0.3s ease !important;
}
#formulario-fale-conosco-8607622b88160647449b input::placeholder, #formulario-fale-conosco-8607622b88160647449b textarea::placeholder,
[id*=formulario-fale-conosco] input::placeholder, [id*=formulario-fale-conosco] textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
#formulario-fale-conosco-8607622b88160647449b input:hover, #formulario-fale-conosco-8607622b88160647449b textarea:hover,
[id*=formulario-fale-conosco] input:hover, [id*=formulario-fale-conosco] textarea:hover {
  outline-color: rgba(255, 255, 255, 0.5) !important;
}
#formulario-fale-conosco-8607622b88160647449b input:focus, #formulario-fale-conosco-8607622b88160647449b textarea:focus,
[id*=formulario-fale-conosco] input:focus, [id*=formulario-fale-conosco] textarea:focus {
  outline: 2px solid #8fb435 !important;
  background: #333333 !important;
}

#formulario-fale-conosco-8607622b88160647449b textarea, [id*=formulario-fale-conosco] textarea {
  padding: 1.2rem 2rem !important;
  min-height: 10rem !important;
  resize: vertical !important;
}

#formulario-fale-conosco-8607622b88160647449b button, #formulario-fale-conosco-8607622b88160647449b input[type=submit],
[id*=formulario-fale-conosco] button, [id*=formulario-fale-conosco] input[type=submit] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 5rem !important;
  background: #8fb435 !important;
  border-radius: 8px !important;
  color: #fff !important;
  border: none !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-top: 1rem !important;
}
#formulario-fale-conosco-8607622b88160647449b button:hover, #formulario-fale-conosco-8607622b88160647449b input[type=submit]:hover,
[id*=formulario-fale-conosco] button:hover, [id*=formulario-fale-conosco] input[type=submit]:hover {
  background: #7a9b2e !important;
  transform: translateY(-2px) !important;
}

#formulario-fale-conosco-8607622b88160647449b p:last-child, [id*=formulario-fale-conosco] p:last-child {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.9rem !important;
  margin-top: 1rem !important;
  text-align: center !important;
}

@media (max-width: 768px) {
  #formulario-fale-conosco-8607622b88160647449b .rd-form-row, [id*=formulario-fale-conosco] .rd-form-row {
    flex-direction: column !important;
  }
}
#formulario-fale-conosco-8607622b88160647449b .phone-input-group, [id*=formulario-fale-conosco] .phone-input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 0 !important;
  position: relative !important;
  margin-bottom: 1rem !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country, [id*=formulario-fale-conosco] .select2-container.phone-country {
  display: flex !important;
  width: auto !important;
  max-width: 11rem !important;
  flex-shrink: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-choice, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-choice {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1f1f1f !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px 0 0 8px !important;
  height: 4.5rem !important;
  width: 100% !important;
  padding: 0 1rem !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
  outline: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-sizing: border-box !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-choice:hover, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-choice:hover {
  background: #2a2a2a !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-choice:focus, #formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-choice:active, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-choice:focus, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-choice:active {
  outline: 2px solid #8fb435 !important;
  background: #333333 !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-choice *, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-choice * {
  pointer-events: none !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-chosen, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-chosen {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  flex: 1 !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-chosen img.flag, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-chosen img.flag {
  width: 3rem !important;
  height: auto !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  border-radius: 2px !important;
  display: block !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country .select2-arrow, [id*=formulario-fale-conosco] .select2-container.phone-country .select2-arrow {
  display: none !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container.phone-country.select2-dropdown-open .select2-choice, [id*=formulario-fale-conosco] .select2-container.phone-country.select2-dropdown-open .select2-choice {
  outline: 2px solid #8fb435 !important;
  background: #333333 !important;
}
#formulario-fale-conosco-8607622b88160647449b .form-control.phone-country[data-type=countries],
#formulario-fale-conosco-8607622b88160647449b .country-field,
#formulario-fale-conosco-8607622b88160647449b .select2-focusser,
#formulario-fale-conosco-8607622b88160647449b .select2-offscreen,
#formulario-fale-conosco-8607622b88160647449b label.select2-offscreen,
#formulario-fale-conosco-8607622b88160647449b .select2-search-choice-close,
#formulario-fale-conosco-8607622b88160647449b .select2-drop:not(.select2-drop-active),
#formulario-fale-conosco-8607622b88160647449b .select2-drop.select2-display-none,
#formulario-fale-conosco-8607622b88160647449b .phone-input-group ~ .select2-drop:not(.select2-drop-active),
#formulario-fale-conosco-8607622b88160647449b .select2-drop-mask,
#formulario-fale-conosco-8607622b88160647449b body > .select2-drop:not(.select2-drop-active), [id*=formulario-fale-conosco] .form-control.phone-country[data-type=countries],
[id*=formulario-fale-conosco] .country-field,
[id*=formulario-fale-conosco] .select2-focusser,
[id*=formulario-fale-conosco] .select2-offscreen,
[id*=formulario-fale-conosco] label.select2-offscreen,
[id*=formulario-fale-conosco] .select2-search-choice-close,
[id*=formulario-fale-conosco] .select2-drop:not(.select2-drop-active),
[id*=formulario-fale-conosco] .select2-drop.select2-display-none,
[id*=formulario-fale-conosco] .phone-input-group ~ .select2-drop:not(.select2-drop-active),
[id*=formulario-fale-conosco] .select2-drop-mask,
[id*=formulario-fale-conosco] body > .select2-drop:not(.select2-drop-active) {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-container .select2-drop, [id*=formulario-fale-conosco] .select2-container .select2-drop {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 10000 !important;
}
#formulario-fale-conosco-8607622b88160647449b .phone-input-group input[type=tel].js-phone, [id*=formulario-fale-conosco] .phone-input-group input[type=tel].js-phone {
  flex: 1 !important;
  border-radius: 0 8px 8px 0 !important;
  margin-bottom: 0 !important;
  padding-left: 2rem !important;
  border-left: none !important;
  outline-width: 1px !important;
  outline-offset: 0 !important;
}
#formulario-fale-conosco-8607622b88160647449b .phone-input-group input[type=tel].js-phone:focus, [id*=formulario-fale-conosco] .phone-input-group input[type=tel].js-phone:focus {
  outline: 2px solid #8fb435 !important;
  border-left: none !important;
}
#formulario-fale-conosco-8607622b88160647449b .phone-input-group input[type=tel].js-phone:hover, [id*=formulario-fale-conosco] .phone-input-group input[type=tel].js-phone:hover {
  outline-color: rgba(255, 255, 255, 0.5) !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown {
  background: #1f1f1f !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  margin-top: 0.5rem !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-search, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-search {
  padding: 0.8rem !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-search input, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-search input {
  background: #2a2a2a !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 6px !important;
  color: #fff !important;
  padding: 1rem !important;
  font-size: 1.2rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-search input::placeholder, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-search input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-search input:focus, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-search input:focus {
  outline: 2px solid #8fb435 !important;
  background: #333333 !important;
  border-color: #8fb435 !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-results, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-results {
  max-height: 250px !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-results li, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-results li {
  padding: 1rem 1.2rem !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-results li:hover, #formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-results li.select2-highlighted, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-results li:hover, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-results li.select2-highlighted {
  background: #2a2a2a !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-results li.select2-selected, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-results li.select2-selected {
  background: #8fb435 !important;
}
#formulario-fale-conosco-8607622b88160647449b .select2-drop.phone-select2-dropdown .select2-results li img.flag, [id*=formulario-fale-conosco] .select2-drop.phone-select2-dropdown .select2-results li img.flag {
  width: 2.4rem !important;
  margin-right: 1rem !important;
}

.whatsapp_bubble {
  position: absolute;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  right: 100%;
  margin-right: 10px;
  background: #fff;
  width: 140px;
  /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #47a988;
  padding-top: 6px;
  padding-left: 10px;
  border-radius: 5px;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
  -moz-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
  -ms-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
  -o-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
  opacity: 1;
  filter: alpha(opacity=0);
  right: 50%;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.whatsapp_bubble.active {
  opacity: 1;
  filter: alpha(opacity=100);
  right: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.whatsapp_bubble:before {
  content: "";
  display: block;
  position: absolute;
  right: -5px;
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.box-product {
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .box-product {
    background: #f1f1f1;
  }
}
.box-product:hover .product-name button {
  opacity: 1;
}
.box-product.video-open .product-play-video {
  background: #006461;
}
.box-product.video-open .product-play-video svg {
  fill: #fff;
}
.box-product.video-open .play-video {
  display: flex;
}
.box-product a {
  text-decoration: none;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.box-product a:hover {
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
@media (max-width: 1024px) {
  .box-product a {
    padding: 1rem;
  }
}
.box-product .play-video {
  position: absolute;
  top: 3rem;
  left: calc(100% - 3rem);
  z-index: 50;
  background: #006461;
  width: 16rem;
  padding: 0.5rem 1rem 1rem;
  border-radius: 0 2rem 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: none;
}
@media (max-width: 1024px) {
  .box-product .play-video {
    top: 0;
    left: 0;
    width: 100%;
  }
}
.box-product .play-video .play-video-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3rem;
}
.box-product .play-video .play-video-header p {
  font-size: 1.1rem;
  line-height: 1.4rem;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}
.box-product .play-video .video-thumb {
  position: relative;
}
.box-product .play-video .video-thumb a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.box-product .play-video .video-thumb a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.box-product .play-video .video-thumb .button-play-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
  cursor: pointer;
}
.box-product .adicional-icons {
  position: absolute;
  top: 3rem;
  right: 3rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  z-index: 20;
}
@media (max-width: 1024px) {
  .box-product .adicional-icons {
    top: 0;
    left: 0;
  }
}
.box-product .adicional-icons span .estrela-icon {
  cursor: pointer;
}
.box-product .adicional-icons .product-play-video {
  position: relative;
  cursor: pointer;
  padding: 9px;
  border-radius: 20px 0 0 20px;
}
.box-product .adicional-icons .product-play-video svg {
  display: block;
}
.box-product .adicional-icons .product-play-video .play-video-content {
  cursor: pointer;
}
.box-product .adicional-icons .product-play-video .play-video-content.active-icon {
  fill: white;
  background: #006461;
}
.box-product .box-img {
  width: 100%;
  height: 20rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin-bottom: 1rem;
  position: relative;
}
@media (max-width: 1024px) {
  .box-product .box-img {
    height: 10rem;
  }
}
.box-product .box-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box-product .box-img .tag-inovacao-lista {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 6rem;
  height: 3.4rem;
}
.box-product .box-product-description {
  flex: 1;
}
.box-product .product-name {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
.box-product .product-name button {
  border: none;
  background: #8fb435;
  display: inline-flex;
  height: 5rem;
  padding: 0 3rem;
  border-radius: 8px;
  color: #fff;
  align-items: center;
  font-size: 1.2rem;
  line-height: 2rem;
  text-decoration: none;
  text-transform: none;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .box-product .product-name button {
    display: none;
  }
}
.box-product .product-name span {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000;
  font-weight: 500;
  font-style: italic;
}
.box-product .product-name p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0f8286;
  font-weight: 700;
  padding: 0 1.5rem;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .box-product .product-name p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 0;
  }
}

.product-play-video.submenu-active {
  padding: 0.5rem 0.8rem;
  background: #006461;
  border-radius: 2rem 0 0 2rem;
}

.product-play-video.submenu-active::after {
  content: "";
  width: 2rem;
  height: 3.4rem;
  background: #006461;
  position: absolute;
  top: 0;
  right: -15px;
}

.close-menu-produtos {
  stroke: #fff;
  cursor: pointer;
}

.estrela-icon.active-star #SVGRepo_iconCarrier path {
  fill: #ffc107 !important;
}

.fancybox-slide--iframe .fancybox-content {
  width: 800px;
  height: 600px;
  max-width: 80%;
  max-height: 80%;
  margin: 0;
}

.products-list-area {
  padding: 8rem 0;
  background: #fff;
}
.products-list-area .area-swiper-products-list .box-products-list {
  margin-bottom: 3rem;
}

.products-list-area {
  min-width: 0;
}
@media (max-width: 820px) {
  .products-list-area .style-n0 {
    padding-left: 5rem;
  }
}
.products-list-area .swiper-produtos-first {
  width: 100%;
  margin-bottom: 3rem;
}
.products-list-area .swiper-produtos-second .buttons-swipers-produtos-second .swiper-produtos-second-prev {
  left: 10px;
  position: absolute;
  top: 50%;
  margin: auto;
  z-index: 30;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.products-list-area .swiper-produtos-second .buttons-swipers-produtos-second .swiper-produtos-second-next {
  right: 0;
  position: absolute;
  top: 50%;
  margin: auto;
  z-index: 30;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.swiper-produtos-prev {
  left: 0px;
  position: absolute;
  margin: auto;
  z-index: 30;
  cursor: pointer;
  height: 100%;
  top: 0;
  width: 30px;
  display: flex;
  align-items: center;
}

.swiper-produtos-next {
  right: 0;
  position: absolute;
  margin: auto;
  z-index: 30;
  cursor: pointer;
  height: 100%;
  top: 0;
  width: 30px;
  display: flex;
  align-items: center;
}

.area-swiper-produtos {
  margin: 0 auto;
  max-width: 149rem;
  padding: 4rem 0 0;
}
@media (max-width: 1024px) {
  .area-swiper-produtos {
    padding: 4rem 0 0;
  }
}
.area-swiper-produtos .products-subtitle {
  padding-left: 4rem;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .area-swiper-produtos .products-subtitle {
    padding-left: 2rem;
  }
}
@media (max-width: 820px) {
  .area-swiper-produtos .products-subtitle {
    padding-left: 1.5rem;
  }
}
.area-swiper-produtos .products-subtitle span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #2d8b8e;
  font-weight: 600;
  text-transform: uppercase;
}
.area-swiper-produtos .area-produtos {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .area-swiper-produtos .area-produtos {
    max-width: 100vw;
    margin-bottom: 0;
  }
  .area-swiper-produtos .area-produtos .swiper-produtos-prev, .area-swiper-produtos .area-produtos .swiper-produtos-next {
    display: none;
  }
  .area-swiper-produtos .area-produtos .swiper-container {
    overflow: visible;
  }
}
.area-swiper-produtos .area-produtos-slider {
  padding: 0.5rem;
  min-width: 0;
  width: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  .area-swiper-produtos .area-produtos-slider {
    padding: 10px !important;
  }
}
.area-swiper-produtos .area-produtos-slider .swiper-container {
  padding: 0 4rem;
}
.area-swiper-produtos .area-produtos-slider .buttons-swipers-produtos .swiper-produtos-prev {
  left: 30px;
  position: absolute;
  top: 50%;
  margin: auto;
  z-index: 30;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 60px;
}
.area-swiper-produtos .area-produtos-slider .buttons-swipers-produtos .swiper-produtos-next {
  right: -70px;
  position: absolute;
  top: 50%;
  margin: auto;
  z-index: 30;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 60px;
}

.area-tabs {
  margin-top: 4rem;
  padding: 4rem;
}

.area-tabs-mobile {
  display: none;
}

.tabs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.tab {
  flex: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  padding: 1rem;
}

.tab span {
  font-weight: bold;
  font-size: 2rem;
}

.tab.active {
  background: #fff;
}

.tab:last-child {
  border: none;
}

.tab-content {
  display: none;
  background: #fff;
  padding: 6rem;
  border-radius: 0 0 20px 20px;
  color: #666;
}

.tab-content.active {
  display: block;
}

@media (max-width: 1024px) {
  .area-tabs {
    padding: 2rem;
    display: none;
  }
  .area-tabs-mobile {
    padding: 2rem;
    display: block;
  }
  .tabs {
    flex-direction: column;
  }
  .tab, .tab:last-child {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    min-height: 3rem;
    margin-bottom: 1rem;
  }
  .tab.active {
    border-radius: 10px 10px 0 0;
    border: none;
    margin-bottom: 0;
  }
  .tab span {
    font-size: 1.4rem;
  }
  .tab-content {
    padding: 2rem;
    margin-bottom: 1rem;
  }
}
.product-info-container {
  display: flex;
  width: 100%;
  position: relative;
}
.product-info-container .produto-caracteristicas {
  font-weight: bold;
  font-size: 1.6rem;
}
@media (max-width: 1480px) {
  .product-info-container {
    flex-direction: column;
  }
}
.product-info-container .product-info-left {
  display: flex;
  width: 100%;
}
@media (max-width: 820px) {
  .product-info-container .product-info-left {
    flex-direction: column;
  }
}
.product-info-container .product-info-left .product-info-image {
  width: 50rem;
  max-height: 50rem;
  background: #fff;
}
@media (max-width: 820px) {
  .product-info-container .product-info-left .product-info-image {
    width: 100%;
    min-height: 30rem;
  }
}
@media (min-width: 821px) and (max-width: 1480px) {
  .product-info-container .product-info-left .product-info-image {
    width: 40rem;
    max-height: 40rem;
  }
}
.product-info-container .product-info-left .product-info-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 820px) {
  .product-info-container .product-info-left .product-info-image img {
    max-width: 600px;
    max-height: 400px;
  }
}
@media (max-width: 600px) {
  .product-info-container .product-info-left .product-info-image img {
    max-width: 400px;
    max-height: 400px;
  }
}
.product-info-container .product-info-left .product-info-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 5rem;
}
@media (max-width: 1480px) {
  .product-info-container .product-info-left .product-info-content {
    padding: 2rem;
  }
}
.product-info-container .product-info-left .product-info-content .meus-pedidos-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25rem;
  height: 5.7rem;
  background-color: #fff;
  padding: 2rem 2.5rem;
  border-radius: 1rem;
  outline: 1px solid #003670;
}
.product-info-container .product-info-left .product-info-content .meus-pedidos-button span {
  font-size: 1rem;
  text-align: center;
  color: #003670;
  font-weight: 700;
  margin-right: 1.5rem;
}
.product-info-container .product-info-left .product-info-content .meus-pedidos-button img {
  width: 10.6rem;
  height: 3.7rem;
}
.product-info-container .product-info-menu {
  padding: 5rem;
  background-color: rgba(255, 255, 255, 0.4);
  max-width: 35rem;
}
@media (max-width: 1480px) {
  .product-info-container .product-info-menu {
    max-width: 100%;
    padding: 2rem;
  }
}
.product-info-container .product-info-menu .product-info-menu-title {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .product-info-container .product-info-menu .product-info-menu-title {
    display: none;
  }
}
.product-info-container .product-info-menu .product-info-menu-title svg {
  margin-right: 1rem;
}
.product-info-container .product-info-menu .product-info-menu-options ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 4rem;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .product-info-container .product-info-menu .product-info-menu-options ul {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.product-info-container .product-info-menu .product-info-menu-options ul li {
  list-style: none;
  border-bottom: 1px solid #cecece;
  padding-bottom: 2rem;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .product-info-container .product-info-menu .product-info-menu-options ul li {
    border-bottom: none;
  }
}
.product-info-container .product-info-menu .product-info-menu-options ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.product-info-container .product-info-menu .product-info-menu-options ul li a svg {
  margin-right: 1rem;
  min-width: 3rem;
}
.product-info-container .product-info-menu .product-info-menu-options ul li a span {
  font-size: 1.5rem;
  color: #000;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .product-info-container .product-info-menu .product-info-menu-options .product-tags {
    display: flex;
    gap: 1rem;
    align-items: center;
  }
}
.product-info-container .product-info-menu .product-info-menu-options .product-tags .product-tags-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 821px) and (max-width: 1480px) {
  .product-info-container .product-info-menu .product-info-menu-options .product-tags .product-tags-title {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }
}
.product-info-container .product-info-menu .product-info-menu-options .product-tags .product-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.product-info-container .product-info-menu .product-info-menu-options .product-tags .product-tags-list small {
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  padding: 0.5rem 1rem;
  color: #fff;
  background-color: #599b99;
  border-radius: 5rem;
}
.product-info-container .product-info-menu .product-info-menu-options .section-shadow {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 56rem;
}
@media (max-width: 820px) {
  .product-info-container .product-info-menu .product-info-menu-options .section-shadow {
    display: none;
  }
}

.product-sidebar-container {
  position: relative;
}
.product-sidebar-container .style-n0 {
  padding-right: 3rem;
}

.product-sidebar {
  width: 31rem;
  background: #eef6f6;
  position: relative;
  padding: 3rem 1.5rem;
}
.product-sidebar.active {
  z-index: 22;
}
.product-sidebar .toggle-sidebar {
  position: absolute;
  top: 1rem;
  left: 100%;
  width: 5rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 40px 40px 0;
  display: none;
}
.product-sidebar .toggle-sidebar svg {
  width: 3rem;
}
.product-sidebar .product-categories ul {
  margin-bottom: 3.5rem;
}
.product-sidebar .product-categories ul li {
  list-style: none;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.product-sidebar .product-categories ul li.active {
  background: rgba(255, 255, 255, 0.6);
}
.product-sidebar .product-categories ul li a {
  font-size: 1.3rem;
  color: #000000;
  text-decoration: none;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .product-sidebar {
    position: absolute;
    top: 0;
    left: -31rem;
    z-index: 10;
    transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .product-sidebar.active {
    left: 0;
  }
  .product-sidebar .toggle-sidebar {
    display: flex;
  }
}

.area-sidebar {
  position: relative;
}

.sidebar {
  width: 100%;
  max-width: 27rem;
  position: absolute;
  left: 2rem;
  top: calc(100% + 0.5rem);
  z-index: 3;
  border: 1px solid #ebebeb;
  border-radius: 1rem 0 0 1rem;
  padding: 1.5rem 0.7rem 0 0.7rem;
  background: #fff;
  height: auto;
}
@media (max-width: 1024px) {
  .sidebar {
    display: none;
  }
}
.sidebar .sidebar-content {
  max-height: 60vh;
  overflow: hidden;
}
.sidebar.closed {
  border-radius: 1rem 1rem 0 0;
  height: 4.5rem !important;
}
.sidebar.closed ul {
  display: none;
}
.sidebar .sidebar-title {
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.sidebar .sidebar-title p {
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: var(--color-dark);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 2rem;
  margin-bottom: 0;
  opacity: 0.5;
}
.sidebar ul {
  list-style: none;
}
.sidebar ul li {
  border-bottom: 1px solid #ebebeb;
  padding: 0.5rem 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.sidebar ul li:hover {
  background: #f2f2f2;
}
.sidebar ul li:hover a {
  opacity: 1;
  text-decoration: none;
}
.sidebar ul li a {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: var(--color-dark);
  font-weight: 600;
  padding-left: 2rem;
  text-decoration: none;
}
.sidebar .more-infos {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 821px) {
  .sidebar {
    display: none;
  }
}

.area-submenu-child {
  position: relative;
}

.submenu-child {
  position: absolute;
  z-index: 3;
  background-color: #f9f9f9;
  width: 100%;
  max-width: 20rem;
  top: -10px;
  left: calc(29rem - 1px);
  border: 1px solid #ebebeb;
  height: calc(100% + 2rem);
  overflow: hidden;
  height: 579px;
}
.submenu-child .submenu-child-content {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.submenu-child .submenu-child-content .swiper-submenu {
  height: 100%;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide {
  width: 100% !important;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  cursor: pointer;
  position: relative;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide:hover {
  background: none;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide:hover a {
  opacity: 1;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide .loader {
  position: absolute;
  height: 100%;
  width: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.1s cubic-bezier(0.075, 0.82, 0.165, 0.03);
  z-index: 1;
  display: block;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 1rem;
  gap: 5px;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide a small {
  color: black;
  font-size: 9.6px;
  line-height: 1.6rem;
  font-weight: 600;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide a .submenu-imgs {
  display: flex;
  align-items: center;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide a .submenu-imgs svg {
  margin-left: 1rem;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide a .submenu-imgs .submenu-thumb {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
}
.submenu-child .submenu-child-content .swiper-submenu .swiper-slide a .submenu-imgs .submenu-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.submenu-child .submenu-child-content ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style: none;
}
.submenu-child .submenu-child-content ul li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  cursor: pointer;
  position: relative;
}
.submenu-child .submenu-child-content ul li:hover {
  background: none;
}
.submenu-child .submenu-child-content ul li:hover a {
  opacity: 1;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.submenu-child .submenu-child-content ul li .loader {
  position: absolute;
  height: 100%;
  width: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.1s cubic-bezier(0.075, 0.82, 0.165, 0.03);
  z-index: 1;
  display: block;
}
.submenu-child .submenu-child-content ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 1rem 1.5rem 1rem 2.5rem;
}
.submenu-child .submenu-child-content ul li a small {
  color: black;
}
.submenu-child .submenu-child-content ul li a .submenu-imgs {
  display: flex;
  align-items: center;
}
.submenu-child .submenu-child-content ul li a .submenu-imgs svg {
  margin-left: 1rem;
}
.submenu-child .submenu-child-content ul li a .submenu-imgs .submenu-thumb {
  display: contents;
}

.menu-segmentos {
  width: calc(100% - 51rem);
  background: #e8e8e8;
  padding: 2rem 3rem 4rem 3rem;
  border-radius: 0 1rem 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: absolute;
  top: -10px;
  left: calc(49rem - 1px);
  z-index: 50;
  min-height: calc(100% + 2rem);
}
@media (max-width: 1024px) {
  .menu-segmentos {
    display: none !important;
  }
}
.menu-segmentos .loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.menu-segmentos span {
  display: block;
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: #747474;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 2rem;
}

.menu-segmentos-links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 3rem;
  height: 100%;
}
@media (max-width: 1480px) {
  .menu-segmentos-links {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1280px) {
  .menu-segmentos-links {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.menu-segmentos-links .segmento-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
@media (min-width: 1481px) {
  .menu-segmentos-links .segmento-list:nth-child(7n) .list-submenu-box-white {
    right: 100%;
    left: inherit;
  }
}
@media (max-width: 1480px) {
  .menu-segmentos-links .segmento-list:nth-child(5n) .list-submenu-box-white {
    right: 100%;
    left: inherit;
  }
}
@media (max-width: 1280px) {
  .menu-segmentos-links .segmento-list:nth-child(3n) .list-submenu-box-white {
    right: 100%;
    left: inherit;
  }
}

.menu-segmentos-links .segmento-list div ul {
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 5px;
  display: flex;
  flex-direction: column;
}

.menu-segmentos-links .segmento-list div ul li {
  padding: 0;
  border: none;
  position: relative;
}

.menu-segmentos-links .segmento-list div ul li a:hover {
  opacity: 1;
}

.menu-segmentos-links .segmento-list div strong {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #000;
  font-weight: 600;
  margin-bottom: 1rem;
}

.menu-segmentos-links .segmento-list div ul li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.8rem;
  color: #000;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  padding: 0;
}

.menu-segmentos-links .segmento-list div ul li a {
  color: #000;
  text-decoration: none;
}

.menu-segmentos-links .segmento-list div ul li svg {
  opacity: 0.3;
}

.menu-segmentos-links .segmento-list div ul li:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.1);
}
.menu-segmentos-links .segmento-list div ul li:hover .list-submenu-box-white {
  display: flex;
}

.list-submenu-box {
  position: relative;
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.list-submenu-box-white {
  position: absolute;
  top: 0;
  left: 100%;
  width: 27rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5rem;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 0 6px 6px 0;
  z-index: 10;
  transform: translateY(-50%);
  display: none;
}

.list-submenu-box:hover .list-submenu-box-white {
  display: flex;
}

.list-submenu-box-white p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.3rem;
  color: #7f7f7f;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  width: 100%;
}

.number-products-search {
  text-align: right;
}

.list-submenu-box-white .box-white-line {
  width: 100%;
  display: grid;
  grid-template-columns: 0.7fr 0.3fr;
}

.list-submenu-box-white .box-white-line div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.list-submenu-box-white .box-white-line div svg {
  width: 3rem;
  height: 3rem;
}

.number-products-search {
  text-transform: inherit !important;
  letter-spacing: 0 !important;
  font-style: italic;
  font-weight: 500 !important;
}

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  outline: 0;
}

:root {
  --color-light: #ffffff;
  --color-dark: #000000;
  --title-32: 3.2rem;
  --text-16: 1.6rem;
  --font-museo-sans: "museo_sans500", sans-serif;
}

html {
  font-size: 62.5%;
}

body {
  font-family: var(--font-museo-sans);
  font-size: var(--text-16);
  background: var(--color-light);
  margin: 0;
  padding: 0;
}
@media (max-width: 1024px) {
  body {
    overflow-y: scroll;
  }
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.scroll-container {
  padding-top: 18rem;
}

input, textarea {
  outline: 0;
}

figure {
  margin: 0;
}

.webapp {
  overflow: hidden;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

@media (max-width: 1024px) {
  [asscroll-container] > div {
    padding-top: 10rem;
  }
}

a {
  text-decoration: underline;
  color: var(--color-light);
  transition: all 0.3s ease-in-out;
}
a:hover {
  color: var(--color-light);
  opacity: 0.6;
}

.container {
  max-width: 180rem;
  padding: 0 1rem;
  margin: 0 auto;
}

.providers {
  position: fixed;
  bottom: 9rem;
  right: 2rem;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.has-whatsapp-floater .providers {
  bottom: 2rem !important;
}

.providers a {
  display: inline-flex;
  width: 6rem;
  height: 6rem;
  background: #02685a;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.loading {
  display: flex;
  justify-content: center;
  color: #ababab;
}
.loading svg {
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.color-quimicos, .color-produtos-quimicos {
  color: #7C1E57 !important;
}

.bg-full-quimicos, .bg-full-produtos-quimicos {
  background: #7C1E57 !important;
}

.bg-quimicos, .bg-produtos-quimicos {
  background-color: #ede0e7 !important;
}

.border-quimicos, .border-produtos-quimicos {
  border-color: #7C1E57 !important;
}

.color-higiene-pessoal {
  color: #3a9e41 !important;
}

.bg-full-higiene-pessoal {
  background: #3a9e41 !important;
}

.bg-higiene-pessoal {
  background-color: #e2f1e3 !important;
}

.border-higiene-pessoal {
  border-color: #3a9e41 !important;
}

.color-equipamentos-e-acessorios {
  color: #25b0b3 !important;
}

.bg-full-equipamentos-e-acessorios {
  background: #25b0b3 !important;
}

.bg-equipamentos-e-acessorios {
  background-color: #dff3f4 !important;
}

.border-equipamentos-e-acessorios {
  border-color: #25b0b3 !important;
}

.color-panos-e-naotecidos, .color-nao-tecidos {
  color: #faa933 !important;
}

.bg-full-panos-e-naotecidos, .bg-full-nao-tecidos {
  background: #faa933 !important;
}

.bg-panos-e-naotecidos, .bg-nao-tecidos {
  background-color: #fef2e1 !important;
}

.border-panos-e-naotecidos, .border-nao-tecidos {
  border-color: #faa933 !important;
}

.color-maquinas {
  color: #5d5d5d !important;
}

.bg-full-maquinas {
  background: #5d5d5d !important;
}

.bg-maquinas {
  background-color: #e7e7e7 !important;
}

.border-maquinas {
  border-color: #5d5d5d !important;
}

.color-gerenciamento-de-residuos {
  color: #6d4a2a !important;
}

.bg-full-gerenciamento-de-residuos {
  background: #6d4a2a !important;
}

.bg-gerenciamento-de-residuos {
  background-color: #e9e4df !important;
}

.border-gerenciamento-de-residuos {
  border-color: #6d4a2a !important;
}

.color-tapetes-e-barreiras-de-contencao, .color-tapetes-e-barreiras-de-contencao {
  color: #487569 !important;
}

.bg-full-tapetes-e-barreiras-de-contencao, .bg-full-tapetes-e-barreiras-de-contencao {
  background: #487569 !important;
}

.bg-tapetes-e-barreiras-de-contencao, .bg-tapetes-e-barreiras-de-contencao {
  background-color: #e1eaeb !important;
}

.border-tapetes-e-barreiras-de-contencao, .border-tapetes-e-barreiras-de-contencao {
  border-color: #487569 !important;
}

.color-tapetes-e-barreira-de-contencao, .color-tapetes-e-barreira-de-contencao {
  color: #487569 !important;
}

.bg-full-tapetes-e-barreira-de-contencao, .bg-full-tapetes-e-barreira-de-contencao {
  background: #487569 !important;
}

.bg-tapetes-e-barreira-de-contencao, .bg-tapetes-e-barreira-de-contencao {
  background-color: #e1eaeb !important;
}

.border-tapetes-e-barreira-de-contencao, .border-tapetes-e-barreira-de-contencao {
  border-color: #487569 !important;
}

.color-descartaveis, .color-descartaveis-e-afins {
  color: #0072aa !important;
}

.bg-full-descartaveis, .bg-full-descartaveis-e-afins {
  background: #0072aa !important;
}

.bg-descartaveis, .bg-descartaveis-e-afins {
  background-color: #d9eaf2 !important;
}

.border-descartaveis, .border-descartaveis-e-afins {
  border-color: #0072aa !important;
}

.style-h3 {
  color: #231f20;
  opacity: 0.5;
  margin-bottom: 4rem;
  font-size: 2rem;
  letter-spacing: 0.75rem;
  font-family: "museo_sans300", sans-serif;
}
@media (max-width: 820px) {
  .style-h3 {
    font-size: 1.75rem;
  }
}

.style-n0 {
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-family: "museo_sans700", sans-serif;
  color: #0f8286;
  margin-bottom: 3rem;
  display: block;
}

.style-n1 {
  font-size: 1.7rem;
  line-height: 2.3rem;
  font-family: "museo_sans700", sans-serif;
  color: #0f8286;
  margin-bottom: 2rem;
  display: block;
}

h6 {
  font-size: var(--title-32);
  color: var(--color-dark);
  line-height: 3.2rem;
}

p {
  font-size: var(--text-16);
  line-height: 2.6rem;
  color: var(--color-light);
  margin-bottom: 3rem;
}

.product-style small {
  font-size: 1rem;
  color: #888888;
  font-style: italic;
  margin-bottom: 1rem;
}
.product-style h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #0f8286;
  font-weight: 700;
  margin-bottom: 3rem;
}
@media (min-width: 821px) and (max-width: 1024px) {
  .product-style h2 {
    margin-bottom: 1rem;
  }
}
.product-style p {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #575757;
}
@media (min-width: 821px) and (max-width: 1024px) {
  .product-style p {
    margin-bottom: 1rem;
  }
}

.style-h1 {
  font-size: 3.2rem;
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
  margin-top: 0;
}
@media (max-width: 820px) {
  .style-h1 {
    font-size: 2.4rem;
  }
}

.style-h2 {
  font-size: 2.4rem;
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
@media (max-width: 820px) {
  .style-h2 {
    font-size: 2rem;
  }
}
.style-h2 strong {
  font-family: "museo_sans900", sans-serif;
}

.style-h4 {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.style-head {
  color: #000;
  font-size: 34px;
  font-family: "museo_sans300", sans-serif;
  position: relative;
  padding-top: 30px;
  display: block;
}
@media (max-width: 820px) {
  .style-head {
    font-size: 2rem;
  }
}
.style-head::after {
  content: "";
  width: 55px;
  height: 15px;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.style-head strong {
  font-family: "museo_sans900", sans-serif;
  color: #76b82a;
}

.style-slin {
  font-family: "museo_sans300", sans-serif;
}

.style-bold {
  font-family: "museo_sans900", sans-serif;
}

.style-white {
  color: #fff;
}

.style-gradient {
  background: linear-gradient(0.25turn, #00675e, 10%, #76b82a);
  background: -webkit-linear-gradient(0.25turn, #00675e, 10%, #76b82a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.style-allia {
  color: #8b1d5a;
}

.style-p-26 p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #4d4d4d;
  font-family: "museo_sans300", sans-serif;
  margin-bottom: 4rem;
}
@media (max-width: 820px) {
  .style-p-26 p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 2rem;
  }
}
.style-p-26 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.style-p-26 ul li {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #4d4d4d;
  font-family: "museo_sans300", sans-serif;
  margin-bottom: 0.1rem;
}
@media (max-width: 820px) {
  .style-p-26 ul li {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.style-p-26 ul li span {
  color: #71bf44;
}

.tag-button {
  position: absolute;
  display: flex;
  align-items: center;
  right: 2rem;
  border: 1px solid #cecece;
  border-radius: 0 0 1rem 1rem;
  padding: 0.75rem;
  top: calc(100% - 5px);
  text-decoration: none;
  border-top: none;
  z-index: 1;
}
@media (max-width: 820px) {
  .tag-button {
    right: none;
  }
}
.tag-button span {
  color: #000;
  margin-right: 0.5rem;
  font-weight: bold;
  font-size: smaller;
}
.tag-button.tag-button-blue span {
  color: #1a253a;
}
.tag-button.tag-button-blue {
  color: #1a253a;
}
.tag-button.tag-button-olive span {
  color: #6b713a;
}
.tag-button.tag-button-olive {
  color: #6b713a;
}
.tag-button.tag-button-green span {
  color: #157b34;
}
.tag-button.tag-button-green {
  color: #157b34;
}
.tag-button.tag-button-light-green span {
  color: #16716f;
}
.tag-button.tag-button-light-green {
  color: #16716f;
}
.tag-button.tag-button-ocean span {
  color: #0c468b;
}
.tag-button.tag-button-ocean {
  color: #0c468b;
}

/* Display */
.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

/* Text */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

/* Responsive */
@media (max-width: 1350px) {
  .hidden-notebook {
    display: none;
  }
}
@media (max-width: 1280px) {
  .hidden-netbook {
    display: none;
  }
}
.area-banner {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.area-banner .container {
  position: relative;
}
.area-banner .sidebar {
  top: -1rem;
  height: calc(100% + 2rem);
}
.area-banner .sidebar .sidebar-content {
  max-height: 100%;
}
@media (max-width: 1024px) {
  .area-banner {
    margin-top: 2rem;
  }
}
.area-banner .swiper-banner {
  height: 60vh;
  min-height: 500px;
  position: relative;
}
@media (max-width: 821px) {
  .area-banner .swiper-banner {
    height: 20vh;
    min-height: auto;
  }
}
.area-banner .swiper-banner .swiper-slide {
  border-radius: 1rem !important;
  overflow: hidden;
  will-change: transform;
  transform: translateZ(0);
}
.area-banner .swiper-banner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.area-banner .swiper-banner .swiper-slide-active {
  border-radius: 1rem !important;
}
.area-banner .swiper-banner .swiper-wrapper .swiper-slide {
  border-radius: 1rem !important;
}
.area-banner .swiper-banner .banner-swiper-buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.swiper-button-prev {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 30;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .swiper-button-prev {
    left: 10px;
  }
}

.swiper-fix-acoes-prev {
  right: -10px;
}

.swiper-fix-acoes-next {
  right: -110px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  display: none;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  display: none;
}

#institucional img {
  max-width: 100%;
}

#institucional .container,
.section-institucional-header .container,
.section-nossa-historia .container,
.section-quem-somos .container,
.section-o-que-fazemos .container,
.section-como-fazemos .container,
.section-segmentos-atendidos .container,
.section-centros-de-distribuicao-e-lojas .container,
.section-portfolio .container,
.section-grupo-copapel .container,
.section-sustentabilidade .container,
.section-relatorios-de-sustentabilidade .container,
.section-allia .container {
  max-width: 150rem;
}

.section-institucional-header {
  padding-bottom: 10rem;
  position: relative;
}
@media (max-width: 820px) {
  .section-institucional-header {
    margin-top: 2rem;
    padding-bottom: 3rem;
  }
}
.section-institucional-header .white-gradient {
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.section-institucional-header .section-institucional-headder-intro {
  text-align: center;
  padding: 8rem 0;
}
@media (max-width: 820px) {
  .section-institucional-header .section-institucional-headder-intro {
    padding: 3rem 0;
  }
}
.section-institucional-header .section-institucional-headder-intro img {
  max-width: 90% !important;
  width: 45rem;
}
@media (max-width: 820px) {
  .section-institucional-header .section-institucional-headder-intro img {
    max-width: 80% !important;
  }
}
.section-institucional-header .section-institucional-headder-intro p {
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 400;
  font-family: "museo_sans300", sans-serif;
  margin-bottom: 0;
}
@media (max-width: 820px) {
  .section-institucional-header .section-institucional-headder-intro p {
    font-size: 2rem;
    line-height: 2rem;
  }
  .section-institucional-header .section-institucional-headder-intro p:last-child {
    margin-bottom: 0;
  }
}
.section-institucional-header .section-institucional-headder-intro p strong {
  font-family: "museo_sans700", sans-serif;
}

@media (max-width: 820px) {
  .section-nossa-historia {
    padding: 3rem 0;
  }
}
.section-nossa-historia .section-nossa-historia-videos {
  text-align: right;
  position: relative;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos {
    text-align: left;
  }
}
.section-nossa-historia .section-nossa-historia-videos > span {
  display: block;
  font-size: 3.2rem;
  font-family: "museo_sans700", sans-serif;
  color: #006f67;
  margin-bottom: 3rem;
  text-align: center;
  position: relative;
  padding-bottom: 1.5rem;
}
.section-nossa-historia .section-nossa-historia-videos > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #76b82a 0%, #5d9e24 100%);
  border-radius: 2px;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos > span {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: right;
  margin-top: 4rem;
  gap: 2.5rem;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos .videos-copapel {
    margin-bottom: 3rem;
    gap: 2rem;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel > div {
  pointer-events: none;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel > div > a {
  pointer-events: auto;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video {
  margin-bottom: 3rem;
  cursor: pointer;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  background: #fff;
  display: block;
  text-decoration: none;
  color: inherit;
  z-index: 1;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos .videos-copapel .video {
    margin-bottom: 2rem;
    border-radius: 15px;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video:hover figure::before {
  opacity: 1;
  transform: scale(1.1);
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video:hover figure::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video:hover span {
  color: #76b82a;
  transform: translateY(-2px);
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 20px 20px 0 0;
  pointer-events: none;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos .videos-copapel .video figure {
    border-radius: 15px 15px 0 0;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(118, 184, 42, 0.3) 0%, rgba(0, 111, 103, 0.3) 100%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
  pointer-events: none;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2376b82a'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat 55% 50%;
  background-size: 40% 40%;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 3;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos .videos-copapel .video figure::after {
    width: 60px;
    height: 60px;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video figure img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
  pointer-events: none;
  user-select: none;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video:hover figure img {
  transform: scale(1.1);
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  pointer-events: none;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel div span {
  display: block;
  width: 100%;
  text-align: center;
  font-family: "museo_sans700", sans-serif;
  font-size: 1.8rem;
  color: #006f67;
  text-transform: uppercase;
  margin-top: 1.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #f8fdf4 0%, #ffffff 100%);
  border-radius: 0 0 20px 20px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  position: relative;
  pointer-events: none;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos .videos-copapel div span {
    font-size: 1.5rem;
    padding: 0.8rem 1rem;
    border-radius: 0 0 15px 15px;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel div span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #76b82a, transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video:hover div span::before {
  opacity: 1;
}
.section-nossa-historia .swiper-slide {
  display: flex;
  justify-content: center;
}
.section-nossa-historia .timeline {
  margin: 8rem 0;
  position: relative;
}
@media (max-width: 820px) {
  .section-nossa-historia .timeline {
    margin: 3rem 0;
  }
}
.section-nossa-historia .timeline .bg-timeline {
  position: absolute;
  top: -20rem;
  right: 5rem;
  z-index: -1;
}
.section-nossa-historia .anos {
  width: 20rem;
}
.section-nossa-historia .anos figure {
  width: 100%;
  height: 14.3rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  border-radius: 10px;
  border: 1px solid #f1f1f1;
}
.section-nossa-historia .anos figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
}
.section-nossa-historia .anos .line {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.section-nossa-historia .anos .line::after {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 200%;
  height: 3px;
  background: #e9e9e9;
}
.section-nossa-historia .anos .line span {
  border: 1px solid transparent;
  width: 1.5rem;
  height: 1.5rem;
  background: #71bf44;
  border-radius: 50%;
  display: block;
  z-index: 10;
}
.section-nossa-historia .anos .time-description {
  text-align: center;
}
.section-nossa-historia .anos .time-description span {
  font-size: 6rem;
  color: #71bf44;
  font-weight: 300;
  display: block;
}
.section-nossa-historia .anos .time-description p {
  margin-bottom: 0;
  font-weight: 600;
  color: #006660;
  line-height: 2rem;
}

.section-quem-somos {
  padding: 5rem 0;
}
@media (max-width: 820px) {
  .section-quem-somos {
    padding-top: 0;
  }
}
.section-quem-somos .section-quem-somos-coracao {
  position: relative;
  background: #76b82a;
  padding: 4rem;
  padding-left: 36rem;
  border-radius: 40px;
  margin-top: 4rem;
}
@media (max-width: 820px) {
  .section-quem-somos .section-quem-somos-coracao {
    padding: 2rem;
    margin-top: 0;
  }
}
.section-quem-somos .section-quem-somos-coracao p, .section-quem-somos .section-quem-somos-coracao span {
  color: #fff;
  margin-bottom: 1rem;
}
.section-quem-somos .section-quem-somos-coracao span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.8rem;
}
.section-quem-somos .section-quem-somos-coracao img {
  margin-bottom: 2rem;
}
.section-quem-somos .section-quem-somos-coracao .coracao {
  position: absolute;
  top: -1rem;
  left: -8rem;
}
@media (max-width: 820px) {
  .section-quem-somos .section-quem-somos-coracao .coracao {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: -3rem;
  }
}

.section-o-que-fazemos {
  padding: 8rem 0;
  margin-top: 8rem;
  padding-bottom: 0;
}
@media (max-width: 820px) {
  .section-o-que-fazemos {
    padding: 3rem 0;
    margin-top: 0;
  }
}
.section-o-que-fazemos .section-o-que-fazemos-inner {
  display: flex;
  gap: 6rem;
}
@media (max-width: 1200px) {
  .section-o-que-fazemos .section-o-que-fazemos-inner {
    flex-direction: column;
    align-items: center;
  }
}
.section-o-que-fazemos .centro-info {
  flex: 1;
}
.section-o-que-fazemos .centro-circle {
  position: relative;
  text-align: center;
  width: 82rem;
  max-width: 100%;
}
@media (max-width: 1350px) {
  .section-o-que-fazemos .centro-circle {
    transform: scale(0.9);
    width: 70rem;
  }
}
.section-o-que-fazemos .centro-circle .plus {
  position: absolute;
  cursor: pointer;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1350px) {
  .section-o-que-fazemos .centro-circle .plus {
    transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
}
@media (max-width: 820px) {
  .section-o-que-fazemos .centro-circle .plus {
    transform: translateX(-50%) translateY(-50%) scale(0.5);
  }
}
.section-o-que-fazemos .centro-circle .plus-blue {
  top: 52%;
  left: 5%;
}
@media (max-width: 820px) {
  .section-o-que-fazemos .centro-circle .plus-blue {
    top: 70%;
    left: 10%;
  }
}
.section-o-que-fazemos .centro-circle .plus-orange {
  top: 60%;
  left: 90%;
}
@media (max-width: 820px) {
  .section-o-que-fazemos .centro-circle .plus-orange {
    top: 70%;
    left: 90%;
  }
}
.section-o-que-fazemos .centro-circle .plus-green {
  top: -10%;
  left: 60%;
}
@media (max-width: 820px) {
  .section-o-que-fazemos .centro-desktop {
    display: none;
  }
}
.section-o-que-fazemos .centro-mobile {
  display: none;
}
@media (max-width: 820px) {
  .section-o-que-fazemos .centro-mobile {
    display: block;
  }
}

@media (max-width: 820px) {
  .section-segmentos-atendidos .container {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (max-width: 820px) {
  .section-grupo-copapel {
    background: none !important;
  }
}

.section-como-fazemos {
  padding: 8rem 0;
}
@media (max-width: 820px) {
  .section-como-fazemos {
    padding: 3rem 0;
  }
}

.section-centros-de-distribuicao-e-lojas .unidades {
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0;
  position: relative;
  margin: auto;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: visible;
  display: flex;
  gap: 3rem;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades {
    padding: 0;
    margin-top: 0;
    flex-direction: column;
    gap: 2rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades > span {
  position: relative;
  z-index: 1;
}
.section-centros-de-distribuicao-e-lojas .unidades .triangulo {
  position: absolute;
  bottom: -20px !important;
  left: 14rem;
}
.section-centros-de-distribuicao-e-lojas .unidades .map-centros-de-distribuicao-e-lojas {
  position: absolute;
  top: -50px;
  right: 50px;
  filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.2));
}
@media (max-width: 1350px) {
  .section-centros-de-distribuicao-e-lojas .unidades .map-centros-de-distribuicao-e-lojas {
    position: absolute;
    top: -50px;
    right: 0px;
    width: 240px;
  }
}
@media (max-width: 1200px) {
  .section-centros-de-distribuicao-e-lojas .unidades .map-centros-de-distribuicao-e-lojas {
    display: none;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades-container {
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  top: 12rem;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades-container {
    flex: 0 0 280px;
  }
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades-container {
    position: static;
    flex: 1;
    width: 100%;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner {
  background: #76b82a;
  padding: 2rem 2rem 1.75rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner {
    padding: 1.5rem 1.5rem 1.25rem 1.5rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner .unidades-banner-title {
  font-family: "museo_sans300", sans-serif;
  font-size: 1rem;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
  font-weight: 300;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner .unidades-banner-title {
    font-size: 0.9rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner .unidades-banner-subtitle {
  font-family: "museo_sans300", sans-serif;
  font-size: 1rem;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
  font-weight: 300;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner .unidades-banner-subtitle {
    font-size: 0.9rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner .unidades-banner-subtitle strong {
  font-family: "museo_sans700", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades-container .unidades-banner .unidades-banner-subtitle strong {
    font-size: 1rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades {
  margin-top: 0;
  padding: 2rem;
  padding-top: 1.5rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades {
    padding: 1.5rem;
    padding-top: 1.25rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades:not(:last-child) {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades > div {
  margin-bottom: 0.8rem;
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades > div:last-child {
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades span {
  display: block;
  font-family: "museo_sans700", sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #1f2937;
  letter-spacing: 0.5px;
  position: relative;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades span {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades strong {
  font-family: "museo_sans600", sans-serif;
  font-size: 1.2rem;
  color: #9ca3af;
  display: block;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades strong {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades a {
  font-size: 1.4rem;
  text-transform: none;
  font-family: "museo_sans500", sans-serif;
  text-decoration: none;
  padding: 0.8rem 1.4rem;
  border-radius: 10px;
  height: auto;
  display: flex;
  align-items: center;
  color: #6b7280;
  transition: all 0.2s ease;
  position: relative;
  border: 1px solid transparent;
  background: transparent;
  margin-bottom: 0.4rem;
  cursor: pointer;
  font-weight: 500;
  width: 100%;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades a {
    font-size: 1.3rem;
    padding: 0.7rem 1.2rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades a:hover {
  background: #f9fafb;
  color: #76b82a;
  border-color: #f3f4f6;
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades a.active {
  background: linear-gradient(135deg, #76b82a 0%, #6aa526 100%);
  border-color: transparent;
  color: #ffffff;
  font-family: "museo_sans600", sans-serif;
  box-shadow: 0 2px 8px rgba(118, 184, 42, 0.25);
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades a.active:hover {
  box-shadow: 0 4px 12px rgba(118, 184, 42, 0.3);
}
.section-centros-de-distribuicao-e-lojas .unidades-container {
  flex: 1;
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  box-sizing: border-box;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container {
    width: 100%;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description {
  width: 100%;
  overflow: visible;
  position: relative;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .unidade-title {
  font-size: 3rem;
  color: #006f67;
  font-family: "museo_sans300", sans-serif;
  display: block;
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #e8f5e9;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .unidade-title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .unidade-title strong {
  color: #76b82a;
  font-family: "museo_sans900", sans-serif;
  font-size: 3.2rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .unidade-title strong {
    font-size: 2.6rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .swiper-unidades {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .swiper-unidades .swiper-wrapper {
  align-items: stretch;
  display: flex;
  width: 100%;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .swiper-unidades .swiper-slide {
  height: auto;
  display: flex;
  align-items: stretch;
  width: 100% !important;
  flex-shrink: 0;
  box-sizing: border-box;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .swiper-unidades .swiper-slide > * {
  width: 100%;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col {
  border-radius: 16px !important;
  border: 1px solid #e0e0e0 !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
  gap: 0 !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col {
    grid-template-columns: 1fr !important;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col:last-child {
  margin-bottom: 0 !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-img {
  height: 0 !important;
  min-height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  border-left: 1px solid #e0e0e0 !important;
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  order: 2;
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-img {
    display: none !important;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-img .locais-img-legenda {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.4), transparent) !important;
  padding: 1.5rem 1.5rem 1rem 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-img .locais-img-legenda .locais-legenda-cidade {
  color: #fff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  line-height: 1.2 !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-img .locais-img-legenda .locais-legenda-tipo {
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  line-height: 1.3 !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 2rem 1.75rem !important;
  position: relative !important;
  order: 1;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos {
    padding: 1.5rem 1.25rem;
    gap: 0;
    order: 1;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item {
  padding: 1.25rem 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item:not(:last-child) {
  border-bottom: 2px dashed #e5e7eb;
  margin-bottom: 1.25rem;
  padding-bottom: 1.5rem;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item:first-child {
  padding-top: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item > * {
  margin-bottom: 1.25rem;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item > *:last-child {
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item .locais-header {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.75rem !important;
  margin-bottom: 1.25rem !important;
  flex-wrap: wrap !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item .locais-header .locais-tipo {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  white-space: nowrap !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item .locais-header .locais-address {
  font-size: 1.2rem !important;
  line-height: 1.5 !important;
  color: #4b5563 !important;
  flex: 1 !important;
  min-width: 200px !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item .locais-header .locais-address strong {
  font-weight: 700 !important;
  color: #1f2937 !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item .locais-map iframe {
  height: 180px !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item .locais-horario strong {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-unidade-item .locais-horario p {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-tipo strong {
  display: block;
  font-family: "museo_sans900", sans-serif;
  color: #006f67;
  font-size: 2rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-tipo strong {
    font-size: 1.8rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address .locais-map {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address .locais-map:hover {
  border-color: #76b82a;
  box-shadow: 0 4px 15px rgba(118, 184, 42, 0.2);
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address .locais-map iframe {
  width: 100%;
  height: 100%;
  border: none;
  pointer-events: auto;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address .locais-map::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 10px;
  background: transparent;
  transition: background 0.3s ease;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address .locais-map:hover::after {
  background: rgba(118, 184, 42, 0.05);
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address .locais-address {
  font-family: "museo_sans300", sans-serif;
  font-size: 1.6rem;
  color: #555;
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-map-address .locais-address {
    font-size: 1.4rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-horario {
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-horario strong {
  display: block;
  margin-bottom: 1rem;
  font-family: "museo_sans900", sans-serif;
  color: #006f67;
  font-size: 1.8rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-horario strong {
    font-size: 1.6rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-horario p {
  font-family: "museo_sans300", sans-serif;
  font-size: 1.6rem;
  color: #555;
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidades-description .unidade .locais-sede.grid.grid-2-col .locais-infos .locais-horario p {
    font-size: 1.4rem;
  }
}

.section-portfolio {
  padding: 8rem 0;
}
@media (max-width: 820px) {
  .section-portfolio {
    padding: 3rem 0;
  }
}
.section-portfolio .section-portfolio-text {
  text-align: center;
  align-self: center;
  padding: 0 8rem;
}
@media (max-width: 1350px) {
  .section-portfolio .section-portfolio-text {
    padding: 0;
  }
}
.section-portfolio .section-portfolio-text p {
  color: #3d3d3d;
  font-size: 26px;
  line-height: 32px;
  margin: 4rem 0;
}
@media (max-width: 820px) {
  .section-portfolio .section-portfolio-text p {
    margin: 2rem 0;
  }
}
.section-portfolio .section-portfolio-text p strong {
  font-family: "museo_sans900", sans-serif;
  text-transform: uppercase;
}
.section-portfolio .section-portfolio-image {
  padding-left: 120px;
}
@media (max-width: 1350px) {
  .section-portfolio .section-portfolio-image {
    padding: 0;
  }
  .section-portfolio .section-portfolio-image img {
    margin-bottom: 0;
  }
}

.section-grupo-copapel {
  padding: 8rem 0;
}
@media (max-width: 820px) {
  .section-grupo-copapel {
    padding: 3rem 0;
  }
}
.section-grupo-copapel .grupo-copapel-timeline {
  position: relative;
  margin: 4rem 0 4rem;
  overflow: visible;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline {
    margin: 3rem 0 5rem;
    padding: 0 2rem 5rem;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-wrapper {
  align-items: stretch;
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-slide {
  height: auto;
  display: flex;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box {
  padding: 3rem 2rem 2.5rem;
  background: #fff;
  border-radius: 24px;
  border: 2px solid #e2e8f0;
  text-align: center;
  width: 100%;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box {
    padding: 2.5rem 1.5rem 2rem;
    min-height: 380px;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box:hover {
  border-color: #76b82a;
  box-shadow: 0 20px 60px rgba(118, 184, 42, 0.2);
  transform: translateY(-8px);
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .line {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 1rem;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .line::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d1d5db, transparent);
  z-index: 1;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .line span {
  width: 1.2rem;
  height: 1.2rem;
  background: linear-gradient(135deg, #76b82a 0%, #5a9621 100%);
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
  z-index: 10;
  position: relative;
  box-shadow: 0 4px 12px rgba(118, 184, 42, 0.4);
  transition: all 0.3s ease;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box:hover .line span {
  transform: scale(1.2);
  box-shadow: 0 6px 16px rgba(118, 184, 42, 0.6);
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box:hover .grupo-copapel-timeline-image {
  transform: scale(1.05);
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box:hover .grupo-copapel-timeline-image img {
  filter: grayscale(0%);
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-image {
  margin-bottom: 2rem;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-image {
    height: 90px;
    margin-bottom: 1.5rem;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(20%);
  transition: all 0.3s ease;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-year {
  color: #76b82a;
  font-size: 2.5rem;
  font-family: "museo_sans900", sans-serif;
  font-weight: 900;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.5rem;
  position: relative;
  letter-spacing: -0.5px;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-year {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-text {
  color: #00675d;
  font-size: 1.125rem;
  font-family: "museo_sans700", sans-serif;
  font-weight: 700;
  line-height: 1.6;
  display: block;
  flex: 1;
  margin-top: auto;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-text {
    font-size: 0.95rem;
    line-height: 1.5;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-text small {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.9em;
  font-weight: 400;
  color: #64748b;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-text small {
    font-size: 0.85em;
    margin-top: 0.5rem;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev,
  .section-grupo-copapel .grupo-copapel-timeline .swiper-button-next,
  .section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev,
  .section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext {
    width: 40px;
    height: 40px;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev::after,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next::after,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev::after,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext::after {
  display: none;
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev svg,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next svg,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev svg,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext svg {
  width: 20px;
  height: 20px;
  fill: #76b82a;
  transition: all 0.3s ease;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev svg,
  .section-grupo-copapel .grupo-copapel-timeline .swiper-button-next svg,
  .section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev svg,
  .section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext svg {
    width: 16px;
    height: 16px;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev:hover,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next:hover,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev:hover,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext:hover {
  background: #76b82a;
  box-shadow: 0 8px 30px rgba(118, 184, 42, 0.3);
  transform: translateY(-50%) scale(1.1);
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev:hover svg,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next:hover svg,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev:hover svg,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext:hover svg {
  fill: #fff;
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev:active,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next:active,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev:active,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext:active {
  transform: translateY(-50%) scale(0.95);
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev.swiper-button-disabled,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next.swiper-button-disabled,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev.swiper-button-disabled,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev.swiper-button-disabled:hover,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next.swiper-button-disabled:hover,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev.swiper-button-disabled:hover,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext.swiper-button-disabled:hover {
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev.swiper-button-disabled:hover svg,
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next.swiper-button-disabled:hover svg,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev.swiper-button-disabled:hover svg,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext.swiper-button-disabled:hover svg {
  fill: #76b82a;
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev {
  left: -10px;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .swiper-button-prev,
  .section-grupo-copapel .grupo-copapel-timeline .fixExpansaoPrev {
    left: -5px;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-button-next,
.section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext {
  right: -10px;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .swiper-button-next,
  .section-grupo-copapel .grupo-copapel-timeline .fixExpansaoNext {
    right: -5px;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-pagination {
  bottom: 0;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 2rem;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .swiper-pagination {
    padding-top: 1.5rem;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #cbd5e1;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
  margin: 0 4px;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #76b82a;
  width: 32px;
  border-radius: 6px;
  transform: scale(1);
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
  }
}

.section-relatorios-de-sustentabilidade {
  padding: 8rem 0;
}
@media (max-width: 820px) {
  .section-relatorios-de-sustentabilidade {
    padding: 3rem 0;
  }
}
.section-relatorios-de-sustentabilidade .relatorios-de-sustentabilidade-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 60px;
  margin-top: 80px;
}
@media (max-width: 820px) {
  .section-relatorios-de-sustentabilidade .relatorios-de-sustentabilidade-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 3rem;
    gap: 2rem;
  }
}
.section-relatorios-de-sustentabilidade .relatorios-de-sustentabilidade-grid img {
  max-width: 100%;
}
.section-relatorios-de-sustentabilidade .relatorios-de-sustentabilidade-grid span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  font-family: "museo_sans300", sans-serif;
}
@media (max-width: 820px) {
  .section-relatorios-de-sustentabilidade .relatorios-de-sustentabilidade-grid span img {
    width: 3rem;
  }
}
.section-relatorios-de-sustentabilidade .relatorios-de-sustentabilidade-grid a {
  color: #000;
  text-decoration: none;
}

.section-institucional-header-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding: 0 1rem;
}
@media (max-width: 820px) {
  .section-institucional-header-tabs {
    gap: 1rem;
    padding: 0;
  }
}
.section-institucional-header-tabs a, .section-institucional-header-tabs button {
  font-family: "museo_sans500", sans-serif;
  font-size: 3rem;
  border-radius: 90px;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  border: none;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(0);
}
@media (max-width: 1280px) {
  .section-institucional-header-tabs a, .section-institucional-header-tabs button {
    justify-content: center;
    gap: 1rem;
  }
}
@media (max-width: 820px) {
  .section-institucional-header-tabs a, .section-institucional-header-tabs button {
    font-size: 1.4rem;
    height: 4rem;
  }
}
.section-institucional-header-tabs a::before, .section-institucional-header-tabs button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
  z-index: 1;
  pointer-events: none;
}
.section-institucional-header-tabs a:hover::before, .section-institucional-header-tabs button:hover::before {
  left: 100%;
}
.section-institucional-header-tabs a span, .section-institucional-header-tabs button span {
  font-family: "museo_sans900", sans-serif;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 2;
}
.section-institucional-header-tabs a:hover, .section-institucional-header-tabs button:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  opacity: 1 !important;
}
.section-institucional-header-tabs a:hover span, .section-institucional-header-tabs button:hover span {
  transform: scale(1.1);
}
.section-institucional-header-tabs a:active, .section-institucional-header-tabs button:active {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}
.section-institucional-header-tabs a.active, .section-institucional-header-tabs button.active {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
.section-institucional-header-tabs a.active::after, .section-institucional-header-tabs button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 4px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
}
.section-institucional-header-tabs a.bt-copapel, .section-institucional-header-tabs button.bt-copapel {
  background: linear-gradient(135deg, rgb(71, 185, 12) 0%, rgb(86, 210, 20) 100%);
  z-index: 1;
}
.section-institucional-header-tabs a.bt-copapel:hover, .section-institucional-header-tabs button.bt-copapel:hover {
  background: linear-gradient(135deg, rgb(86, 210, 20) 0%, rgb(100, 230, 30) 100%);
}
.section-institucional-header-tabs a.bt-esg, .section-institucional-header-tabs button.bt-esg {
  background: linear-gradient(135deg, rgb(15, 155, 103) 0%, rgb(20, 180, 120) 100%);
  z-index: 1;
}
.section-institucional-header-tabs a.bt-esg:hover, .section-institucional-header-tabs button.bt-esg:hover {
  background: linear-gradient(135deg, rgb(20, 180, 120) 0%, rgb(25, 200, 135) 100%);
}
.section-institucional-header-tabs a.bt-allia, .section-institucional-header-tabs button.bt-allia {
  background: linear-gradient(135deg, rgb(17, 106, 92) 0%, rgb(22, 130, 112) 100%);
  z-index: 3;
}
.section-institucional-header-tabs a.bt-allia:hover, .section-institucional-header-tabs button.bt-allia:hover {
  background: linear-gradient(135deg, rgb(22, 130, 112) 0%, rgb(27, 150, 130) 100%);
}
.section-institucional-header-tabs a.bt-allia-prpl, .section-institucional-header-tabs button.bt-allia-prpl {
  background: linear-gradient(135deg, rgb(162, 22, 91) 0%, rgb(190, 30, 110) 100%);
  z-index: 3;
}
.section-institucional-header-tabs a.bt-allia-prpl:hover, .section-institucional-header-tabs button.bt-allia-prpl:hover {
  background: linear-gradient(135deg, rgb(190, 30, 110) 0%, rgb(210, 40, 125) 100%);
}

.section-institucional-header-tabs-options {
  background: linear-gradient(135deg, #ffffff 0%, #f8fdf4 100%);
  padding: 2.5rem;
  padding-top: 5rem;
  margin-top: -4rem;
  border-radius: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  border: 2px solid #76b82a;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}
.section-institucional-header-tabs-options::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #76b82a 0%, #4d9e1c 50%, #76b82a 100%);
}
.section-institucional-header-tabs-options::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(118, 184, 42, 0.05) 0%, transparent 70%);
  pointer-events: none;
  animation: pulse 8s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.section-institucional-header-tabs-options.box-white-tabs {
  border: 2px solid #76b82a;
  border-radius: 4rem;
  margin-top: 2rem;
  padding: 2rem;
}
@media (max-width: 820px) {
  .section-institucional-header-tabs-options {
    margin-top: -3rem;
    padding-top: 3.5rem;
    padding: 2rem 1.5rem;
    gap: 0.8rem;
  }
}
.section-institucional-header-tabs-options a, .section-institucional-header-tabs-options button {
  color: #3d3d3d;
  font-family: "museo_sans500", sans-serif;
  font-size: 1.9rem;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-wrap: nowrap;
  position: relative;
  padding: 1.2rem 2.5rem;
  border: 2px solid #e8e8e8;
  cursor: pointer;
  background: #ffffff;
  border-radius: 50px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
@media (max-width: 820px) {
  .section-institucional-header-tabs-options a, .section-institucional-header-tabs-options button {
    font-size: 1.6rem;
    display: block;
    width: 100%;
    padding: 1rem 1.8rem;
    text-align: left;
  }
}
.section-institucional-header-tabs-options a::before, .section-institucional-header-tabs-options button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(118, 184, 42, 0.1) 0%, rgba(77, 158, 28, 0.15) 100%);
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: -1;
}
.section-institucional-header-tabs-options a::after, .section-institucional-header-tabs-options button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.5rem;
  transform: translateY(-50%);
  height: 60%;
  width: 2px;
  background: linear-gradient(180deg, transparent, #e0e0e0, transparent);
  transition: opacity 0.3s ease;
}
@media (max-width: 820px) {
  .section-institucional-header-tabs-options a::after, .section-institucional-header-tabs-options button::after {
    display: none;
  }
}
.section-institucional-header-tabs-options a:last-child::after, .section-institucional-header-tabs-options button:last-child::after {
  display: none;
}
.section-institucional-header-tabs-options a:hover, .section-institucional-header-tabs-options button:hover {
  border-color: #76b82a;
  color: #006f67;
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.section-institucional-header-tabs-options a:hover::before, .section-institucional-header-tabs-options button:hover::before {
  opacity: 1;
}
.section-institucional-header-tabs-options a.active, .section-institucional-header-tabs-options button.active {
  font-family: "museo_sans700", sans-serif;
  background: linear-gradient(135deg, #76b82a 0%, #5d9e24 100%);
  color: #ffffff;
  font-weight: 700;
  border-color: #5d9e24;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-3px);
}
.section-institucional-header-tabs-options a.active::before, .section-institucional-header-tabs-options button.active::before {
  opacity: 0;
}
.section-institucional-header-tabs-options a.active::after, .section-institucional-header-tabs-options button.active::after {
  opacity: 0;
}
.section-institucional-header-tabs-options a.active:not(:hover)::before, .section-institucional-header-tabs-options button.active:not(:hover)::before {
  content: "";
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 3px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  opacity: 1;
  z-index: 2;
}
@media (max-width: 820px) {
  .section-institucional-header-tabs-options a.active:not(:hover)::before, .section-institucional-header-tabs-options button.active:not(:hover)::before {
    left: 0.5rem;
    transform: none;
    width: 4px;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
}
.section-institucional-header-tabs-options a.active:hover, .section-institucional-header-tabs-options button.active:hover {
  background: linear-gradient(135deg, #5d9e24 0%, #4d8a1f 100%);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px) scale(1.03);
}

.grupo-copapel-timeline {
  overflow: visible !important;
}
.grupo-copapel-timeline .swiper-wrapper {
  align-items: stretch;
}

.box-white {
  background: #fff;
  border: 1px solid #71bf44;
  border-radius: 40px;
}
.box-white .box-white-row {
  padding: 6rem;
}
@media (max-width: 820px) {
  .box-white .box-white-row {
    padding: 2rem;
  }
}
.box-white .box-white-row p strong {
  color: #006f67;
  font-family: "museo_sans900", sans-serif;
}
.box-white .box-white-image {
  position: relative;
  padding: 10rem 16rem;
}
@media (max-width: 820px) {
  .box-white .box-white-image {
    padding: 4rem;
  }
}
.box-white .box-white-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-white .box-white-image .box-white-title {
  font-size: 48px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-family: "museo_sans900", sans-serif;
  background: #71bf44;
  border-radius: 60px;
  position: relative;
  padding: 0 30px;
  margin-bottom: 20px;
}
@media (max-width: 820px) {
  .box-white .box-white-image .box-white-title {
    font-size: 2rem;
    height: auto;
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 1041px) {
  .box-white .box-white-image .box-white-title {
    height: 120px;
  }
}
.box-white .box-white-image .box-white-text {
  color: #fff;
  font-family: "museo_sans300", sans-serif;
  font-size: 29px;
  line-height: 34px;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 820px) {
  .box-white .box-white-image .box-white-text {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.button-institucional {
  background: #76b82a;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  border-radius: 40px;
  padding: 10px 20px;
  display: inline-flex;
  text-decoration: none;
  font-family: "museo_sans300", sans-serif;
  text-align: center;
  justify-content: center; /* Centraliza horizontalmente */
  align-items: center; /* Centraliza verticalmente */
}

.agrupaBtnCopapel {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 20px;
}

.grid {
  display: grid;
  gap: 12rem;
}
@media (max-width: 820px) {
  .grid {
    gap: 3rem;
  }
}
.grid img {
  max-width: 100%;
  margin-bottom: 4rem;
}

.grid-4-6 {
  grid-template-columns: 4fr 2fr;
}
@media (max-width: 820px) {
  .grid-4-6 {
    grid-template-columns: 1fr;
  }
}

.grid-3-6 {
  grid-template-columns: 3fr 3fr;
}
@media (max-width: 820px) {
  .grid-3-6 {
    grid-template-columns: 1fr;
  }
}

.grid-2-6 {
  grid-template-columns: 2fr 4fr;
}
@media (max-width: 820px) {
  .grid-2-6 {
    grid-template-columns: 1fr;
  }
}

.grid-1-2-3 {
  grid-template-columns: 1fr 2fr 3fr;
}
@media (max-width: 820px) {
  .grid-1-2-3 {
    grid-template-columns: 1fr;
  }
}

.grid-2-col {
  grid-template-columns: 1fr 1.2fr;
  gap: 0;
}
@media (max-width: 820px) {
  .grid-2-col {
    grid-template-columns: 1fr;
  }
}

.align-self-center {
  align-self: center;
}

.swiper-segmentos .swiper-pagination {
  margin-top: 2rem;
  position: relative;
  bottom: 0;
  top: 0;
}

.hidden {
  display: none;
}

.title {
  margin-left: 40px !important;
}

.grid-downloads {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 1350px) {
  .grid-downloads {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.grid-downloads .box-download a {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 2rem;
  font-weight: 700;
}
.grid-downloads .box-download a span {
  color: #000;
  text-align: center;
  display: block;
}

.navbar {
  height: 5rem;
  background: #fbfbfb;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #b9b9b9;
}
.navbar .navbar-container {
  position: relative;
  max-width: 180rem;
  padding: 0 1rem;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .navbar .navbar-container {
    padding-left: 0;
  }
}
.navbar .navbar-container .sidebar {
  top: 4px;
  left: 1rem;
}
.navbar .navbar-container .submenu-child {
  min-height: 476px;
  top: 4px;
  left: calc(28rem - 1px);
}
.navbar .navbar-container .menu-segmentos {
  top: 4px;
  left: calc(48rem - 1px);
  min-height: 476px;
}
@media (max-width: 1024px) {
  .navbar {
    height: auto;
    display: block;
    padding: 1rem;
  }
}

.product-page {
  display: flex;
  gap: 0;
  max-width: 180rem;
  width: 100%;
  margin: auto;
  position: relative;
}
.product-page .product-content {
  flex: 1;
  background: #fff;
}
.product-page .product-content .product-info {
  background: #eef6f6;
}
.product-page .product-content .product-list {
  background: #eef6f6;
}

.tiraPontinho {
  list-style-type: none;
}

@media (max-width: 768px) {
  .filter-products {
    display: flex;
    flex-direction: row-reverse;
  }
}
.products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
  padding: 0 40px;
}
@media (max-width: 1520px) {
  .products-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1350px) {
  .products-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1024px) {
  .products-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 0 10px;
  }
}

.botoes-pagina {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.botoes-pagina a {
  color: #000;
  text-decoration: none;
}
.botoes-pagina a.active {
  text-decoration: none;
  width: 30px;
  border-radius: 20px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.container-conteudo {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 75px;
  max-width: 1800px;
  padding: 30px 10px 75px 10px;
  margin: 0 auto;
}

@media (max-width: 1280px) {
  .container-conteudo {
    flex-direction: column;
  }
}
@media (min-width: 1281px) {
  .container-conteudo {
    gap: 20px;
  }
}
.conteudo-blog {
  flex: 1;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 1480px) {
  .conteudo-blog {
    margin-bottom: 50px;
  }
}
.conteudo-blog li {
  line-height: 32px;
}

.area-blog-listagem {
  max-width: 180rem;
  margin: auto;
  position: relative;
  z-index: 3;
  display: grid;
  gap: 3rem;
}

.blog-listagem-sidebar {
  padding: 6rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5rem;
}

.blog-listagem-sidebar ul {
  padding: 0;
  list-style: none;
  width: 100%;
}

.blog-listagem-sidebar span {
  font-size: 2.8rem;
  line-height: 3.6rem;
  color: #8fb435;
  font-weight: 400;
}

.blog-listagem-sidebar ul li a {
  font-size: 1.6rem;
  display: block;
  line-height: 2.2rem;
  color: #006461;
  padding: 1rem 0;
  font-weight: 400;
  border-bottom: 1px solid #c7c7c7;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

.blog-listagem-sidebar ul li a:hover, .blog-listagem-sidebar ul li a.active {
  text-decoration: none;
  color: #8fb435;
  opacity: 1;
}

.blog-listagem-categories {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

.conteudo-blog .imagem-destaque {
  margin-bottom: 75px;
  height: 500px;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}

.conteudo-blog .imagem-destaque img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1480px) {
  .conteudo-blog .imagem-destaque {
    width: 100%;
    margin-bottom: 25px;
  }
}
@media (max-width: 1480px) {
  .conteudo-blog .imagem-destaque img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@media (min-width: 1481px) {
  .conteudo-blog .imagem-destaque img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.conteudo-blog .titulo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 40px;
}

@media (max-width: 1480px) {
  .conteudo-blog .titulo {
    flex-direction: column;
    margin-bottom: 25px;
  }
}
.conteudo-blog .titulo h2 {
  font-weight: 300;
  color: #006461;
}

@media (max-width: 1480px) {
  .conteudo-blog .titulo h2 {
    margin-bottom: 10px;
  }
}
.conteudo-blog .titulo small {
  font-size: 10px;
  font-weight: 300;
  color: #999999;
}

.conteudo-blog h2 {
  font-weight: 300;
  color: #006461 !important;
}

.conteudo-blog a {
  color: #006461;
  text-decoration: none;
}

.conteudo-blog p {
  line-height: 32px;
  color: #000;
}

.conteudo-blog p img {
  margin: 30px;
}

.conteudo-blog blockquote {
  padding: 10px 20px;
  margin: 40px 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
  line-height: 32px;
}

@media (max-width: 1480px) {
  .conteudo-blog p {
    margin-bottom: 25px;
  }
}
.conteudo-blog .compartilhamento-redes-sociais {
  display: flex;
  gap: 20px;
  justify-content: end;
}

.conteudo-blog .compartilhamento-redes-sociais {
  margin-top: 140px;
  margin-bottom: 40px;
}

.veja-tambem {
  width: 280px;
}

@media (max-width: 1280px) {
  .veja-tambem {
    width: 100%;
  }
}
.veja-tambem ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

@media (max-width: 820px) {
  .veja-tambem ul {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 821px) and (max-width: 1280px) {
  .veja-tambem ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.veja-tambem h2 {
  font-weight: 300;
  color: #8fb435;
  margin-bottom: 40px;
}

@media (max-width: 1480px) {
  .veja-tambem h2 {
    margin-bottom: 25px;
  }
}
.veja-tambem p {
  color: #006461;
  margin-bottom: 10px;
}

.veja-tambem li {
  list-style: none;
}

.imagem-destaque-sidebar {
  height: 100px;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.veja-tambem li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1480px) {
  .veja-tambem li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 1481px) {
  .veja-tambem li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.containerPages {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 50vw;
  flex-direction: column;
  gap: 1rem;
}
.containerPages p {
  color: black;
  font-weight: bold;
  margin: 0;
}
.containerPages .pagesBlog {
  display: flex;
  gap: 2rem;
}
.containerPages .pagesBlog a {
  background-color: black;
  border-radius: 20%;
  padding: 4px 8px;
  color: white !important;
  text-decoration: none;
  text-align: center;
  justify-content: center;
}

.dataTitulo {
  color: black !important;
  font-weight: 100 !important;
  font-size: 14px !important;
  align-self: end;
}

.featured-post-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}

.featured-post {
  flex: 1;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 3rem;
}
@media (max-width: 1480px) {
  .featured-post {
    margin-bottom: 50px;
  }
}

.featured-post .imagem-destaque {
  height: 630px;
  overflow: hidden;
  border-radius: 30px;
  margin-bottom: 2.5rem;
}
@media (max-width: 1480px) {
  .featured-post .imagem-destaque {
    width: 100%;
    margin-bottom: 25px;
    height: 430px;
  }
}
@media (max-width: 1024px) {
  .featured-post .imagem-destaque {
    height: 200px;
  }
}

.featured-post .imagem-destaque img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.featured-post .titulo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 40px;
}
@media (max-width: 1480px) {
  .featured-post .titulo {
    flex-direction: column;
    margin-bottom: 25px;
  }
}

.featured-post .titulo h2 {
  font-weight: 300;
  color: #006461;
}
@media (max-width: 1480px) {
  .featured-post .titulo h2 {
    margin-bottom: 10px;
  }
}

.featured-post .titulo small {
  font-size: 10px;
  font-weight: 300;
  color: #999999;
}

.featured-post p {
  line-height: 32px;
  color: #000;
}
@media (max-width: 1480px) {
  .featured-post p {
    margin-bottom: 25px;
  }
}

.compartilhamento-redes-sociais {
  display: flex;
  gap: 10px;
  justify-content: end;
}

.area-blog-listagem {
  max-width: 180rem;
  margin: auto;
  position: relative;
  z-index: 3;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: 25rem auto;
  gap: 3rem;
}

.blog-listagem-sidebar {
  padding: 3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5rem;
}

.blog-listagem-sidebar ul {
  padding: 0;
  list-style: none;
  width: 100%;
}

.blog-listagem-sidebar span {
  font-size: 2.8rem;
  line-height: 3.6rem;
  color: #8fb435;
  font-weight: 400;
}

.blog-listagem-sidebar ul li a {
  font-size: 1.6rem;
  display: block;
  line-height: 2.2rem;
  color: #006461;
  padding: 1rem 0;
  font-weight: 400;
  border-bottom: 1px solid #c7c7c7;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

.blog-listagem-sidebar ul li a:hover, .blog-listagem-sidebar ul li a.active {
  text-decoration: none;
  color: #8fb435;
  opacity: 1;
}

.blog-listagem-categories {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

.blog-listagem {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4rem 3rem;
  padding: 3.5rem 0;
}

.blog-listagem .box-noticias {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 3rem;
}

.blog-listagem .box-noticias span {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #006461;
  font-weight: 400;
}

.blog-listagem .box-noticias .box-imagem {
  width: 100%;
  max-height: 16rem;
  overflow: hidden;
  border-radius: 1rem;
}

.blog-listagem .box-noticias .box-imagem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-listagem .box-noticias p {
  font-size: 1.6rem;
  line-height: 2.7rem;
  color: #000;
  font-weight: 400;
  margin: 0;
  margin-bottom: auto;
}

.blog-listagem .box-noticias .noticia-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #e6e6e6;
}

.green-button {
  background: #8fb435;
  height: 4.5rem;
  line-height: 4.5rem;
  padding: 0 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.blog-listagem .box-noticias .noticia-buttons .redes-sociais {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 600px) {
  .blog-listagem {
    grid-template-columns: 1fr;
    padding: 2rem 0;
  }
  .blog-listagem .box-noticias {
    gap: 2rem;
    width: 75% !important;
  }
  .blog-listagem .box-noticias span {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .blog-listagem .box-noticias p {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 601px) and (max-width: 820px) {
  .blog-listagem {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 3rem 0;
  }
}
@media (max-width: 821px) {
  .blog-listagem-sidebar {
    display: none;
  }
  .area-blog-listagem {
    padding: 0 10px;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 822px) and (max-width: 1200px) {
  .blog-listagem .box-noticias .noticia-buttons .green-button {
    padding: 0 1rem;
    gap: 1.5rem;
    font-size: 1.1rem;
  }
  .blog-listagem {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 3rem 0;
  }
}
.titleTeclean {
  color: gold !important;
  font-size: 20px !important;
}

.colorTecleanGrupo {
  background-color: rgb(255, 215, 0) !important;
}

.swiper-timeline-next {
  position: absolute;
  top: 60%;
  right: 1px;
  margin: auto;
  z-index: 30;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 821px) {
  .swiper-timeline-next {
    right: 5px;
  }
}

.esg-content-image {
  filter: brightness(0.5);
}

.fixExpansaoPrev {
  width: 100%;
  left: 15px !important;
}

.fixExpansaoNext {
  right: 15px !important;
}

.swiper-timeline-prev {
  position: absolute;
  top: 60%;
  left: 25px;
  margin: auto;
  z-index: 30;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 1024px) {
  .swiper-timeline-prev {
    left: 25px;
  }
}

.box-white-row .megaTitle {
  font-size: 25px !important;
  color: rgb(60, 209, 6) !important;
}
.box-white-row .containerTampinha {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 5.5rem;
}
.box-white-row .containerTampinha .direita {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box-white-row .containerTampinha .esquerda {
  width: 60%;
}
.box-white-row .containerTampinha .esquerda .p {
  margin-bottom: 0 !important;
}
@media (max-width: 820px) {
  .box-white-row .containerTampinha {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 100px;
  }
  .box-white-row .containerTampinha .esquerda {
    width: 100%;
  }
  .box-white-row .containerTampinha .direita {
    width: 100%;
  }
}
.box-white-row .containerColeta {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 5.5rem;
}
.box-white-row .containerColeta .direita {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box-white-row .containerColeta .esquerda {
  width: 60%;
  margin-bottom: 0 !important;
}
@media (max-width: 820px) {
  .box-white-row .containerColeta {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 100px;
  }
  .box-white-row .containerColeta .esquerda {
    width: 100%;
  }
  .box-white-row .containerColeta .direita {
    width: 100%;
  }
}
.box-white-row .containerEduca {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 5.5rem;
}
.box-white-row .containerEduca .direita {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box-white-row .containerEduca .esquerda {
  width: 60%;
  margin-bottom: 0 !important;
}
@media (max-width: 820px) {
  .box-white-row .containerEduca {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 100px;
  }
  .box-white-row .containerEduca .esquerda {
    width: 100%;
  }
  .box-white-row .containerEduca .direita {
    width: 100%;
  }
}
.box-white-row .containerGeral {
  display: flex;
  gap: 5.5rem;
  margin-top: 20px;
  align-items: center;
}
.box-white-row .containerGeral .esquerda {
  justify-content: start;
  width: 50%;
}
.box-white-row .containerGeral .direita {
  justify-content: center;
  width: 50%;
}
@media (max-width: 820px) {
  .box-white-row .containerGeral {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 100px;
  }
  .box-white-row .containerGeral .esquerda {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .box-white-row .containerGeral .direita {
    width: 100%;
  }
}
.box-white-row .title {
  font-size: 25px !important;
}
.box-white-row .textos-cima {
  width: 60%;
}
.box-white-row .imagens-cima {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.box-white-row .container-cima {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 5.5rem;
}
@media (max-width: 820px) {
  .box-white-row .container-cima {
    flex-wrap: wrap;
    width: 100%;
  }
  .box-white-row .container-cima .textos-cima {
    width: 100%;
  }
  .box-white-row .container-cima .imagens-cima {
    width: 100%;
  }
  .box-white-row .container2 {
    flex-wrap: wrap;
  }
  .box-white-row .container2 .textoDireita {
    width: 100% !important;
  }
  .box-white-row .container2 .imgEsquerda {
    width: 100% !important;
  }
  .box-white-row .container3 {
    flex-wrap: wrap;
  }
  .box-white-row .container3 .imgEsquerda {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
  }
  .box-white-row .container3 .imgEsquerda img {
    width: 40%;
  }
  .box-white-row .container3 .textoDireita {
    width: 100% !important;
  }
  .box-white-row .container4 {
    flex-wrap: wrap;
    display: flex;
  }
  .box-white-row .container4 .textoEsquerda {
    width: 100% !important;
  }
  .box-white-row .container4 .imgDireita {
    width: 100% !important;
  }
  .box-white-row .imagens-cima {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 80px;
  }
  .box-white-row .container5 {
    flex-wrap: wrap;
  }
  .box-white-row .container5 .imagemEsquerda {
    width: 100% !important;
  }
  .box-white-row .container5 .textoDireita {
    width: 100% !important;
  }
}
.box-white-row .btnColeta {
  margin-top: 20px;
  padding: 2.5rem;
  border: 0;
  display: flex;
  justify-content: center;
  background-color: rgb(0, 172, 0);
  cursor: pointer;
  border-radius: 45px;
  width: 80%;
  font-weight: bold;
  align-items: center;
  height: 8vh;
}
.box-white-row .insideBtn {
  font-size: 1em;
  height: auto;
  width: 100%;
  cursor: pointer;
  border: 0;
  color: white;
  font-weight: 600;
  padding: 0;
  background-color: transparent;
  align-self: center;
}
.box-white-row .lista p {
  margin-bottom: 10px;
}
.box-white-row .imgColeta img {
  border-radius: 50px;
}
.box-white-row .imgColeta {
  width: 90%;
  margin-top: 20px;
}
.box-white-row .container2 {
  margin-top: 20px;
  display: flex;
  gap: 5.5rem;
}
.box-white-row .container2 .imgEsquerda {
  width: 40%;
}
.box-white-row .container2 .textoDireita {
  width: 60%;
}
.box-white-row .container3 {
  margin-top: 40px;
  display: flex;
  gap: 5.5rem;
}
.box-white-row .container3 .imgEsquerda {
  width: 20%;
}
.box-white-row .container3 .textoDireita {
  width: 80%;
}
.box-white-row .container4 {
  margin-top: 30px;
  display: flex;
  gap: 5.5rem;
}
.box-white-row .container4 .textoEsquerda {
  width: 60%;
  padding-top: 10vh;
}
.box-white-row .container4 .imgDireita {
  width: 40%;
}
.box-white-row .container5 {
  margin-top: 30px;
  display: flex;
  gap: 5.5rem;
}
.box-white-row .container5 .imagemEsquerda {
  width: 40%;
}
.box-white-row .container5 .textoDireita {
  width: 60%;
}
.box-white-row .containerEconomia {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-white-row .containerEconomia .esquerda {
  width: 50%;
}
.box-white-row .containerEconomia .direita {
  width: 50%;
}
@media (max-width: 820px) {
  .box-white-row .containerEconomia {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5rem;
  }
  .box-white-row .containerEconomia .esquerda {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .box-white-row .containerEconomia .direita {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    gap: 1rem;
  }
}
.box-white-row .containerEconomia2 {
  margin-top: 30px;
}
.box-white-row .containerEconomia2 .statsEsquerda {
  width: 70%;
}
.box-white-row .containerEconomia2 .videoDireita {
  width: 30%;
}
.box-white-row .containerEconomia2 .containerFlex {
  display: flex;
  gap: 1.5rem;
}
.box-white-row .containerEconomia2 .btnTampinha {
  margin-left: 70%;
  margin-top: 20px;
  padding: 2.5rem;
  border: 0;
  display: flex;
  background-color: rgb(0, 172, 0);
  cursor: pointer;
  border-radius: 45px;
  width: 30%;
  font-weight: bold;
  align-items: center;
  height: 8vh;
  text-decoration: none;
}
@media (max-width: 744px) {
  .box-white-row .containerEconomia2 .btnTampinha {
    width: 70%;
    margin-left: 20%;
  }
}
.box-white-row .containerFlexEnergia {
  display: flex;
  margin-top: 30px;
  gap: 5.5rem;
}
.box-white-row .containerFlexEnergia .esquerda {
  width: 60%;
}
.box-white-row .containerFlexEnergia .direita {
  width: 40%;
}
@media (max-width: 820px) {
  .box-white-row .containerFlexEnergia {
    margin-top: 80px;
    margin-bottom: 80px;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box-white-row .containerFlexEnergia .direita {
    width: 100%;
  }
  .box-white-row .containerFlexEnergia .esquerda {
    width: 100%;
  }
}
.box-white-row .tirarTantaMargem p {
  margin-bottom: 20px;
}
.box-white-row .containerEthos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box-white-row .btnComplience {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  align-self: center;
  height: 10vh;
  background-color: rgb(26, 217, 4);
  text-decoration: none;
  border: 0;
  border-radius: 55px;
  cursor: pointer;
  margin-bottom: 20px;
}
.box-white-row .insideBtnComplience {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  color: white;
  font-weight: bold;
}
.box-white-row .containerDireitos {
  display: flex;
  flex-direction: column;
}
.box-white-row .btnEtica {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  align-self: center;
  padding: 15px;
  background-color: green;
  text-decoration: none;
  border: 0;
  border-radius: 55px;
  cursor: pointer;
}
.box-white-row .insideBtnEtica {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  color: white;
  font-weight: bold;
}
.box-white-row .containerInvestimento {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5.5rem;
}
.box-white-row .containerInvestimento .esquerda {
  width: 70%;
}
.box-white-row .containerInvestimento .direita {
  width: 30%;
}
@media (max-width: 820px) {
  .box-white-row .containerInvestimento {
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
  .box-white-row .containerInvestimento .esquerda {
    width: 100%;
  }
  .box-white-row .containerInvestimento .direita {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.box-white-row .containerOds p {
  margin-bottom: 5px;
}
.box-white-row .containerOds {
  display: flex;
  gap: 5.5rem;
}
.box-white-row .containerOds .esquerda {
  width: 60%;
}
.box-white-row .containerOds .direita {
  width: 40%;
}
@media (max-width: 820px) {
  .box-white-row .containerOds {
    flex-wrap: wrap;
  }
  .box-white-row .containerOds .esquerda {
    margin-top: 40px;
    width: 100%;
  }
  .box-white-row .containerOds .direita {
    width: 100%;
  }
}
.box-white-row .tiraBottom {
  margin-bottom: 5px;
}
.box-white-row .containerUltimo {
  display: flex;
  gap: 5.5rem;
  justify-content: center;
  align-items: center;
}
.box-white-row .containerUltimo .esquerdaMuito {
  width: 80%;
}
.box-white-row .containerUltimo .direitaMuito {
  width: 20%;
}
@media (max-width: 820px) {
  .box-white-row .containerUltimo {
    flex-wrap: wrap;
    justify-content: start;
  }
  .box-white-row .containerUltimo .direitaMuito {
    width: 30%;
  }
}
.box-white-row .containerImgs {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 820px) {
  .box-white-row .containerImgs {
    flex-wrap: wrap;
    gap: 5.5rem;
  }
  .box-white-row .containerImgs .esquerdaMuito {
    width: 100%;
  }
  .box-white-row .containerImgs .direitaMuito {
    width: 100%;
  }
}
.box-white-row .tirarTantaMargemP p {
  margin-bottom: 0;
}
.box-white-row .containerRejovel {
  display: flex;
  gap: 5.5rem;
  justify-content: center;
  align-items: center;
}
.box-white-row .containerRejovel .esquerda {
  width: 40%;
}
.box-white-row .containerRejovel .direita {
  width: 60%;
}
@media (max-width: 820px) {
  .box-white-row .containerRejovel {
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .box-white-row .containerRejovel .esquerda {
    order: 2;
    width: 100%;
  }
  .box-white-row .containerRejovel .direita {
    width: 100%;
  }
}
.box-white-row .alinhaCentro {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-white-row .margemP {
  margin-bottom: 60px;
}
.box-white-row .containerTeclean {
  display: flex;
  justify-content: start;
  align-content: center;
  gap: 5.5rem;
  margin-bottom: 60px;
}
.box-white-row .containerTeclean .esquerda {
  width: 40%;
}
.box-white-row .containerTeclean .direita {
  width: 60%;
}
@media screen and (max-width: 820px) {
  .box-white-row .containerTeclean {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .box-white-row .containerTeclean .esquerda {
    display: flex;
    justify-content: center;
    width: 100%;
    order: 2;
  }
  .box-white-row .containerTeclean .direita {
    width: 100%;
    order: 1;
  }
}
.box-white-row .containerTecleanBaixo {
  display: flex;
  justify-content: start;
  align-content: center;
  gap: 5.5rem;
  margin-bottom: 40px;
}
.box-white-row .containerTecleanBaixo .esquerda {
  width: 40%;
}
.box-white-row .containerTecleanBaixo .direita {
  width: 60%;
}
@media screen and (max-width: 820px) {
  .box-white-row .containerTecleanBaixo {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .box-white-row .containerTecleanBaixo .esquerda {
    display: flex;
    justify-content: center;
    width: 100%;
    order: 2;
  }
  .box-white-row .containerTecleanBaixo .direita {
    width: 100%;
    order: 1;
  }
}
.box-white-row .containerTecleanMeio {
  display: flex;
  justify-content: start;
  align-content: center;
  gap: 5.5rem;
  margin-bottom: 60px;
}
.box-white-row .containerTecleanMeio .esquerda {
  width: 60%;
}
.box-white-row .containerTecleanMeio .direita {
  width: 40%;
}
@media screen and (max-width: 820px) {
  .box-white-row .containerTecleanMeio {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .box-white-row .containerTecleanMeio .esquerda {
    width: 100%;
  }
  .box-white-row .containerTecleanMeio .direita {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.box-white-row .alinharMeio {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.box-white-row .destinados p {
  margin-bottom: 2px;
}
.box-white-row .organizarCopapel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 1050px) and (max-width: 1590px) {
  .gc-content-title {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 820px) and (max-width: 1050px) {
  .gc-content-title {
    padding-bottom: 120px !important;
    padding-top: 120px !important;
  }
}
.containerPrivacidade {
  width: 100%;
  height: 100vh;
  display: flex;
  background: slategray;
  font-family: sans-serif;
}

/*# sourceMappingURL=index.css.map */