@charset "UTF-8";
/*!
 * Desktop - Sustentabilidade (migrado para o tema)
 * Origem: desktop-sustentabilidade/static/css/estiloDesktopSustentabilidade.css
 * Escopo: tudo que era regra de elemento puro (body, a, *) foi limitado a .sust,
 * o wrapper do conteudo, para nao vazar para o header/footer do tema.
 * Bootstrap e Swiper (arquivos do proprio tema) sao impressos antes do
 * common.css por includes/sustentabilidade.php - nao por @import aqui.
 */

/*!
 * Desktop - Sustentabilidade
 * Desenvolvido por Fattoria em: 07/11/2023
 */
/*
 * Largura total. O common.css encaixota o body em max-width: var(--grid);
 * as paginas novas do tema (acessibilidade, movel, parceiros, giga-*...) liberam
 * isso no proprio CSS e recompoem o respiro do header/footer. Mesmo bloco aqui.
 */
body {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}
.main-header, .main-footer {
  padding-left: calc(var(--bleed-background) * 1) !important;
  padding-right: calc(var(--bleed-background) * 1) !important;
}

/*!
 * Tipografia
 * Desktop - Sustentabilidade
 * Desenvolvido por Fattoria em: 07/11/2023
 */
@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika.woff2") format("woff2"), url("../fonts/klavika.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika-regular-italic.woff2") format("woff2"), url("../fonts/klavika-regular-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika-bold.woff2") format("woff2"), url("../fonts/klavika-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika-bold-italic.woff2") format("woff2"), url("../fonts/klavika-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika-light.woff2") format("woff2"), url("../fonts/klavika-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika-light-italic.woff2") format("woff2"), url("../fonts/klavika-light-italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika-medium.woff2") format("woff2"), url("../fonts/klavika-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'klavika';
  src: url("../fonts/klavika-medium-italic.woff2") format("woff2"), url("../fonts/klavika-medium-italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'icones-sustentabilidade';
  src: url("../fonts/icones-sustentabilidade.eot?ck0sg5");
  src: url("../fonts/icones-sustentabilidade.eot?ck0sg5#iefix") format("embedded-opentype"), url("../fonts/icones-sustentabilidade.ttf?ck0sg5") format("truetype"), url("../fonts/icones-sustentabilidade.woff?ck0sg5") format("woff"), url("../fonts/icones-sustentabilidade.svg?ck0sg5#icones-sustentabilidade") format("svg");
  font-weight: normal;
}

/* line 81, src/sass/_tipografia.scss */
.icones {
  font-family: 'icones-sustentabilidade' !important;
  font-size: inherit;
  font-style: normal !important;
  font-weight: normal !important;
  color: inherit;
  font-display: swap;
}

/* line 90, src/sass/_tipografia.scss */
.icone-linkedin::before {
  content: '\e900';
}

/* line 91, src/sass/_tipografia.scss */
.icone-tiktok::before {
  content: '\e901';
}

/* line 92, src/sass/_tipografia.scss */
.icone-youtube::before {
  content: '\e902';
}

/* line 93, src/sass/_tipografia.scss */
.icone-facebook::before {
  content: '\e904';
}

/* line 94, src/sass/_tipografia.scss */
.icone-instagram::before {
  content: '\e903';
}

/* line 95, src/sass/_tipografia.scss */
.icone-chevron-right::before {
  content: '\e905';
}

/* line 96, src/sass/_tipografia.scss */
.icone-chevron-left::before {
  content: '\e906';
}

/* ==========================================================================
   Reset
   ========================================================================== */
/* line 5, src/sass/geral/_reset.scss */
.sust,
.sust * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 9, src/sass/geral/_reset.scss */

/* line 14, src/sass/geral/_reset.scss */

@media screen and (min-width: 768px) {
  /* line 14, src/sass/geral/_reset.scss */
}

/* line 24, src/sass/geral/_reset.scss */
.sust a {
  color: inherit;
}

/* line 26, src/sass/geral/_reset.scss */
.sust a:hover {
  text-decoration: inherit;
}

/* line 29, src/sass/geral/_reset.scss */
img, iframe, object, video {
  max-width: 100%;
  width: auto;
  height: auto;
}

/* line 36, src/sass/geral/_reset.scss */
form:after, form:before {
  display: table;
  content: " ";
}

/* line 41, src/sass/geral/_reset.scss */
form:after {
  clear: both;
}

/* line 44, src/sass/geral/_reset.scss */
textarea {
  max-width: 100%;
  width: 100%;
}

/* line 49, src/sass/geral/_reset.scss */
b, strong {
  font-weight: 700;
}

/* ==========================================================================
    Geral
   ========================================================================== */
/* line 5, src/sass/geral/_geral.scss */
.sust {
  font-family: 'klavika', sans-serif;
  font-size: 16px;
}

