.page-relatorios-anuais {
  // -----------------------------------------------------------------------------
  // ABA - RELATÓRIO DE IGUALDADE SOCIAL
  // -----------------------------------------------------------------------------
  .section-igualdade-salarial {
    display: none;
    padding: 90px 0 70px 0;

    .title-wrapper {
      h2 {
        width: 650px;
        max-width: 100%;
      }
    }

    .text-wrapper {
      position: relative;
      max-width: 903px;
    }

    .mw-903 {
      max-width: 903px;
    }

    .editor {
      max-width: 903px;
      margin-top: 45px;

      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: 'Montserrat Alternates', sans-serif;
        font-size: 24px;
        font-weight: 700;
        color: #5A5A5A;
        text-transform: uppercase;

        // Telas até SM
        @include media($xs-max) {
          font-size: 18px;
        }
      }

      img {
        width: 903px;
        max-width: 100%;
        height: auto;
      }

      // Telas até MD
      @include media($sm-max) {
        margin-top: 20px;
      }
    }

    &.active {
      display: block;
    }
  }

  // -----------------------------------------------------------------------------
  // ABA - RELATÓRIOS DE SUSTENTABILIDADE
  // -----------------------------------------------------------------------------
  .section-relatorio-sustentabilidade {
    display: none;
    padding: 90px 0;

    .mw-1920 {
      // Telas à partir de XL
      @include media($xl-min) {
        transform: scale(0.8);
        transform-origin: top;
        margin-bottom: -150px;
      }
    }

    .relatorio-card {
      box-shadow: 0px 4px 20px 0px #00000040;
      border-radius: 20px;

      .img-wrapper {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 539 / 292;
        border-radius: 20px 20px 0 0;
        overflow: hidden;

        img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .text-wrapper {
        border-radius: 0 0 20px 20px;
        padding: 50px;

        // Telas até SM
        @include media($xs-max) {
          padding: 30px;
        }
      }
    }
  }

  // -----------------------------------------------------------------------------
  // ABA - REDUÇÃO DE EMISSÃO DE GASES DO EFEITO ESTUFA
  // -----------------------------------------------------------------------------
  .section-reducao-emissao-estufa {
    display: none;
    padding: 90px 0;

    .title-wrapper {
      h2 {
        width: 700px;
        max-width: 100%;
      }
    }

    .inventario {
      &:not(:last-of-type) {
        margin-bottom: 90px;
      }
    }

    .table-wrapper {
      .tabela {
        min-height: 79px;
        padding: 18px 32px;

        .info {
          gap: 60px;
        }

        &.bg-gray {
          background-color: #F1F1F1;
        }
      }
    }

    // Tela até MD
    @include media($sm-max) {

      .inventario {
        &:not(:last-of-type) {
          margin-bottom: 45px;
        }
      }

      .table-wrapper {
        .info {
          margin-bottom: 15px;
          gap: 30px !important;
        }
      }
    }
  }
}