@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: 1rem 0 0;
  top: 0;
  left: 0;
  z-index: 50;
  background: #fff;
}
@media (max-width: 1024px) {
  header {
    padding-bottom: 1rem;
  }
}
header .header-container {
  max-width: 180rem;
  padding: 0 1rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
  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: 1024px) {
  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: 1024px) {
  header .area-logo {
    justify-content: flex-start;
  }
}
@media (max-width: 450px) {
  header .area-logo {
    justify-content: space-between;
    gap: 1rem;
  }
}
@media (min-width: 1025px) {
  header .area-logo .menu-hamburguer-header {
    display: none;
  }
}
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: 1024px) {
  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: 1024px) {
  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 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 div {
  cursor: pointer;
  position: relative;
}
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: 1024px) {
  header .header-meus-pedidos {
    display: none;
  }
}
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;
}

.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%;
  max-width: 173rem;
  padding: 3.5rem 10rem;
  border-radius: 10px 10px 0 0;
  margin: auto;
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .pre-footer {
    padding: 3rem;
  }
}
.pre-footer .pre-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@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.8rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .pre-footer .pre-footer-container .pre-footer-title {
    margin-bottom: 3rem;
  }
}
.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: 3.5rem;
  flex: 1;
  width: 50rem;
  overflow: hidden;
}
@media (max-width: 1350px) {
  .pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav {
    width: 30rem;
  }
}
@media (max-width: 1024px) {
  .pre-footer .pre-footer-container .pre-footer-infos .pre-footer-nav {
    width: auto;
    flex: 1;
  }
}
@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-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
}
.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: 12px;
  height: 1px;
  background: #9d9d9d;
}
.pre-footer .pre-footer-container .pre-footer-infos .pre-footer-form {
  width: 42rem;
  padding-left: 3rem;
  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;
  height: 8rem;
  background: #868686;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-size: 1.2rem;
}
.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: 6rem 10rem 3rem;
  background: #404040;
  max-width: 173rem;
  margin: auto;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 1024px) {
  footer {
    padding: 3rem;
  }
}
footer .footer-container {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
@media (max-width: 640px) {
  footer .footer-container {
    gap: 6rem;
  }
}
footer .footer-container .footer-sitemap .footer-sitemap-eyebrow {
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 4rem;
  display: block;
}
footer .footer-container .footer-sitemap nav {
  display: flex;
  gap: 5rem;
}
@media (max-width: 640px) {
  footer .footer-container .footer-sitemap nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
footer .footer-container .footer-sitemap nav ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
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.4rem;
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
footer .footer-container .footer-sitemap nav ul li a {
  font-size: 1.4rem;
  color: #fff;
  display: block;
  font-weight: 300;
  text-decoration: none;
}
footer .footer-container .footer-sitemap nav ul li svg {
  margin-left: 2rem;
}
@media (max-width: 1024px) {
  footer .footer-container .footer-sitemap nav ul li svg {
    display: none;
  }
}
@media (max-width: 640px) {
  footer .footer-container .footer-sitemap nav ul li svg {
    padding: 3rem;
  }
}
footer .footer-container .footer-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 640px) {
  footer .footer-container .footer-copyright {
    flex-direction: column;
  }
}
footer .footer-container .footer-copyright p {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #fff;
  opacity: 0.5;
}
footer .footer-container .footer-copyright .footer-copyright-infos {
  display: flex;
  align-items: center;
  gap: 10rem;
}
@media (max-width: 1024px) {
  footer .footer-container .footer-copyright .footer-copyright-infos {
    gap: 3rem;
  }
}
@media (max-width: 640px) {
  footer .footer-container .footer-copyright .footer-copyright-infos {
    width: 100%;
    justify-content: space-between;
  }
  footer .footer-container .footer-copyright .footer-copyright-infos svg {
    max-width: 14rem;
  }
}
footer .footer-container .footer-copyright .footer-copyright-infos nav {
  display: flex;
  gap: 1.5rem;
}
footer .footer-container .footer-copyright .footer-copyright-infos nav li {
  list-style: none;
}

.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;
}

.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;
  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 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: 8rem;
  max-width: 150rem;
  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: 14rem;
  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: 10rem;
  width: 100%;
  justify-content: space-between;
  max-width: 173rem;
}
.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%;
  }
}
@media (max-width: 1480px) {
  .home-banners-grid .home-banners-grid-container .banner-institutional img {
    width: 100%;
  }
}