/* line 10, src/sass/geral/_geral.scss */
.container {
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 1200px) {
  /* line 10, src/sass/geral/_geral.scss */
  .container {
    max-width: 1126px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1600px) {
  /* line 10, src/sass/geral/_geral.scss */
  .container {
    max-width: 1320px;
  }
}

/* line 25, src/sass/geral/_geral.scss */
.c-vermelho {
  color: #AE2E2A;
}

/* line 28, src/sass/geral/_geral.scss */
.c-amarelo {
  color: #F4BA44;
}

/* line 32, src/sass/geral/_geral.scss */
.sect-valores {
  position: relative;
  padding-top: 48px;
  background-color: #E5E1CF;
  overflow: hidden;
}

@media (min-width: 992px) {
  /* line 32, src/sass/geral/_geral.scss */
  .sect-valores {
    padding-top: 64px;
    font-size: 18px;
  }
}

/* line 43, src/sass/geral/_geral.scss */
.sect-valores .container {
  position: relative;
  z-index: 2;
}

/* line 48, src/sass/geral/_geral.scss */
.sect-valores .titulo {
  margin-bottom: 0;
}

/* line 52, src/sass/geral/_geral.scss */
.sect-valores .texto {
  margin-top: 16px;
  margin-bottom: 48px;
}

/* line 57, src/sass/geral/_geral.scss */
.sect-valores_carrossel {
  margin-top: 32px;
  overflow: visible;
}

@media (min-width: 992px) {
  /* line 57, src/sass/geral/_geral.scss */
  .sect-valores_carrossel {
    margin-top: 48px;
  }
}

/* line 65, src/sass/geral/_geral.scss */
.sect-valores_carrossel .swiper-pagination {
  position: static;
  margin-top: 16px;
}

@media (min-width: 992px) {
  /* line 65, src/sass/geral/_geral.scss */
  .sect-valores_carrossel .swiper-pagination {
    display: none;
  }
}

/* line 73, src/sass/geral/_geral.scss */
.sect-valores_carrossel .swiper-pagination-bullet {
  background-color: #CFCBBB;
  opacity: 1;
}

/* line 77, src/sass/geral/_geral.scss */
.sect-valores_carrossel .swiper-pagination-bullet-active {
  background-color: #AE2E2A;
  opacity: 1;
}

/* line 85, src/sass/geral/_geral.scss */
.sect-valores .card {
  height: 224px;
  padding: 32px 20px 0;
  background-color: #AE2E2A;
  color: white;
  text-align: center;
  line-height: 120%;
  border-radius: 40px 0px;
  transition: all ease 0.4s;
}

@media (min-width: 992px) {
  /* line 85, src/sass/geral/_geral.scss */
  .sect-valores .card {
    height: 240px;
  }
}

@media (min-width: 1920px) {
  /* line 85, src/sass/geral/_geral.scss */
  .sect-valores .card {
    height: 260px;
  }
}

/* line 103, src/sass/geral/_geral.scss */
.sect-valores .card .titulo {
  margin-bottom: 18px;
  color: #F4BA44;
}

@media (min-width: 1920px) {
  /* line 103, src/sass/geral/_geral.scss */
  .sect-valores .card .titulo {
    font-size: 32px;
  }
}

/* line 112, src/sass/geral/_geral.scss */
.sect-valores .card:hover {
  background-color: #D47120;
}

/* line 134, src/sass/geral/_geral.scss */
.sect-objetivos {
  padding-top: 40px;
  padding-bottom: 164px;
  background-color: #35302D;
  color: white;
}

@media (min-width: 992px) {
  /* line 134, src/sass/geral/_geral.scss */
  .sect-objetivos {
    padding-top: 64px;
    padding-bottom: 154px;
  }
}

/* line 145, src/sass/geral/_geral.scss */
.sect-objetivos .titulo {
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  /* line 145, src/sass/geral/_geral.scss */
  .sect-objetivos .titulo {
    margin-bottom: 32px;
  }
}

/* line 153, src/sass/geral/_geral.scss */
.sect-objetivos .box {
  margin-bottom: 24px;
  padding: 32px;
  font-size: 16px;
  line-height: 140%;
  border: 2px solid #F4BA44;
  border-radius: 20px;
}

@media (min-width: 992px) {
  /* line 153, src/sass/geral/_geral.scss */
  .sect-objetivos .box {
    margin-bottom: 0;
    height: 100%;
    font-size: 18px;
    line-height: 160%;
  }
}

/* line 170, src/sass/geral/_geral.scss */
.iniciativas_sect {
  overflow: hidden;
  padding: 56px 0 80px;
}

@media (min-width: 992px) {
  /* line 170, src/sass/geral/_geral.scss */
  .iniciativas_sect {
    padding: 64px 0 120px;
  }
}

/* line 179, src/sass/geral/_geral.scss */
.iniciativas_sect .titulo.lg {
  text-align: center;
  margin: 0;
}

@media (min-width: 768px) {
  /* line 179, src/sass/geral/_geral.scss */
  .iniciativas_sect .titulo.lg {
    text-align: initial;
  }
}

/* line 189, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel {
  overflow: visible;
  margin-top: 32px;
}

@media (min-width: 992px) {
  /* line 189, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel {
    margin-top: 48px;
  }
}

/* line 197, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .bottom_nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 92px;
  margin-top: 32px;
}

@media (min-width: 768px) {
  /* line 197, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .bottom_nav {
    display: none;
  }
}

/* line 209, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .bottom_nav .slide-handle_btn {
  background-color: transparent;
  outline: none;
  border: 0;
  padding: 0;
}

/* line 215, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .bottom_nav .slide-handle_btn.swiper-button-disabled {
  opacity: 0.3;
}

/* line 220, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .bottom_nav .counter_holder {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.5px;
}

@media (min-width: 768px) {
  /* line 233, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .swiper-wrapper {
    flex-wrap: wrap;
    gap: 32px;
  }
}

/* line 240, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .swiper-slide {
  height: auto;
}

@media (min-width: 768px) {
  /* line 240, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .swiper-slide {
    width: calc(50% - 16px);
  }
}

@media (min-width: 1200px) {
  /* line 240, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .swiper-slide {
    width: calc(33.33% - 21.33px);
  }
}

/* line 252, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .iniciativa_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  border-radius: 20px 0px;
  background-color: #E5E1CF;
  text-decoration: none;
  transition: 0.4s ease;
  height: 100%;
}

@media (min-width: 768px) {
  /* line 252, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .iniciativa_card {
    width: 100%;
    padding: 40px 32px;
    min-height: 300px;
  }
}

@media (min-width: 992px) {
  /* line 252, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .iniciativa_card {
    min-height: 360px;
  }
}

/* line 273, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .iniciativa_card:hover {
  background-color: #CFCBBB;
  transform: translateY(-12px);
}

/* line 278, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .iniciativa_card .card_icon {
  width: fit-content;
  flex: 1;
  max-height: 55px;
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  /* line 278, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .iniciativa_card .card_icon {
    max-height: 80px;
    margin-bottom: 32px;
  }
}

/* line 290, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .iniciativa_card .card_desc {
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}

/* line 297, src/sass/geral/_geral.scss */
.iniciativas_sect .iniciativas_carousel .iniciativa_card .saiba-mais_text {
  color: #AE2E2A;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0.5px;
}

@media (min-width: 768px) {
  /* line 297, src/sass/geral/_geral.scss */
  .iniciativas_sect .iniciativas_carousel .iniciativa_card .saiba-mais_text {
    display: none;
  }
}

/* line 311, src/sass/geral/_geral.scss */
.banner-principal {
  background-image: url(../static/sustentabilidade/img-banner-home-mobile-novo.jpg);
  background-position: bottom;
  background-size: cover;
  height: 600px;
}

@media (min-width: 992px) {
  /* line 311, src/sass/geral/_geral.scss */
  .banner-principal {
    background-image: url(../static/sustentabilidade/img-banner-home-desktop-novo.jpg);
    background-position: center;
    height: 520px;
  }
}

@media (min-width: 1600px) {
  /* line 311, src/sass/geral/_geral.scss */
  .banner-principal {
    height: 650px;
  }
}

/* line 327, src/sass/geral/_geral.scss */
.banner-principal .container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
}

@media (min-width: 992px) {
  /* line 327, src/sass/geral/_geral.scss */
  .banner-principal .container {
    align-items: center;
  }
}

/* line 339, src/sass/geral/_geral.scss */
.banner-principal .info {
  width: 100%;
  padding-top: 56px;
}

@media (min-width: 992px) {
  /* line 339, src/sass/geral/_geral.scss */
  .banner-principal .info {
    max-width: 550px;
    padding-top: 0;
  }
}

/* line 348, src/sass/geral/_geral.scss */
.banner-principal .info .banner-logo {
  width: 198px;
  margin-bottom: 32px;
}

@media (min-width: 992px) {
  /* line 348, src/sass/geral/_geral.scss */
  .banner-principal .info .banner-logo {
    width: initial;
  }
}

/* line 357, src/sass/geral/_geral.scss */
.banner-principal .info .titulo {
  color: #F4BA44;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

@media (min-width: 992px) {
  /* line 357, src/sass/geral/_geral.scss */
  .banner-principal .info .titulo {
    font-size: 48px;
  }
}

/* line 370, src/sass/geral/_geral.scss */
.banner-principal .info .paragrafo {
  color: white;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

@media (min-width: 992px) {
  /* line 370, src/sass/geral/_geral.scss */
  .banner-principal .info .paragrafo {
    font-size: 24px;
  }
}

/* line 384, src/sass/geral/_geral.scss */
.banner-agenda {
  border-radius: 20px;
  padding: 24px 32px 80px;
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 80px;
  background-image: url("../static/sustentabilidade/bg-agenda-mobile.png"), linear-gradient(90deg, #9F2927 0.03%, #9F2927 39.72%, #A32E25 70.03%, #A63424 83.84%, #9F2927 99.93%);
  border-radius: 20px;
}

@media (min-width: 992px) {
  /* line 384, src/sass/geral/_geral.scss */
  .banner-agenda {
    padding: 40px 0 52px 60px;
    background-image: url("../static/sustentabilidade/bg-agenda.png");
    background-position: center;
    margin-top: 124px;
  }
}

/* line 402, src/sass/geral/_geral.scss */
.banner-agenda .arvore-agenda {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 137px;
  border-radius: 0 0 20px 0;
}

@media (min-width: 992px) {
  /* line 402, src/sass/geral/_geral.scss */
  .banner-agenda .arvore-agenda {
    max-height: inherit;
    top: -40px;
  }
}

/* line 415, src/sass/geral/_geral.scss */
.banner-agenda .banner_image {
  position: absolute;
  right: 192px;
  bottom: 0;
  right: 0;
  max-height: 100%;
}

@media (min-width: 992px) {
  /* line 415, src/sass/geral/_geral.scss */
  .banner-agenda .banner_image {
    right: 192px;
  }
}

/* line 427, src/sass/geral/_geral.scss */
.banner-agenda .titulo {
  color: white;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  /* line 427, src/sass/geral/_geral.scss */
  .banner-agenda .titulo {
    margin-bottom: 24px;
    max-width: 683px;
  }
}

/* line 437, src/sass/geral/_geral.scss */
.banner-agenda .link-agenda {
  color: #F4BA44;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all ease 0.3s;
}

/* line 446, src/sass/geral/_geral.scss */
.banner-agenda .link-agenda:hover {
  color: #f7cc74;
}

@media (min-width: 992px) {
  /* line 437, src/sass/geral/_geral.scss */
  .banner-agenda .link-agenda {
    font-size: 24px;
  }
}

/* line 456, src/sass/geral/_geral.scss */
.interna-banner-small_sect {
  padding: 48px 0;
  background-color: #E5E1CF;
}

@media (min-width: 992px) {
  /* line 456, src/sass/geral/_geral.scss */
  .interna-banner-small_sect {
    padding: 72px 0 80px;
  }
}

/* line 464, src/sass/geral/_geral.scss */
.interna-banner-small_sect .banner-agenda {
  margin-top: 0;
}

/* line 469, src/sass/geral/_geral.scss */
.interna_sect {
  padding: 32px 0 90px;
  overflow: hidden;
}

@media (min-width: 992px) {
  /* line 469, src/sass/geral/_geral.scss */
  .interna_sect {
    padding: 25px 0 80px;
  }
}

/* line 477, src/sass/geral/_geral.scss */
.interna_sect .interna_content {
  color: #18191B;
  margin-top: 32px;
}

@media (min-width: 992px) {
  /* line 477, src/sass/geral/_geral.scss */
  .interna_sect .interna_content {
    margin-top: 24px;
  }
}

/* line 485, src/sass/geral/_geral.scss */
.interna_sect .interna_content .intro_text {
  color: #18191B;
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  /* line 485, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .intro_text {
    margin-bottom: 24px;
    font-size: 24px;
  }
}

/* line 499, src/sass/geral/_geral.scss */
.interna_sect .interna_content .intro_image {
  width: 100%;
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  /* line 499, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .intro_image {
    margin-bottom: 32px;
  }
}

/* line 508, src/sass/geral/_geral.scss */
.interna_sect .interna_content .texts_wrapper {
  margin-bottom: 40px;
}

/* line 512, src/sass/geral/_geral.scss */
.interna_sect .interna_content .text {
  line-height: 150%;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

/* line 517, src/sass/geral/_geral.scss */
.interna_sect .interna_content .text + .text {
  margin-top: 16px;
}

@media (min-width: 992px) {
  /* line 517, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .text + .text {
    margin-top: 24px;
  }
}

/* line 528, src/sass/geral/_geral.scss */
.interna_sect .interna_content .content_list .list_item + .list_item {
  margin-top: 16px;
}

/* line 534, src/sass/geral/_geral.scss */
.interna_sect .interna_content .boxs_wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

@media (min-width: 992px) {
  /* line 534, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .boxs_wrapper {
    gap: 24px;
    margin-top: 40px;
  }
}

/* line 548, src/sass/geral/_geral.scss */
.interna_sect .interna_content .card-descarte {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 8px);
  border-radius: 12px 0px;
  background-color: #AE2E2A;
  min-height: 140px;
}

@media (min-width: 992px) {
  /* line 548, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .card-descarte {
    width: calc(25% - 18px);
    min-height: 225px;
  }
}

/* line 562, src/sass/geral/_geral.scss */
.interna_sect .interna_content .card-descarte .box_content {
  color: #F4BA44;
  display: flex;
  align-items: flex-start;
}

/* line 567, src/sass/geral/_geral.scss */
.interna_sect .interna_content .card-descarte .box_content .plus_text {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.313px;
}

@media (min-width: 992px) {
  /* line 567, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .card-descarte .box_content .plus_text {
    letter-spacing: 0.5px;
  }
}

/* line 579, src/sass/geral/_geral.scss */
.interna_sect .interna_content .card-descarte .box_content .info_holder .big-number {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.313px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  /* line 579, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .card-descarte .box_content .info_holder .big-number {
    letter-spacing: 0.5px;
  }
}

/* line 590, src/sass/geral/_geral.scss */
.interna_sect .interna_content .card-descarte .box_content .info_holder .big-number .small_text {
  font-size: 24px;
  margin-left: 5px;
}

/* line 596, src/sass/geral/_geral.scss */
.interna_sect .interna_content .card-descarte .box_content .info_holder .desc {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.313px;
  text-align: center;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  /* line 596, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .card-descarte .box_content .info_holder .desc {
    letter-spacing: 0.5px;
  }
}

/* line 615, src/sass/geral/_geral.scss */
.interna_sect .interna_content .image_holder {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: fit-content;
  margin: 0 auto 40px;
}

/* line 622, src/sass/geral/_geral.scss */
.interna_sect .interna_content .image_holder .image {
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  /* line 622, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .image_holder .image {
    margin-bottom: 24px;
  }
}

/* line 632, src/sass/geral/_geral.scss */
.interna_sect .interna_content .depoiment_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media (min-width: 992px) {
  /* line 632, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .depoiment_box {
    flex-direction: row;
    text-align: left;
    gap: 40px;
  }
}

/* line 645, src/sass/geral/_geral.scss */
.interna_sect .interna_content .depoiment_box + .depoiment_box {
  margin-top: 56px;
}

@media (min-width: 992px) {
  /* line 645, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .depoiment_box + .depoiment_box {
    margin-top: 46px;
  }
}

/* line 653, src/sass/geral/_geral.scss */
.interna_sect .interna_content .depoiment_box .content {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.5px;
}

@media (min-width: 992px) {
  /* line 653, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .depoiment_box .content {
    font-size: 24px;
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  /* line 666, src/sass/geral/_geral.scss */
  .interna_sect .interna_content .depoiment_box.reverse {
    flex-direction: row-reverse;
    text-align: right;
  }
}

/* line 676, src/sass/geral/_geral.scss */
.interna_sect .galeria-images-desk {
  margin-top: 60px;
}

/* line 683, src/sass/geral/_geral.scss */
.carousel-galeria-imagens {
  margin-top: 40px;
}

/* line 686, src/sass/geral/_geral.scss */
.carousel-galeria-imagens.swiper {
  overflow: visible !important;
}

/* line 689, src/sass/geral/_geral.scss */
.carousel-galeria-imagens.swiper .swiper-slide {
  height: 255px;
  overflow: hidden;
}

@media (min-width: 768px) {
  /* line 689, src/sass/geral/_geral.scss */
  .carousel-galeria-imagens.swiper .swiper-slide {
    height: 320px;
  }
}

/* line 697, src/sass/geral/_geral.scss */
.carousel-galeria-imagens.swiper .swiper-slide .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 702, src/sass/geral/_geral.scss */
.carousel-galeria-imagens.swiper .swiper-slide .img.img1 {
  width: 50%;
}

/* line 708, src/sass/geral/_geral.scss */
.carousel-galeria-imagens.swiper .swiper-pagination {
  bottom: -46px;
}

/* line 711, src/sass/geral/_geral.scss */
.carousel-galeria-imagens.swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #CFCBBB;
  width: 10px;
  height: 10px;
  opacity: 1;
}

/* line 717, src/sass/geral/_geral.scss */
.carousel-galeria-imagens.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #F4BA44;
}

/* line 727, src/sass/geral/_geral.scss */
.carousel-descarte.swiper {
  overflow: visible !important;
}

/* line 731, src/sass/geral/_geral.scss */
.carousel-descarte.swiper .swiper-pagination {
  bottom: -46px;
}

/* line 734, src/sass/geral/_geral.scss */
.carousel-descarte.swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #CFCBBB;
  width: 10px;
  height: 10px;
  opacity: 1;
}

/* line 740, src/sass/geral/_geral.scss */
.carousel-descarte.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #F4BA44;
}

/* line 747, src/sass/geral/_geral.scss */
.carousel-descarte .card-descarte {
  min-height: 255px !important;
}

/* line 752, src/sass/geral/_geral.scss */
.voltar_link {
  display: flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
  color: #AE2E2A;
  text-decoration: none;
}

/* line 761, src/sass/geral/_geral.scss */
.voltar_link:hover .icones {
  transform: translateX(-5px);
}

/* line 766, src/sass/geral/_geral.scss */
.voltar_link .link_text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.5px;
}

/* line 772, src/sass/geral/_geral.scss */
.voltar_link .icones {
  font-size: 14px;
  transition: 0.4s ease;
}

/* line 778, src/sass/geral/_geral.scss */
.link-vermelho {
  color: #AE2E2A;
}

/* line 783, src/sass/geral/_geral.scss */
.card-home-wrapper {
  background-color: #35302D;
  padding-bottom: 64px;
  position: relative;
  z-index: 1;
}

/* line 789, src/sass/geral/_geral.scss */
.card-home-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  border-color: transparent;
  background-color: #E5E1CF;
  background-image: url(../static/sustentabilidade/rectangle-detalhe.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  z-index: -1;
}

@media (min-width: 992px) {
  /* line 789, src/sass/geral/_geral.scss */
  .card-home-wrapper::before {
    height: 180px;
  }
}

@media (min-width: 1400px) {
  /* line 789, src/sass/geral/_geral.scss */
  .card-home-wrapper::before {
    height: 200px;
  }
}

@media (min-width: 1600px) {
  /* line 789, src/sass/geral/_geral.scss */
  .card-home-wrapper::before {
    height: 240px;
  }
}

/* line 819, src/sass/geral/_geral.scss */
.card-home {
  margin-bottom: 24px;
  padding: 32px 24px;
  font-size: 16px;
  line-height: 140%;
  border: 2px solid #F4BA44;
  border-radius: 16px;
  background-color: #35302D;
}

/* line 828, src/sass/geral/_geral.scss */
.card-home .title {
  color: #F4BA44;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 10px;
}

/* line 837, src/sass/geral/_geral.scss */
.card-home .paragrafo {
  color: white;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  /* line 819, src/sass/geral/_geral.scss */
  .card-home {
    margin-bottom: 0;
    height: 100%;
    min-height: 357px;
    font-size: 18px;
    line-height: 160%;
  }
}

/* line 855, src/sass/geral/_geral.scss */
.banner-relatorio {
  padding-top: 42px;
  background-color: #E5E1CF;
}

@media (min-width: 992px) {
  /* line 855, src/sass/geral/_geral.scss */
  .banner-relatorio {
    padding-top: 64px;
  }
}

/* line 863, src/sass/geral/_geral.scss */
.banner-relatorio_content {
  background: #AE2E2A;
  border-radius: 16px;
  height: 359px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
}

@media (min-width: 992px) {
  /* line 863, src/sass/geral/_geral.scss */
  .banner-relatorio_content {
    justify-content: center;
    height: 328px;
  }
}

/* line 878, src/sass/geral/_geral.scss */
.banner-relatorio_content .img-mobile {
  object-fit: cover;
  height: 228px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

@media (min-width: 992px) {
  /* line 878, src/sass/geral/_geral.scss */
  .banner-relatorio_content .img-mobile {
    display: none;
  }
}

/* line 892, src/sass/geral/_geral.scss */
.banner-relatorio_content .img-desktop {
  object-fit: contain;
  position: absolute;
  top: 0;
  right: -160px;
  z-index: 1;
  width: 910px;
  display: none;
}

@media (min-width: 992px) {
  /* line 892, src/sass/geral/_geral.scss */
  .banner-relatorio_content .img-desktop {
    display: block;
  }
}

@media (min-width: 1200px) {
  /* line 892, src/sass/geral/_geral.scss */
  .banner-relatorio_content .img-desktop {
    right: 0;
  }
}

/* line 910, src/sass/geral/_geral.scss */
.banner-relatorio_content .gradiente {
  background: linear-gradient(0deg, #6D1009 36.86%, rgba(109, 16, 9, 0.37) 71.3%, rgba(109, 16, 9, 0.16) 77.24%, rgba(109, 16, 9, 0) 82.78%);
  height: 100%;
  width: 991px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

@media (min-width: 992px) {
  /* line 910, src/sass/geral/_geral.scss */
  .banner-relatorio_content .gradiente {
    background: linear-gradient(90deg, #6D1009 43.34%, rgba(109, 16, 9, 0.37) 69.31%, rgba(109, 16, 9, 0.16) 75.07%, rgba(109, 16, 9, 0) 80.43%);
    width: 900px;
    height: 400px;
  }
}

@media (min-width: 1600px) {
  /* line 910, src/sass/geral/_geral.scss */
  .banner-relatorio_content .gradiente {
    width: 1100px;
  }
}

/* line 931, src/sass/geral/_geral.scss */
.banner-relatorio_content-text {
  padding: 0 20px 32px;
  position: relative;
  z-index: 3;
}

@media (min-width: 768px) {
  /* line 931, src/sass/geral/_geral.scss */
  .banner-relatorio_content-text {
    padding: 0 45px 32px;
  }
}

@media (min-width: 992px) {
  /* line 931, src/sass/geral/_geral.scss */
  .banner-relatorio_content-text {
    padding: 0 60px;
  }
}

/* line 944, src/sass/geral/_geral.scss */
.banner-relatorio_content-text .texto {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.706px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  /* line 944, src/sass/geral/_geral.scss */
  .banner-relatorio_content-text .texto {
    font-size: 42px;
  }
}

/* line 957, src/sass/geral/_geral.scss */
.banner-relatorio_content-text .titulo {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.706px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  /* line 957, src/sass/geral/_geral.scss */
  .banner-relatorio_content-text .titulo {
    font-size: 46px;
  }
}

/* line 970, src/sass/geral/_geral.scss */
.banner-relatorio_content-text .desc {
  font-size: 16px;
  color: white;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  /* line 970, src/sass/geral/_geral.scss */
  .banner-relatorio_content-text .desc {
    font-size: 22px;
    margin-bottom: 32px;
  }
}

/* line 981, src/sass/geral/_geral.scss */
.banner-relatorio_content-text .btn-amarelo {
  height: 48px;
  font-size: 16px;
  max-width: 183px;
}

@media (min-width: 992px) {
  /* line 981, src/sass/geral/_geral.scss */
  .banner-relatorio_content-text .btn-amarelo {
    height: 57px;
    font-size: 18px;
    max-width: 213px;
  }
}

/* line 992, src/sass/geral/_geral.scss */
.banner-relatorio_content-text .btn-amarelo img {
  width: 16px;
  margin-left: 8px;
}

@media (min-width: 992px) {
  /* line 992, src/sass/geral/_geral.scss */
  .banner-relatorio_content-text .btn-amarelo img {
    width: 20px;
  }
}

/* line 1003, src/sass/geral/_geral.scss */
.banner-relatorio .input-area {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 768px) {
  /* line 1003, src/sass/geral/_geral.scss */
  .banner-relatorio .input-area {
    flex-direction: row;
  }
}

/* line 1012, src/sass/geral/_geral.scss */
.banner-relatorio .input-area .form-item {
  width: 100%;
}

@media (min-width: 768px) {
  /* line 1012, src/sass/geral/_geral.scss */
  .banner-relatorio .input-area .form-item {
    width: 270px;
  }
}

/* line 1020, src/sass/geral/_geral.scss */
.banner-relatorio .input-area .btn-amarelo {
  width: 100%;
  height: 48px;
  max-width: 100%;
}

@media (min-width: 768px) {
  /* line 1020, src/sass/geral/_geral.scss */
  .banner-relatorio .input-area .btn-amarelo {
    width: 213px;
  }
}

/* ==========================================================================
   Botoes
   ========================================================================== */
/* line 4, src/sass/componentes/_btns.scss */
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 47px;
  padding: 0 25px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 3px;
  transition: 0.4s ease;
}

/* line 16, src/sass/componentes/_btns.scss */
.btn.btn-outline {
  border: 2px solid  #F4BA44;
  background-color: transparent;
  color: #F4BA44;
}

/* line 21, src/sass/componentes/_btns.scss */
.btn.btn-outline:hover {
  background-color: #F4BA44;
  color: #292522;
}

/* line 27, src/sass/componentes/_btns.scss */
.btn.btn-amarelo {
  background-color: #F4BA44;
  color: #35302D;
}

/* line 31, src/sass/componentes/_btns.scss */
.btn.btn-amarelo:hover {
  background-color: #f1a814;
}

/* ==========================================================================
   Títulos
   ========================================================================== */
/* line 5, src/sass/componentes/_titulos.scss */
.titulo {
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.5px;
}

/* line 10, src/sass/componentes/_titulos.scss */
.titulo.xl {
  font-weight: 700;
  font-size: 32px;
}

@media (min-width: 992px) {
  /* line 10, src/sass/componentes/_titulos.scss */
  .titulo.xl {
    font-size: 48px;
  }
}

/* line 19, src/sass/componentes/_titulos.scss */
.titulo.lg {
  font-size: 24px;
}

@media (min-width: 992px) {
  /* line 19, src/sass/componentes/_titulos.scss */
  .titulo.lg {
    font-size: 40px;
  }
}

/* line 27, src/sass/componentes/_titulos.scss */
.titulo.md {
  font-size: 32px;
  letter-spacing: initial;
}

@media (min-width: 992px) {
  /* line 27, src/sass/componentes/_titulos.scss */
  .titulo.md {
    font-size: 38px;
  }
}

/* line 36, src/sass/componentes/_titulos.scss */
.titulo.sm {
  font-size: 20px;
}

@media (min-width: 992px) {
  /* line 36, src/sass/componentes/_titulos.scss */
  .titulo.sm {
    font-size: 32px;
  }
}

/* line 44, src/sass/componentes/_titulos.scss */
.titulo.xs {
  font-size: 20px;
}

@media (min-width: 992px) {
  /* line 44, src/sass/componentes/_titulos.scss */
  .titulo.xs {
    font-size: 24px;
  }
}

/* ==========================================================================
   Header
   ========================================================================== */
/* line 5, src/sass/componentes/_header.scss */
.header {
  background-color: #35302D;
}

/* line 8, src/sass/componentes/_header.scss */
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 17px;
  padding-bottom: 17px;
}

@media (min-width: 992px) {
  /* line 8, src/sass/componentes/_header.scss */
  .header .container {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

/* line 20, src/sass/componentes/_header.scss */
.header .container .header_logo {
  max-width: 112px;
}

@media (min-width: 992px) {
  /* line 20, src/sass/componentes/_header.scss */
  .header .container .header_logo {
    max-width: initial;
  }
}

/* ==========================================================================
   Footer
   ========================================================================== */
/* line 4, src/sass/componentes/_footer.scss */
.footer {
  background-color: #35302D;
  width: 100%;
  padding: 40px 0;
  color: white;
}

@media (min-width: 992px) {
  /* line 4, src/sass/componentes/_footer.scss */
  .footer {
    padding: 51px 0;
  }
}

/* line 14, src/sass/componentes/_footer.scss */
.footer .right {
  border-bottom: 1px solid #505050;
  padding-bottom: 32px;
}

@media (min-width: 992px) {
  /* line 14, src/sass/componentes/_footer.scss */
  .footer .right {
    border-bottom: none;
    padding-bottom: 0;
  }
}

/* line 23, src/sass/componentes/_footer.scss */
.footer .right .desk {
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 24px;
}

/* line 30, src/sass/componentes/_footer.scss */
.footer .right .social-area {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 35, src/sass/componentes/_footer.scss */
.footer .right .social-area .link-social {
  margin-right: 20px;
  text-decoration: none;
  transition: all ease-in-out .3s;
  font-size: 24px;
}

/* line 41, src/sass/componentes/_footer.scss */
.footer .right .social-area .link-social:hover {
  color: #F4BA44;
}

/* line 45, src/sass/componentes/_footer.scss */
.footer .right .social-area .link-social .icone-youtube {
  font-size: 17px;
}

/* line 52, src/sass/componentes/_footer.scss */
.footer .left {
  display: flex;
  flex-direction: column;
  padding-top: 36px;
}

@media (min-width: 992px) {
  /* line 52, src/sass/componentes/_footer.scss */
  .footer .left {
    flex-direction: row;
    padding-top: 0;
  }
}

/* line 62, src/sass/componentes/_footer.scss */
.footer .left .list {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

@media (min-width: 992px) {
  /* line 62, src/sass/componentes/_footer.scss */
  .footer .left .list {
    margin-right: 76px;
  }
  /* line 70, src/sass/componentes/_footer.scss */
  .footer .left .list:nth-of-type(2) {
    margin-right: 44px;
  }
  /* line 74, src/sass/componentes/_footer.scss */
  .footer .left .list:last-of-type {
    margin-right: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 80, src/sass/componentes/_footer.scss */
  .footer .left .list:last-of-type {
    margin-right: 66px;
  }
}

/* line 86, src/sass/componentes/_footer.scss */
.footer .left .list .list_li {
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  /* line 86, src/sass/componentes/_footer.scss */
  .footer .left .list .list_li {
    margin-bottom: 30px;
  }
  /* line 92, src/sass/componentes/_footer.scss */
  .footer .left .list .list_li:last-of-type {
    margin-bottom: 0;
  }
}

/* line 99, src/sass/componentes/_footer.scss */
.footer .left .list .list_link {
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: all ease-in-out .3s;
}

/* line 105, src/sass/componentes/_footer.scss */
.footer .left .list .list_link:hover {
  color: #F4BA44;
}

/* line 1, src/sass/componentes/_breadcrumb.scss */
.breadcrumb {
  display: none;
}

@media (min-width: 992px) {
  /* line 1, src/sass/componentes/_breadcrumb.scss */
  .breadcrumb {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    gap: 40px;
  }
}

/* line 11, src/sass/componentes/_breadcrumb.scss */
.breadcrumb .breadcrumb_item {
  position: relative;
  color: #35302D;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.5px;
}

/* line 19, src/sass/componentes/_breadcrumb.scss */
.breadcrumb .breadcrumb_item .breadcrumb_link {
  text-decoration: none;
  color: #AE2E2A;
  transition: 0.4s ease;
}

/* line 24, src/sass/componentes/_breadcrumb.scss */
.breadcrumb .breadcrumb_item .breadcrumb_link:hover {
  color: #D47120;
}

/* line 30, src/sass/componentes/_breadcrumb.scss */
.breadcrumb .breadcrumb_item + .breadcrumb_item::before {
  content: '\e905';
  font-family: 'icones-sustentabilidade' !important;
  font-size: inherit;
  font-style: normal !important;
  font-weight: normal !important;
  color: inherit;
  font-display: swap;
  position: absolute;
  top: 50%;
  left: -24px;
  transform: translateY(-43%);
  color: #CFCBBB;
  font-size: 12px;
}

/* ==========================================================================
   Modais
   ========================================================================== */
/* line 6, src/sass/componentes/_modais.scss */
.modal-image .modal-dialog {
  max-width: 1084px;
}

/* line 9, src/sass/componentes/_modais.scss */
.modal-image .modal-dialog .modal-content {
  background-color: transparent;
  border: 0;
}

/* line 13, src/sass/componentes/_modais.scss */
.modal-image .modal-dialog .modal-content .modal-header {
  padding: 0 0 16px;
  border: 0;
  justify-content: flex-end;
}

/* line 18, src/sass/componentes/_modais.scss */
.modal-image .modal-dialog .modal-content .modal-header .btn_close {
  background-color: transparent;
  outline: none;
  border: 0;
  padding: 0;
  transition: 0.4s ease;
}

/* line 25, src/sass/componentes/_modais.scss */
.modal-image .modal-dialog .modal-content .modal-header .btn_close:hover {
  opacity: 0.8;
}

/* line 31, src/sass/componentes/_modais.scss */
.modal-image .modal-dialog .modal-content .modal-body {
  padding: 0;
}

/* line 33, src/sass/componentes/_modais.scss */
.modal-image .modal-dialog .modal-content .modal-body .image {
  width: 100%;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/* line 4, src/sass/componentes/_forms.scss */
.form-item {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* line 9, src/sass/componentes/_forms.scss */
.form-item .form-label {
  position: absolute;
  font-size: 14px;
  color: #867F6C;
  left: 13px;
  transition: all 0.2s linear;
  z-index: 1;
  font-weight: 500;
  line-height: 16px;
  top: 16px;
  margin-bottom: 0;
  pointer-events: none;
}

/* line 22, src/sass/componentes/_forms.scss */
.form-item .form-label.active {
  font-size: 11px;
  top: 8px;
}

/* line 28, src/sass/componentes/_forms.scss */
.form-item:has(.icone-esq) .form-label {
  left: 48px;
}

/* line 32, src/sass/componentes/_forms.scss */
.form-item:has(.btn-search):has(input:focus) .form-label,
.form-item:has(.btn-search) .form-label.active {
  display: none;
}

/* line 37, src/sass/componentes/_forms.scss */
.form-item .form-control {
  padding: 21px 12px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #32302D;
  height: 48px;
  border-bottom: 1px solid #948F7B;
  background: #FFF;
  border-radius: 0;
}

/* line 48, src/sass/componentes/_forms.scss */
.form-item .form-control:focus {
  outline: none;
  box-shadow: none;
}

/* line 53, src/sass/componentes/_forms.scss */
.form-item .form-control.icon-left {
  padding: 23px 12px 8px 48px;
}

/* line 57, src/sass/componentes/_forms.scss */
.form-item .form-control.icon-right {
  padding: 23px 48px 8px 12px;
}

/* line 61, src/sass/componentes/_forms.scss */
.form-item .form-control.icon-ambos {
  padding: 23px 48px 8px 48px;
}

/* line 65, src/sass/componentes/_forms.scss */
.form-item .form-control.icon-ambos.search {
  padding: 0 88px 0 48px;
}

/* line 69, src/sass/componentes/_forms.scss */
.form-item .form-control.icon-right.search {
  padding: 0 88px 0 24px;
}

/* line 73, src/sass/componentes/_forms.scss */
.form-item .form-control.search {
  border-radius: 24px;
}

/* line 78, src/sass/componentes/_forms.scss */
.form-item input.form-control:disabled {
  border-color: #CECBCB;
  color: #8F8C8C;
}

/* line 83, src/sass/componentes/_forms.scss */
.form-item:has(input:disabled) .form-label {
  color: #E6E5E5;
}

/* line 87, src/sass/componentes/_forms.scss */
.form-item:has(input:disabled) .icone-esq,
.form-item:has(input:disabled) .icone-dir {
  color: #E6E5E5;
  opacity: 1;
}

/* line 93, src/sass/componentes/_forms.scss */
.form-item input.form-control:disabled {
  cursor: not-allowed;
}

/* line 97, src/sass/componentes/_forms.scss */
.form-item .icone-esq {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 18px;
  line-height: 18px;
}

/* line 104, src/sass/componentes/_forms.scss */
.form-item .icone-esq.icone-search {
  color: #003A1F;
  font-size: 24px;
  left: 12px;
}

/* line 111, src/sass/componentes/_forms.scss */
.form-item .icone-dir {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 18px;
  line-height: 18px;
}

/* line 118, src/sass/componentes/_forms.scss */
.form-item .icone-dir.icone-times {
  font-size: 18px;
  color: #ADA9A9;
  transition: all ease .3s;
  right: 58px;
  cursor: pointer;
}

/* line 125, src/sass/componentes/_forms.scss */
.form-item .icone-dir.icone-times:hover {
  color: #363434;
}

/* line 131, src/sass/componentes/_forms.scss */
.form-item .input_text {
  margin: 4px 0 0;
  color: #746C66;
  font-size: 11px;
  font-weight: 500;
  line-height: 120%;
  text-align: right;
}

/* line 142, src/sass/componentes/_forms.scss */
.form-item.warning .form-label {
  color: #FFC816;
}

/* line 146, src/sass/componentes/_forms.scss */
.form-item.warning .input_text {
  color: #FFC816;
}

/* line 151, src/sass/componentes/_forms.scss */
.form-item.warning .input_holder .form-control {
  border-color: #FFC816;
}

/* line 155, src/sass/componentes/_forms.scss */
.form-item.warning .input_holder .error_icon {
  display: block;
}

/* line 160, src/sass/componentes/_forms.scss */
.form-item.warning .form-control {
  border-color: #FFC816;
}

/* line 164, src/sass/componentes/_forms.scss */
.form-item.warning .error_text {
  display: block;
}

/* line 171, src/sass/componentes/_forms.scss */
.form-item.error .form-label {
  color: #F04C25;
}

/* line 175, src/sass/componentes/_forms.scss */
.form-item.error .input_text {
  color: #F04C25;
}

/* line 180, src/sass/componentes/_forms.scss */
.form-item.error .input_holder .form-control {
  border-color: #F04C25;
}

/* line 184, src/sass/componentes/_forms.scss */
.form-item.error .input_holder .error_icon {
  display: block;
}

/* line 189, src/sass/componentes/_forms.scss */
.form-item.error .form-control {
  border-color: #F04C25;
}

/* line 193, src/sass/componentes/_forms.scss */
.form-item.error .error_text {
  display: block;
}

/* line 198, src/sass/componentes/_forms.scss */
.form-item:has(input:focus) label {
  font-size: 11px;
  top: 8px;
}

/* line 203, src/sass/componentes/_forms.scss */
.form-item:has(input:read-only) label {
  font-size: 14px;
  top: 16px;
}

/* line 208, src/sass/componentes/_forms.scss */
.form-item:has(input:read-only) .btn-search {
  background-color: #E6E5E5;
  color: #ADA9A9;
  pointer-events: none;
}

/* line 214, src/sass/componentes/_forms.scss */
.form-item .form-select {
  padding: 21px 12px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #32302D;
  height: 48px;
  border-bottom: 1px solid #948F7B;
  background: #FFF;
  border-radius: 0;
  pointer-events: auto;
  position: relative;
  background-image: url("../static/sustentabilidade/chevron-down-select.svg");
  background-size: initial;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
}

/* line 231, src/sass/componentes/_forms.scss */
.form-item .form-select:focus {
  outline: none;
  box-shadow: none;
}

/* line 236, src/sass/componentes/_forms.scss */
.form-item .form-select option {
  color: #18191B !important;
}

/* line 241, src/sass/componentes/_forms.scss */
.form-item:has(select:not([value=""])) .form-label {
  top: 8px;
  font-size: 11px;
}

/* line 246, src/sass/componentes/_forms.scss */
.form-item:has(select option:checked[value=""]) .form-label {
  top: 16px;
  font-size: 16px;
}

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

/* ==========================================================================
 * Ajustes de integracao ao tema (nao existiam no site original)
 * ========================================================================== */

/*
 * O header do tema e transparente e sticky (105px) e espera que a primeira
 * secao entre por baixo dele — e o que acessibilidade.css faz com
 * .banner { margin-top: -120px }. No site original o header era uma barra
 * solida acima do banner. O padding-top devolve exatamente a altura util
 * original (600/520/650), entao o layout interno do banner nao muda: so a
 * imagem de fundo se estende por tras do header.
 */
.sust .banner-principal {
  margin-top: -120px;
  padding-top: 120px;
  height: 720px;
}

@media (min-width: 992px) {
  .sust .banner-principal {
    height: 640px;
  }
}

@media (min-width: 1600px) {
  .sust .banner-principal {
    height: 770px;
  }
}

/*
 * Internas (html.sustentabilidade-interna): fundo branco desde o topo, entao o
 * header usa as cores de marca desde o inicio, nao so quando fica sticky.
 * Mesmo bloco que offer-contract.css aplica em Politicas de Privacidade.
 * A home fica com o header branco padrao, porque tem banner escuro.
 */
.sustentabilidade-interna .main-header .wrapper-logo {
  --custom-brand-color-1: var(--color-logo-1);
}
.sustentabilidade-interna .wrapper-cta-header .cta-header {
  --wire-color: var(--color-10);
}
.sustentabilidade-interna:not(.-mobile-menu-opened .menus) .menus {
  text-shadow: none;
}
.sustentabilidade-interna .header-support-menu a {
  --c-d: var(--color-15);
  --c-h: var(--color-7);
}
.sustentabilidade-interna .header-products-menu a {
  --c-d: var(--color-10);
}
.sustentabilidade-interna .nav-cities .nav-select {
  color: var(--color-10);
}
.sustentabilidade-interna .nav-cities .nav-select:hover {
  color: var(--color-7);
}
.sustentabilidade-interna .nav-cities .seta {
  --custom-color: var(--color-10);
}

/*
 * A segunda metade do mesmo modo esta no common.css, hardcoded para
 * .offer-contracts / .cobertura / .mapasite (linhas ~2708-2830): rotulos de
 * dropdown (span.menu-item-dropdown-first), as setinhas em ::before/::after e
 * o seletor de cidade (.select-cidade). Replicado para .sustentabilidade-interna.
 */
.sustentabilidade-interna .menu-item-dropdown-first,
.sustentabilidade-interna .nav-cities .select_holder .select-cidade {
  color: var(--color-10);
}
.sustentabilidade-interna .nav-cities .select_holder .select-cidade .icones::before,
.sustentabilidade-interna .nav-cities .select_holder .select-cidade .icones::after {
  background-color: var(--color-10);
}
.sustentabilidade-interna .menu-item-dropdown-first .menu-item::before,
.sustentabilidade-interna .menu-item-dropdown-first .menu-item::after {
  background-color: var(--color-10);
  box-shadow: none;
}
.sustentabilidade-interna .button-mobile-menu .menu {
  color: white;
}
@media (max-width: 767px) {
  .sustentabilidade-interna .bc-1 {
    fill: white;
  }
  .sustentabilidade-interna.-mobile-menu-opened .bc-1,
  .sustentabilidade-interna.-sticky-header .bc-1 {
    fill: var(--custom-brand-color-1);
  }
}

/*
 * Respiro entre o header transparente e o breadcrumb: a mesma medida que a
 * primeira secao de Politicas de Privacidade usa (48px / 106px). No original
 * o header era uma barra solida, entao os 32px/25px de padding bastavam.
 */
.sustentabilidade-interna .interna_sect {
  padding-top: 48px;
}
@media (min-width: 1025px) {
  .sustentabilidade-interna .interna_sect {
    padding-top: 106px;
  }
}