.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);
}
@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;
}

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;
}

.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;
  background: #76b82a;
  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 {
  color: #1a253a;
}
.tag-button.tag-button-blue span {
  color: #1a253a;
}
.tag-button.tag-button-olive {
  color: #6b713a;
}
.tag-button.tag-button-olive span {
  color: #6b713a;
}
.tag-button.tag-button-green {
  color: #157b34;
}
.tag-button.tag-button-green span {
  color: #157b34;
}
.tag-button.tag-button-light-green {
  color: #16716f;
}
.tag-button.tag-button-light-green span {
  color: #16716f;
}
.tag-button.tag-button-ocean {
  color: #0c468b;
}
.tag-button.tag-button-ocean span {
  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;
  overflow: hidden;
}
.area-banner .swiper-banner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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: 19%;
  margin: auto;
  z-index: 30;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 1024px) {
  .swiper-button-prev {
    left: 25px;
  }
}

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

.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%;
}

.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: white;
  background: linear-gradient(0deg, white 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;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos {
    text-align: left;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: right;
  margin-top: 4rem;
  gap: 2rem;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos .videos-copapel {
    margin-bottom: 3rem;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video {
  margin-bottom: 3rem;
  cursor: pointer;
}
@media (max-width: 820px) {
  .section-nossa-historia .section-nossa-historia-videos .videos-copapel .video {
    margin-bottom: 0;
  }
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel .video img {
  margin-bottom: 0;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.section-nossa-historia .section-nossa-historia-videos .videos-copapel div span {
  display: block;
  width: 100%;
  text-align: center;
  font-family: "museo_sans300", sans-serif;
  color: #006f67;
  text-transform: uppercase;
  margin-top: 1rem;
}
.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: 1px solid transparent;
  border-radius: 1rem;
  background: #76b82a;
  padding: 3rem 4rem;
  position: relative;
  margin: auto;
  margin-top: 4rem;
  border-radius: 40px;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades {
    padding: 2rem;
  }
}
.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;
}
@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 {
  display: flex;
  gap: 10vw;
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades {
  margin-top: 4rem;
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades span {
  display: block;
  font-family: "museo_sans900", sans-serif;
  font-size: 3.2rem;
  text-transform: none;
  margin-bottom: 1rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades span {
    font-size: 2.4rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades strong {
  font-family: "museo_sans700", sans-serif;
  font-size: 2.4rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades strong {
    display: block;
    margin-top: 2rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades a {
  font-size: 2rem;
  text-transform: none;
  font-family: "museo_sans300", sans-serif;
  text-decoration: none;
  padding: 0 1rem;
  border-radius: 30px;
  height: 3rem;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades .cidades a {
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
    height: auto;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades .cidades a.active {
  background: #213646;
}
.section-centros-de-distribuicao-e-lojas .unidades-container {
  background: #fff;
  border: 1px solid #76b82a;
  border-radius: 0 0 40px 40px;
  padding: 4rem;
  padding-top: 10rem;
  margin-top: -4rem;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container {
    padding: 2rem;
    padding-top: 6rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .unidade-title {
  font-size: 2.4rem;
  color: #006f67;
  font-family: "museo_sans300", sans-serif;
  display: block;
  margin-bottom: 4rem;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .unidade-title strong {
  color: #76b82a;
  font-family: "museo_sans900", sans-serif;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede {
  border-radius: 40px;
  border: 1px solid #76b82a;
  overflow: hidden;
  margin-bottom: 4rem;
  gap: 2rem;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede:last-child {
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 0 40px 40px 0;
  border-right: 1px solid #76b82a;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-img {
    height: 20rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-infos {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 3rem 0;
  position: relative;
}
@media (max-width: 820px) {
  .section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-infos {
    padding: 0 3rem;
  }
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-infos strong {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "museo_sans900", sans-serif;
  color: #006f67;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-infos p {
  font-family: "museo_sans300", sans-serif;
  font-size: 1.6rem;
  color: #006f67;
  margin-bottom: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-infos .locais-buttons {
  position: absolute;
  top: 0;
  right: 0;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-map {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 40px 0 0 40px;
  border-left: 1px solid #76b82a;
}
.section-centros-de-distribuicao-e-lojas .unidades-container .unidade .locais-sede .locais-map iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.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 {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin: 8rem 0;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline {
    margin: 3rem 0;
    gap: 2rem;
    flex-direction: column;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box {
  padding: 20px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 14px 12px rgba(0, 0, 0, 0.3);
  text-align: center;
  width: 100%;
  min-height: 400px;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box {
    width: 100%;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .line {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .line::after {
  position: absolute;
  content: "";
  top: 6px;
  left: -50%;
  width: 300%;
  height: 2px;
  background: #000;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .line span {
  border: 1px solid transparent;
  width: 1.5rem;
  height: 1.5rem;
  background: #71bf44;
  border-radius: 50%;
  display: block;
  z-index: 10;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-image {
  margin-bottom: 40px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-image {
    margin-bottom: 0;
    height: 7.5rem;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-year {
  color: #76b82a;
  font-size: 42px;
  line-height: 80px;
  display: block;
  margin-bottom: 0;
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-text {
  color: #00675d;
  font-size: 20px;
  font-family: "museo_sans900", sans-serif;
  display: block;
  flex: 1;
}
@media (max-width: 820px) {
  .section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-text {
    font-size: 14px;
  }
}
.section-grupo-copapel .grupo-copapel-timeline .grupo-copapel-box .grupo-copapel-timeline-text small {
  display: block;
}

.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: 0;
  margin-bottom: 2rem;
}
.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: space-around;
  align-items: center;
  flex: 1;
  border: none;
  width: calc(100% + 8rem);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
@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;
    width: calc(100% + 1rem);
  }
}
.section-institucional-header-tabs a span, .section-institucional-header-tabs button span {
  font-family: "museo_sans900", sans-serif;
}
.section-institucional-header-tabs a:hover, .section-institucional-header-tabs button:hover {
  opacity: 1;
}
.section-institucional-header-tabs a:last-child, .section-institucional-header-tabs button:last-child {
  width: 100%;
}
.section-institucional-header-tabs a.bt-copapel, .section-institucional-header-tabs button.bt-copapel {
  background: #47b90c;
  z-index: 1;
}
.section-institucional-header-tabs a.bt-esg, .section-institucional-header-tabs button.bt-esg {
  background: #0f9b67;
  z-index: 1;
}
.section-institucional-header-tabs a.bt-allia, .section-institucional-header-tabs button.bt-allia {
  background: #116a5c;
  z-index: 3;
}
.section-institucional-header-tabs a.bt-allia-prpl, .section-institucional-header-tabs button.bt-allia-prpl {
  background: #a2165b;
  z-index: 3;
}

.section-institucional-header-tabs-options {
  background: #fefefe;
  padding: 3rem;
  padding-top: 6rem;
  margin-top: -5rem;
  border-radius: 0 0 4rem 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  border: 1px solid #76b82a;
  border-top: none;
}
.section-institucional-header-tabs-options.box-white-tabs {
  border: 1px solid #76b82a;
  border-radius: 4rem;
  margin-top: 2rem;
  padding: 2rem;
}
@media (max-width: 820px) {
  .section-institucional-header-tabs-options {
    margin-top: -3rem;
    padding-top: 4rem;
  }
}
.section-institucional-header-tabs-options a, .section-institucional-header-tabs-options button {
  color: #76b82a;
  font-family: "museo_sans300", sans-serif;
  font-size: 2.6rem;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-wrap: nowrap;
  position: relative;
  padding: 0 3rem;
  border: none;
  cursor: pointer;
  background: none;
}
@media (max-width: 820px) {
  .section-institucional-header-tabs-options a, .section-institucional-header-tabs-options button {
    font-size: 1.6rem;
    display: block;
    width: 100%;
  }
}
.section-institucional-header-tabs-options a.active, .section-institucional-header-tabs-options button.active {
  font-family: "museo_sans900", sans-serif;
}
.section-institucional-header-tabs-options a::after, .section-institucional-header-tabs-options button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 1px;
  background: #76b82a;
}
@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.active, .section-institucional-header-tabs-options button.active {
  font-family: "museo_sans700", sans-serif;
}

.grupo-copapel-timeline {
  overflow: visible;
}

.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;
  }
}

.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;
  padding-left: 30rem;
}
@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: gold !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: #3cd106 !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: #00ac00;
  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 {
  width: 90%;
  margin-top: 20px;
}
.box-white-row .imgColeta img {
  border-radius: 50px;
}
.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: #00ac00;
  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: #1ad904;
  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 {
  display: flex;
  gap: 5.5rem;
}
.box-white-row .containerOds p {
  margin-bottom: 5px;
}
.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;
}
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/*# sourceMappingURL=/index.css.map */