/* 
  Theme Name: ESG | Cogna
  Author: Valkyria Tech
  Author URI: https://valkyriatech.com.br
  Version: 1.2.0
*/

@font-face {
  font-family: OpenSans;
  src: url(fonts/OpenSans-Regular.ttf);
}

*{
  box-sizing: border-box;
}

html{
  scroll-behavior: smooth;
	margin: 0;
	padding: 0;
}

:root{
  --containerSize: 80%;
  --sideMarginSize: 10%;

  --textColor: #000;
  --highlightColor: #8038f1;
  --highlightHoverColor: #9964ef;
  --orange: #FFAD01;
  --backgroundColor: #F9F8F8;
  --partColor: #fff;
  --DarkColor: #282625;
  --LightColor: #E5E5E5;
  --purple: #8038F1;
  --yellow: #FFAD01;
  --DarkGrey: #EEEAEB;
}

@keyframes homeFullCircleResize {
  0% {
    width: 15rem;
    height: 15rem;
  }
  50% {
    width: 16rem;
    height: 16rem;
  }

}

@keyframes firstFullCircleResize {
  0% {
    top: calc(50% - 7.5rem);
    left: calc(50% - 7.5rem);
    width: 15rem;
    height: 15rem;
  }
  20% {
    top: calc(25% - 7.5rem);
    left: calc(65% - 7.5rem);
    width: 16rem;
    height: 16rem;
  }
  40% {
    top: calc(25% - 7.5rem);
    left: calc(30% - 7.5rem);
    width: 15rem;
    height: 15rem;
  }
  60% {
    top: calc(75% - 7.5rem);
    left: calc(65% - 7.5rem);
    width: 16rem;
    height: 16rem;
  }
  80% {
    top: calc(75% - 7.5rem);
    left: calc(30% - 7.5rem);
    width: 16rem;
    height: 16rem;
  }
}

@keyframes secondFullCircleResize {
  0% {
    width: 10rem;
    height: 10rem;
  }
  50% {
    width: 11rem;
    height: 11rem;
  }
}

@keyframes reportsFullCircleResize {
  0% {
    top: calc(50% - 4rem);
    left: calc(50% - 4rem);
    width: 8rem;
    height: 8rem;
  }
  20% {
    top: calc(75% - 4rem);
    left: calc(30% - 4rem);
    width: 9rem;
    height: 9rem;
  }
  40% {
    top: calc(75% - 4rem);
    left: calc(70% - 4rem);
    width: 8rem;
    height: 8rem;
  }
  60% {
    top: calc(25% - 4rem);
    left: calc(30% - 4rem);
    width: 9rem;
    height: 9rem;
  }
  80% {
    top: calc(25% - 4rem);
    left: calc(70% - 4rem);
    width: 8rem;
    height: 8rem;
  }
}

@keyframes PurpleFullCircleResize {
  0% {
    width: 28.5rem;
    height: 28.5rem;
    top: 25rem;
  }
  50% {
  	top: 27rem;
    width: 30.5rem;
    height: 30.5rem;
  }
}

@keyframes PurpleTinyFullCircleResize {
  0% {
    width: 18rem;
    height: 18rem;
  }
  50% {
    width: 19rem;
    height: 19rem;
  }
}

@keyframes YellowFullCircleResize {
  0% {
    width: 30rem;
    height: 30rem;
    right: -15rem;
  }
  50% {
    width: 31rem;
    height: 31rem;
    right: -14rem;
  }
}

@keyframes BorderCircleRoute {
  0% {
    top: 10%;
    left: 10%;
  }
  14.29% {
    top: 30%;
    left: 30%;
  }
  28.57% {
    top: 50%;
    left: 50%;
  }
  42.85% {
    top: 10%;
    left: 50%;
  }
  57.13% {
    top: 30%;
    left: 30%;
  }
  71.5% {
    top: 50%;
    left: 10%;
  }
  85.68% {
    top: 10%;
    left: 10%;
  }
}

body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: OpenSans;
  background-color: var(--backgroundColor);
  color: var(--textColor);
}

a {
	text-decoration: none;
}

ul, li {
  list-style: none;
}

.container{
  width: var(--containerSize);
  margin: 0 auto;
}
  

  .grey {
    background-color: var(--backgroundColor);
  }
header {
  padding: 3rem 0px 1rem 0px;	
  background-color: var(--partColor);
  box-shadow: 1px 1px 2px #aaa;
  z-index: 5;
  position: relative;
}
header .column-container {
  display: flex;
  align-items: center;
}
  header #mobileBtn {
    display: none;
  }
  header .logo-container .custom-logo-link {
    width: 10rem;
    display: block;
  }
    header .logo-container .custom-logo-link img {
      width: 100%;
      height: auto;
    }
  header .menu-main-container,
  header .menu-main-en-container {
    width: 100%;
  }
    header .menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
      header .menu-item {
        list-style: none;
        margin: 0 .5rem;
        position: relative;
      }
        header .menu .menu-item a {
          text-decoration: none;
          color: var(--textColor);
          text-transform: uppercase;
          transition-duration: .2s;
          font-size: 90%;
          border-bottom: solid 1px var(--backgroundColor);
          padding-bottom: .2rem;
        }
          header .menu .menu-item a:hover,
          header .menu .current_page_item a {
            border-bottom-color: var(--highlightColor);
          }
        header .menu-item .sub-menu {
          display: none;
          position: absolute;
          top: 100%;
          width: 15rem;
          background-color: var(--partColor);
          padding: 1rem 0 .5rem 0;
        }
          header .menu-item:hover .sub-menu {
            display: block;
            box-shadow: 1px 1px 5px #666;
          }
            header .menu-item:hover .sub-menu .menu-item {
              margin: 0;
              margin-bottom: .5rem;
              padding-left: 1rem;
            }
              header .menu-item:hover .sub-menu .menu-item .sub-menu {
                display: none;
                top: 0;
                right: 100%;
              }
                header .menu-item:hover .sub-menu .menu-item:hover .sub-menu {
                  display: block;
                }

.search-form {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
}
  .search-form input {
    background-color: transparent;
    padding: .5rem 1rem;
    border: none;
    border-bottom: solid 2px var(--highlightColor);
    outline: 0;
  }
  .search-form button {
    background-color: transparent;
    border: none;
    width: 2rem;
    cursor: pointer;
  }
    .search-form button svg {
      fill: var(--highlightColor);
    }

#knowledge {
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
}
  #knowledge .full-circle-decoration {
    position: absolute;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background-color: var(--highlightColor);
    z-index: 4;
  }
    #knowledge .full-circle-decoration:nth-child(1) {
      width: 15rem;
      height: 15rem;
      top: -7.5rem;
      right: -7.5rem;
      animation: homeFullCircleResize 10s infinite;
    }
    #knowledge .full-circle-decoration:nth-child(2) {
      top: calc(50% - 5rem);
      left: -5rem;
      animation: secondFullCircleResize 10s infinite;
    }
  #knowledge .container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
  }
    #knowledge .container .content {
      margin-left: 27rem;
    }
#knowledge .container .content h1 {
        text-transform: uppercase;
        color: var(--highlightColor);
        background-color: var(--backgroundColor);
        font-size: 185%;
      }
      #knowledge .container .content h2 {
        text-transform: uppercase;
        color: var(--highlightColor);
        background-color: var(--backgroundColor);
        font-size: 185%;
      }
      #knowledge .container .content .post-content {
        margin-left: 2rem;
        padding-left: .5rem;
        font-size: 90%;
        width: 75%;
        background-color: var(--backgroundColor);
      }
  #knowledge .decoration {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
  }
    #knowledge .decoration .cover {
      width: 60%;
      height: auto;
      position: relative;
      z-index: 2;
    }
    #knowledge .decoration .border-circle {
      position: absolute;
      width: 20rem;
      height: 20rem;
      z-index: 1;
      top: 5rem;
      left: 26rem;
      animation: BorderCircleRoute 42s infinite;
    }
      #knowledge .decoration .border-circle img {
        width: 100%;
        height: 100%;
      }

#about {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url(img/background.jpg);
  background-size: cover;
  background-position: center;
  background-blend-mode: screen;

  padding: 3rem 0 1rem 0;
}
  #about .column-container {

  }
    #about > .column-container .column {
      display: flex;
      flex-direction: row-reverse;
      width: 100%;
      align-items: center;
    }
    #about > .column-container .column:nth-child(2) {
      padding-right: var(--sideMarginSize);
      padding-left: 5rem;
      padding: 0;
    }
      #about .column-container .column .details {
        padding-top: 3rem;
        display: flex;
        margin: auto;
      }
        #about .column-container .column .details .about-item {
          margin-bottom: 3rem;
          font-size: 90%;
        }
          #about .column-container .column .details .about-item .column-container {
            display: flex;
            align-items: center;
            flex-direction: column;
            padding: 0 20px;
          }
            #about .column-container .column .details .about-item .content {
              width: 20rem;
              /* margin-left: 2rem; */
              margin-left: 0rem;
            }
            #about .column-container .column .details .about-item .content ul li{
              list-style: disc;
            }
              #about .column-container .column .details .about-item .content h4 {
                color: var(--highlightColor);
                text-transform: uppercase;
                /* margin: 0 0 .8rem 0; */
                text-align: center;
              }
            #about .column-container .column .details .about-item .thumbnail {
              width: 6rem;
              height: 6rem;
              border-radius: 50%;
              background-color: var(--highlightColor);
              display: grid;
              place-items: center;
            }
              #about .column-container .column .details .about-item .thumbnail img {
                width: 50%;
                height: auto;
              }
      #about .column-container .column .about {
        width: var(--containerSize);
        /* margin-left: calc(var(--sideMarginSize) * 2); */
        margin-left: 50px;
        margin-bottom: 2rem;
        font-size: 90%;
      }
        #about .column-container .column .about h4 {
          color: var(--highlightColor);
        }
      #about .column-container .column .esg {
        width: calc(var(--containerSize) + var(--sideMarginSize));
        /* padding-left: calc(var(--sideMarginSize) * 2); */
        padding-left: calc(var(--sideMarginSize) * 0.1);
        /* background-color: var(--backgroundColor); */
        background: transparent;
        border-top: solid 2px var(--orange);
        border-right: solid 2px var(--orange);
      }
        #about .column-container .column .esg .content {
          font-size: 90%;
          padding: 2rem 0;
          padding-right: 3rem;
        }
          #about .column-container .column .esg .content h3 {
            color: var(--highlightColor);
          }

#reports {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
  #reports .column-container {
    display: flex;
  }
  #reports .column-container .content {
    width: 50%;
    padding: 3rem 0;
    margin-right: 3rem;
  }
  #reports .page-content {
    width: 70%;
  }
    #reports .page-content h2 {
      text-transform: uppercase;
      font-size: 100%;
      margin-bottom: .5rem;
    }
    #reports .page-content h1 {
      color: var(--highlightColor);
      text-transform: uppercase;
      margin-top: 0;

    }
      #reports .last {
        --textColor: #fff;
      }
        #reports .last .cover-image {
          width: 50%;
          height: 20rem;
          background-position: center;
          background-size: cover;
          margin-bottom: 1rem;
        }
        #reports .last .button-container {
          width: 50%;
          display: grid;
          place-items: center;
        }
          #reports .last .button-container a {
            background-color: var(--highlightColor);
            color: var(--textColor);
            text-decoration: none;
            border-radius: .2rem;
            padding: 1rem;
            display: flex;
            align-items: center;
            width: max-content;
            transition-duration: .2s;
          }
            #reports .last .button-container a:hover {
              background-color: var(--highlightHoverColor);
            }
            #reports .last .button-container a img {
              margin-right: 1rem;
            }
      #reports .previous {
        margin-top: 3rem;
        border-bottom: solid 2px #FFAD01;
        padding: 1rem var(--sideMarginSize);
      }
        #reports .previous h3 {
          text-transform: uppercase;
          font-size: 100%;
          margin-bottom: 2rem;
        }
          #reports .previous .previous-content {
            padding-left: 0;
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
          }
            #reports .previous .previous-content li {
              list-style: none;
              margin-bottom: 1.5rem;
              margin-right: 1.5rem;
            }
              #reports .previous .previous-content li .cover-image {
                width: 10rem;
                height: 7rem;
                background-position: center;
                background-size: cover;
                margin-bottom: 2rem;
              }
              #reports .previous .previous-content li a {
                text-decoration: none;
                color: var(--textColor);
                text-align: center;
              }
                #reports .previous .previous-content li a img {
                  margin-right: 1rem;
                }
                #reports .previous .previous-content li a .highlight {
                  text-decoration: underline;
                  color: var(--highlightColor);
                }
    #reports .column-container .content p {
      font-size: 90%;
    }
  #reports .column-container .column {
    height: auto;
    width: 50%;
    background: #EEEAEB;
  }
  #reports .column-container .column .thumbnail {
    width: 100%;
    height: 70vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

#number{
	background-image: url(img/background_decor.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	position: relative;
	overflow: hidden;
}

#number .row{
	padding: 2rem 0;
}

#number h2{
	color: var(--yellow);
}

#number .number-posts{
	display: flex;
  flex-wrap: wrap;
}
  #number .number-post {
    width: 50%;
  }

#number .row-number{
	display: flex;
	align-items: center;
}

#number .row-number .column-img{
	background-color: var(--DarkColor);
	border-radius: 50%;
	border: 1px solid var(--purple);
	width: 7.5rem;
	height: 7.5rem;
	display: grid;
	place-items: center;
	z-index: 3;
}

#number .row-number .column-content{
	z-index: 2;
	left: -1.5rem;
	position: relative;
}

#number .row-number .column-content h3{
	background-color: var(--purple);
	padding: 1rem 2rem 1rem 4rem;
	text-transform: uppercase;
	color: var(--LightColor);
}

#number .number-post .number-content{
	padding-left: 10rem;
}

#number .number-content h4{
	margin-bottom: 0;
	color: var(--yellow);
}

#number .number-content p{
	margin-top: 0;
	color: var(--LightColor);
}

#number .border-circle-decoration {
	position: absolute;
	width: 30rem;
	height: 30rem;
	border-radius: 50%;
	border: solid 1px var(--yellow);
	z-index: 4;
	right: -15rem;
	bottom: 5rem;
	animation: YellowFullCircleResize 10s infinite;
}

#report{
	background-color: var(--LightColor);
	position: relative;
}

#report .row{
	height: auto;
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(2, 1fr);
}

#report .column {
	padding: 2rem;
}

#report .column h2{
	padding-top: 1rem;
}

#report .column h4{
	color: var(--purple);
}

#report .purple-circle-decoration {
  position: absolute;
  width: 28.5rem;
  height: 28.5rem;
  border-radius: 50%;
  border: 1px solid var(--purple);
  z-index: 2;
  top: 25rem;
  left: 5rem;
  animation: PurpleFullCircleResize 10s infinite;
}

#report .purple-tiny-circle-decoration {
  position: absolute;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  border: 1px solid var(--purple);
  z-index: 3;
  top: -9rem;
  left: -11rem;
  animation: PurpleTinyFullCircleResize 10s infinite;
}

#more {
	background-color: var(--purple);
	z-index: 2;
	position: relative;
}

#more .row{
	display: flex;
	padding-top: 2rem;
}

#more .one{
	width: 30%;
	display: flex;
	place-items: center;
}

#more h2{
	color: var(--LightColor);
	font-size: 200%;
}

#more .two{
	width: 70%;
	height: auto;
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(3, 1fr);
}

#more .two .circle{
	background-color: var(--LightColor);
	border-radius: 50%;
	width: 7.5rem;
	height: 7.5rem;
	display: grid;
	place-items: center;
	transition: ease-in-out .4s;
}

#more .two .circle:hover{
	background-color: none;
	border: 7.5rem solid var(--LightColor);
}

#more .two .column{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
}

#more .two .circle:hover{
	background-color: none;
	border: 1rem solid var(--LightColor);
}

#more .two .column h4{
	color: var(--LightColor);
	text-align: center;
}

footer {
	background-color: var(--DarkColor);
	padding: 2rem 0;
	z-index: 2;
	position: relative;
}

footer .row{
	height: auto;
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(4, 1fr);
}

footer .column{
	display: flex;
	flex-direction: column;
	padding: 1rem 1rem 1rem 0;
	justify-content: space-between;
}

footer .column-one{
  display: flex;
  flex-direction: column;
}

footer .column-one a{
  font-weight: bold;
  color: var(--yellow);
}

footer .column-three {
  display: flex;
}

footer .column ul{
  padding: 0;
}

footer .column ul li a{
  margin-bottom: 0.5rem;
}

footer .column .sub-menu {
  padding: 0.5rem 0 1rem 0;
}

footer .column .sub-menu li{
  padding: 0 0 0.5rem 1.5rem;
}

footer .column .sub-menu li a{
  text-decoration: underline;
}

footer .logo-container .logo-link{
	width: 10rem;
	display: block;
}

footer .logo-container .logo-link img{
	width: 100%;
	height: auto;
}

footer .copyright p{
	color: var(--LightColor);
	width: 100%;
}

footer a{
	color: var(--LightColor);
	transition: ease-in-out .3s;
	user-select: none;
	margin-top: 0.5rem;
}

footer a:hover{
	color: var(--yellow);
}

/* ========== GERAL ========== */

.zoom {
  cursor: zoom-in;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998;
  display: none;
}
  .overlay-show {
    display: block !important;
  }

#imageViewerContainer {
  position: fixed;
  width: 80%;
  height: 80vh;
  top: 10%;
  left: 10%;
  z-index: 999;
  overflow-x: auto;
  border-radius: .5rem;
  display: none;
  background-color: var(--backgroundColor);
}
  .imageViewer-show {
    display: block !important;
  }
  #imageViewer {
    height: 100%;
    border-radius: .5rem;
  }

main {
  overflow: hidden;
}

.small {
  font-size: 80%;
  margin: 0;
}

blockquote {
  margin: 2rem 0;
  padding-left: 1rem;
  border-left: solid 2px var(--yellow);
  font-size: 120%;
}

.border-decoration {
  border-left: solid 2px var(--yellow);
}

.highlight-link-container {
  position: relative;
  width: 100%;
  height: 8rem;
}
  .highlight-link {
    background-color: var(--highlightColor);
    display: inline-flex;
    align-items: center;
    padding: 1rem 4rem 1rem calc((var(--sideMarginSize) * 2) + 1.5rem);
    color: var(--LightColor);
    position: absolute;
    left: -25%;
  }
    .highlight-link a {
      display: contents;
      color: var(--LightColor) !important;
      font-weight: bold;
      margin-left: .5rem;
    }
      .highlight-link a:hover {
        text-decoration: underline;
      }
    .highlight-link::before {
      content: url(img/question.png);
      display: block;
      width: 2rem;
      height: 2rem;
      margin-right: 1rem;
    }

.highlight-text {
  color: var(--highlightColor);
}

.decoration-subtitle {
  margin-bottom: 0;
}

.bullet-decoration {
  font-size: 90%;
  padding-left: 1rem;
}
  .bullet-decoration li {
    margin-bottom: .2rem;
  }
    .bullet-decoration li::before {
      content: "\2022";
      color: var(--highlightColor);
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
    }

.content .common table {
  border-collapse: collapse;
  overflow-x: scroll;
}
  .content .common table tr {

  }
    .content .common table tbody tr:nth-child(1) {
      color: var(--LightColor);
		background-color: #fff;
      /*background-color: var(--highlightColor);*/
    }
    .content .common table tr td {
      padding: 1rem;
      border: solid 1px #c4c4c4;
    }

.content .common-columns table {
  border-collapse: collapse;
}
  .content .common-columns table tr {

  }
    .content .common-columns table tbody tr:nth-child(1) {
		background-color: #fff;
      /*background-color: var(--highlightColor);*/
      color: var(--LightColor);
    }
    .content .common-columns table tr td {
      padding: 1rem;
      border: solid 1px #c4c4c4;
      white-space: nowrap;
    }

.thumbnail-container {
  position: fixed !important;
}
  .thumbnail-container .thumbnail {
    height: 100vh !important;
  }

/* ========== PAGE ========== */

#page {
  position: relative;
  background-color: var(--partColor);
  overflow: hidden;
}
  #page a {
    color: var(--highlightColor);
  }
  #page .wp-block-image {
    margin: 0;
  }
    #page .wp-block-image img {
      width: 100%;
      height: auto;
    }
      #page .ods-img .wp-block-image img {
        height: 128px;
      }
    hr.wp-block-separator {
      border: none;
      height: 1px;
    }
#page .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#page .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}
#page .column-container {

}
#page .column-container .content {
  width: 50%;
  padding: 3rem 0;
  margin-right: 3rem;
}
  #page .title {
    font-size: 112.5%;
    text-transform: none !important;
  }
  #page span {
    display: block;
    font-size: 87.5%;
    padding-bottom: 2rem;
  }
  #page .column-container .content h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
  }
  #page .column-container .content h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
  }
  #page .column-container .content p {
    font-size: 90%;
  }

#page .ods-img h4{
  margin-bottom: 0
}
#page .ods-img p{
  margin-top: 0
}
#page .thumbnail-container{
  width: calc(45% - var(--sideMarginSize));
  height: 100%;
  background-color: var(--DarkGrey);
  position: absolute;
  top: 0;
  right: var(--sideMarginSize);
}
#page .thumbnail {
  width: 100%;
  height: 85vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.small-img-column {
  width: 100%;
}
  .medium-img-column {
    width: 20rem;
  }
  .small-img-column figure {
    margin: 0;
    width: 8rem;
  }

/* ========== MODELO DE NEGOCIOS ========== */

#business {
  position: relative;
  background-color: var(--partColor);
}
#business .column-container .content {
  width: 90%;
  padding: 3rem 0 1rem 0;
  margin-right: 3rem;
}
  #business .column-container .content h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #business .column-container .content h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
  }
  #business .column-container .content p {
    font-size: 90%;
  }
  #business .thumb-business{
    display: flex;
    justify-content: center;
  }
  #business .thumbnail {
  width: 80%;
  height: 180vh;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 4rem;
}

/* ========== IMPACTO SOCIAL ========== */

#social_impact {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
  #social_impact .content .wp-block-image {
    margin: 0;
  }
    #social_impact .content .wp-block-image img {
      width: 100%;
      height: auto;
    }
  #social_impact .content iframe {
    width: 100%;
    height: 20rem;
  }
#social_impact .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#social_impact .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}
  #social_impact .container h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #social_impact .container h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
  }
  #social_impact .content p {
    font-size: 90%;
  }
  #social_impact .thumbnail-container{
    width: calc(45% - var(--sideMarginSize));
    height: 100%;
    background-color: var(--DarkGrey);
    position: absolute;
    top: 0;
    right: var(--sideMarginSize);
  }
  #social_impact .thumbnail {
    width: 100%;
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
  #social_impact .content .common {
       padding: 0rem 48% 1rem var(--sideMarginSize);
     }
     #social_impact .content .grey {
       padding: 2rem 48% 2rem var(--sideMarginSize);
       border-bottom: solid 2px #FFAD01;
       background-color: var(--backgroundColor);
     }
       #social_impact .content .grey .wp-block-columns {
         margin-bottom: 1rem;
       }
         #social_impact .content .grey .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #social_impact .content .grey .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #social_impact .content .grey .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #social_impact .content .grey .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #social_impact .content .grey .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #social_impact .content .grey .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
       #social_impact .content .common .wp-block-columns {
         margin-bottom: 1rem;
       }
         #social_impact .content .common .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #social_impact .content .common .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #social_impact .content .common .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #social_impact .content .common .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #social_impact .content .common .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #social_impact .content .common .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
      #social_impact .content .common-columns {
       padding: 1rem 48% 0 var(--sideMarginSize);
      }
        #social_impact .content .common-columns .wp-block-columns {
          margin: 0;
        }
          #social_impact .content .common-columns .wp-block-columns .wp-block-column {
            padding: 0 .5rem;
          }
            #social_impact .content .common-columns .wp-block-columns .wp-block-column:nth-child(1) {
              flex-basis: 20%;
            }
            #social_impact .content .common-columns .wp-block-columns .wp-block-column:nth-child(2) {
              flex-basis: 25%;
            }
            #social_impact .content .common-columns .wp-block-columns .wp-block-column:nth-child(3) {
              flex-basis: 25%;
            }
            #social_impact .content .common-columns .wp-block-columns .wp-block-column:nth-child(4) {
              flex-basis: 30%;
            }
            #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-column {
              padding: 0;
              font-size: 70%;
              color: var(--highlightColor);
            }
              #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-column:nth-child(1) {
                width: 2rem;
                flex-basis: unset;
                flex-grow: 0;
                margin-right: .2rem;
              }
                #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-column:nth-child(1) .wp-block-image {
                  width: 100%;
                }
            #social_impact .content .common-columns .wp-block-columns .wp-block-column:not(:first-child) {
              margin-left: 0;
            }
            #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-image {
              margin: 0;
            }
              #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-image img {
                width: 100%;
                height: auto;
              }
      #social_impact .content .common-columns-two {
       padding: 0 52% 1rem var(--sideMarginSize);
      }
        #social_impact .content .common-columns-two .wp-block-columns {

        }
          #social_impact .content .common-columns-two .wp-block-columns .wp-block-column {
            padding: 0 .5rem;
          }
            #social_impact .content .common-columns-two .wp-block-columns .wp-block-column h4 {
              color: var(--highlightColor);
              font-size: 100%;
            }
            #social_impact .content .common-columns-two .wp-block-columns .wp-block-column:nth-child(1) {
              flex-basis: 25% !important;
            }
            #social_impact .content .common-columns-two .wp-block-columns .wp-block-column:nth-child(2) {
              flex-basis: 75% !important;
            }
              #social_impact .content .common-columns-two .wp-block-columns .wp-block-column:nth-child(2) {
                margin-left: 0;
              }
      #social_impact .content a {
       color: var(--highlightColor);
      }
        #social_impact .content a:hover {
         text-decoration: underline;
        }
    #social_impact .content .common .projects {
    }
      #social_impact .content .common .projects .wp-block-column:nth-child(1) {
        flex-basis: 30% !important;
      }
      #social_impact .content .common .projects .wp-block-column:nth-child(2) {
        flex-basis: 70% !important;
      }
        #social_impact .content .common .projects .wp-block-column figure img {
          width: 100% !important;
          height: auto !important;
        }

/* ========== TRANSFORMACAO CULTURAL ========== */

#cultural {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
#cultural .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#cultural .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}
  #cultural .container h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #cultural .container h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
  }
  #cultural .content p {
    font-size: 90%;
  }
  #cultural .thumbnail-container{
    width: calc(50% - var(--sideMarginSize));
    height: 100%;
    background-color: var(--DarkGrey);
    position: absolute;
    top: 0;
    right: var(--sideMarginSize);
  }
  #cultural .thumbnail {
    width: 100%;
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
  #cultural .content .common {
       padding: 0rem 52% 1rem var(--sideMarginSize);
     }
     #cultural .content .grey {
       padding: 2rem 52% 2rem var(--sideMarginSize);
       border-bottom: solid 2px #FFAD01;
       background-color: var(--backgroundColor);
     }
       #cultural .content .wp-block-columns {
         margin-bottom: 1rem;
       }
         #cultural .content .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #cultural .content .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #cultural .content .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #cultural .content .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #cultural .content .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #cultural .content .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
       #cultural .content a {
         color: var(--highlightColor);
       }
         #cultural .content a:hover {
           text-decoration: underline;
         }

/* ========== DIVERSIDADE E INCLUSÃO ========== */

#diversity {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
#diversity .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#diversity .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}
  #diversity .container h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #diversity .container h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
  }
  #diversity .content p {
    font-size: 90%;
  }
  #diversity .thumbnail-container{
    width: calc(50% - var(--sideMarginSize));
    height: 100%;
    background-color: var(--DarkGrey);
    position: absolute;
    top: 0;
    right: var(--sideMarginSize);
  }
  #diversity .thumbnail {
    width: 100%;
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
  #diversity .content .common {
       padding: 0rem 52% 1rem var(--sideMarginSize);
     }
     #diversity .content .grey {
       padding: 2rem 52% 2rem var(--sideMarginSize);
       border-bottom: solid 2px #FFAD01;
       background-color: var(--backgroundColor);
     }
       #diversity .content .small {
         font-size: 80%;
         margin: 0;
       }
       #diversity .content .wp-block-columns {
         margin-bottom: 1rem;
       }
         #diversity .content .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #diversity .content .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #diversity .content .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #diversity .content .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #diversity .content .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #diversity .content .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
       #diversity .content a {
         color: var(--highlightColor);
       }
         #diversity .content a:hover {
           text-decoration: underline;
         }

/* ========== CONDUÇÃO ÉTICA ========== */

#ethical {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
#ethical .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#ethical .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}
  #ethical .container h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #ethical .container h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
  }
  #ethical .content p {
    font-size: 90%;
  }
  #ethical .thumbnail-container{
    width: calc(50% - var(--sideMarginSize));
    height: 100%;
    background-color: var(--DarkGrey);
    position: absolute;
    top: 0;
    right: var(--sideMarginSize);
  }
  #ethical .thumbnail {
    width: 100%;
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
  #ethical .content .common {
       padding: 0rem 52% 1rem var(--sideMarginSize);
     }
     #ethical .content .grey {
       padding: 2rem 52% 2rem var(--sideMarginSize);
       border-bottom: solid 2px #FFAD01;
       background-color: var(--backgroundColor);
     }
       #ethical .content .small {
         font-size: 80%;
         margin: 0;
       }
       #ethical .content .wp-block-columns {
         margin-bottom: 1rem;
       }
         #ethical .content .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #ethical .content .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #ethical .content .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #ethical .content .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #ethical .content .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #ethical .content .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
       #ethical .content a {
         color: var(--highlightColor);
       }
         #ethical .content a:hover {
           text-decoration: underline;
         }

/* ========== COVID ========== */

#covid {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
  #covid .container h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #covid .content p {
    font-size: 90%;
  }
  #covid .content .common-columns {
    padding: 1rem var(--sideMarginSize);
  }
    #covid .content .common-columns .wp-block-column {
      margin: 0;
    }
      #covid .content .common-columns .wp-block-column img {
        width: 100%;
        height: auto;
      }
  #covid .content .common {
       padding: 1rem 52% 1rem var(--sideMarginSize);
     }
     #covid .content .grey-common {
       padding: 2rem var(--sideMarginSize) 2rem var(--sideMarginSize);
       border-bottom: solid 2px #FFAD01;
       background-color: var(--backgroundColor);
     }
     #covid .content .grey-common .wp-block-column{
       width: 50%;
     }
     #covid .content .grey-common .are-vertically-aligned-center .wp-block-column:nth-child(1){
       flex-basis: 10% !important;
     }
     #covid .content .grey-common .are-vertically-aligned-center .wp-block-column:nth-child(2){
       flex-basis: 90% !important;
     }
     #covid .content .grey-common .are-vertically-aligned-center .wp-block-column figure{
      margin: 0;
     }
     #covid .content .grey-common .are-vertically-aligned-center .wp-block-column figure img{
      width: 2.8rem;
      height: 2.8rem;
     }
       #covid .content .small {
         font-size: 80%;
         margin: 0;
       }
       #covid .content .common .wp-block-columns {
         margin-bottom: 1rem;
       }
         #covid .content .common .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #covid .content .common .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #covid .content .common .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #covid .content .common .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #covid .content .common .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #covid .content .common .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
       #covid .content a {
         color: var(--highlightColor);
       }
         #covid .content a:hover {
           text-decoration: underline;
         }

/* ========== DEMOSTRAÇÃO DE VALOR ========== */

#value {
 position: relative;
 background-color: var(--partColor);
 padding: 3rem 0;
}
 #value .container h1 {
   color: var(--highlightColor);
   text-transform: uppercase;
   margin-top: 0;

 }
 #value .content p {
   font-size: 90%;
 }
 #value .content .common {
      padding: 0rem 40% 1rem var(--sideMarginSize);
    }
    #value .content .common-table {
      padding: 0rem 25% 1rem var(--sideMarginSize);
    }
    #value .common-table .wp-block-table {
      margin: 0;
    }
      #value .common-table td{
        padding: 0.5rem 0;
      }
      #value .common-table tr th {
        background-color: var(--purple);
        padding: 1rem;
        color: var(--partColor);
      }
      #value .common-table tr th:nth-child(1) {
        text-align: left;
        padding-left: 1rem;
      }
      #value .common-table tr:nth-child(15) {
        background-color: var(--purple);
        color: var(--partColor);
      }
      #value .common-table tr td:nth-child(1) {
        padding-left: 1rem;
        border: 1px solid var(--DarkGrey);
      }
      #value .common-table tr td:nth-child(2),
      #value .common-table tr td:nth-child(3),
      #value .common-table tr td:nth-child(4) {
        text-align: center;
        border: 1px solid var(--DarkGrey);
      }
      #value .content .small {
        font-size: 80%;
        margin: 0;
      }
      #value .content .common .wp-block-columns {
        margin-bottom: 1rem;
      }
        #value .content .common .wp-block-columns .wp-block-column {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
          #value .content .common .wp-block-columns .wp-block-column:nth-child(1) {
            flex-basis: 10% !important;
            justify-content: flex-start;
          }
            #value .content .common .wp-block-columns .wp-block-column .wp-block-image {
              margin: 0;
            }
              #value .content .common .wp-block-columns .wp-block-column .wp-block-image img {
                width: 3rem;
                height: auto;
              }
          #value .content .common .wp-block-columns .wp-block-column:nth-child(2) {
            flex-basis: 90% !important;
            margin-left: 1rem;
          }
            #value .content .common .wp-block-columns .wp-block-column h4 {
              margin: 0;
              font-weight: normal;
              font-size: 110%;
            }
      #value .content a {
        color: var(--highlightColor);
      }
        #value .content a:hover {
          text-decoration: underline;
        }

/* ========== MATERIALIDADE ========== */

#materiality {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
#materiality .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#materiality .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}
  #materiality .container h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #materiality .container h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
	display: none;
  }
  #materiality .content h4 {
    margin-top: 2rem;
  }
  #materiality .content p {
    font-size: 90%;
  }
  #materiality .thumbnail-container{
    width: calc(45% - var(--sideMarginSize));
    height: 100%;
    background-color: var(--DarkGrey);
    position: absolute;
    top: 0;
    right: var(--sideMarginSize);
  }
  #materiality .thumbnail {
    width: 100%;
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
    #materiality .content .common {
      padding: 0rem 52% 1rem var(--sideMarginSize);
    }
    #materiality .common-table .wp-block-table {
      margin: 0;
    }
      #materiality .common-table td{
        padding: 0.5rem 0;
      }
      #materiality .common-table tr th,
      #page table tr th {
        background-color: var(--purple);
        /* padding: 1rem; */
        color: var(--partColor);
        text-align: center;
        border: 1px solid #fff;
        padding: 10px;
      }
      #materiality .common-table tr th:nth-child(1) {
        text-align: left;
        padding-left: 1rem;
      }
      #materiality .common-table tr td:nth-child(1) {
        padding-left: 1rem;
        border: 1px solid var(--DarkGrey);
      }
      #materiality .common-table tr td:nth-child(2),
      #materiality .common-table tr td:nth-child(3),
      #materiality .common-table tr td:nth-child(4) {
        text-align: center;
        border: 1px solid var(--DarkGrey);
      }
       #materiality .content .small {
         font-size: 80%;
         margin: 0;
       }
       #materiality .content .common .wp-block-image {
         margin: 0;
       }
       #materiality .content .common .wp-block-image img{
        height: auto;
       }
       #materiality .content .common .wp-block-columns {
         margin-bottom: 1rem;
       }
         #materiality .content .common .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #materiality .content .common .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #materiality .content .common .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #materiality .content .common .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #materiality .content .common .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #materiality .content .common .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
       #materiality .content a {
         color: var(--highlightColor);
       }
         #materiality .content a:hover {
           text-decoration: underline;
         }

/* ========== ESTRUTURA DE GOVERNANCA ========== */

#gov_structure {
  position: relative;
  background-color: var(--partColor);
  padding: 3rem 0;
}
#gov_structure .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#gov_structure .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}
  #gov_structure .container h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-top: 0;

  }
  #gov_structure .container h2 {
    color: var(--textColor);
    text-transform: uppercase;
    font-size: 100%;
  }
  #gov_structure .content p {
    font-size: 90%;
  }
  #gov_structure .thumbnail-container{
    width: calc(50% - var(--sideMarginSize));
    height: 100%;
    background-color: var(--DarkGrey);
    position: absolute;
    top: 0;
    right: var(--sideMarginSize);
  }
  #gov_structure .thumbnail {
    width: 100%;
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
  #gov_structure .content .common {
       padding: 0rem 52% 1rem var(--sideMarginSize);
     }
     #gov_structure .content .grey {
       padding: 2rem 52% 2rem var(--sideMarginSize);
       border-bottom: solid 2px #FFAD01;
       background-color: var(--backgroundColor);
     }
       #gov_structure .content .wp-block-columns {
         margin-bottom: 1rem;
       }
         #gov_structure .content .wp-block-columns .wp-block-column {
           display: flex;
           flex-direction: column;
           justify-content: center;
         }
           #gov_structure .content .wp-block-columns .wp-block-column:nth-child(1) {
             flex-basis: 10% !important;
             justify-content: flex-start;
           }
             #gov_structure .content .wp-block-columns .wp-block-column .wp-block-image {
               margin: 0;
             }
               #gov_structure .content .wp-block-columns .wp-block-column .wp-block-image img {
                 width: 3rem;
                 height: auto;
               }
           #gov_structure .content .wp-block-columns .wp-block-column:nth-child(2) {
             flex-basis: 90% !important;
             margin-left: 1rem;
           }
             #gov_structure .content .wp-block-columns .wp-block-column h4 {
               margin: 0;
               font-weight: normal;
               font-size: 110%;
             }
       #gov_structure .content a {
         color: var(--highlightColor);
       }
         #gov_structure .content a:hover {
           text-decoration: underline;
         }

/* ========== INDICADORES ========== */

#indicators {
  padding: 3rem 0;
  background-color: var(--partColor);
}
#indicators .container h2 {
  text-transform: uppercase;
  font-size: 100%;
  margin-bottom: .5rem;
}
#indicators .container h1 {
  color: var(--highlightColor);
  text-transform: uppercase;
  margin-top: 0;
}
#indicators .content {
  position: relative;
}
  #indicators .content p {
    font-size: 90%;
  }
#indicators .content .common {
  padding: 0rem var(--sideMarginSize) 0rem var(--sideMarginSize);
}
#indicators .hr-yellow {
  margin-top: 2rem;
}
#indicators .content .common-columns {
  padding: 0rem var(--sideMarginSize) 1rem var(--sideMarginSize);
}
#indicators .content figure {
  margin: 0;
}
#indicators .content figure img {
  width: 100%;
  height: auto;
}
#indicators .wp-block-image {
  margin: 0;
}
#indicators .content .table-large {
  width: var(--containerSize);
  margin: 1rem auto;
}
  #indicators .content .table-large > .wp-block-group__inner-container {
    display: grid;
  }
#indicators .content .table-large table {
  border-collapse: collapse;
}
#indicators .content .table-large table .table-title,
#indicators .content .table-large table .highlight {
  background-color: var(--highlightColor);
  color: var(--LightColor);
  text-align: center;
  font-weight: bold;
}
#indicators .content .table-large table tr td {
  padding: 1rem;
  border: solid 1px #c4c4c4;
}
#indicators .content .table-large table tr td:not(:first-child) {
  text-align: center;
}
#indicators .content .social-data {
  margin-bottom: 1rem;
}
#indicators .content .wp-block-columns {
  margin-bottom: 0;
}
#indicators .content .social-data .wp-block-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#indicators .content .social-data .wp-block-column:nth-child(1) {
  flex-basis: 10% !important;
  justify-content: flex-start;
}
#indicators .content .social-data .wp-block-column .wp-block-image {
  margin: 0;
}
#indicators .content .social-data .wp-block-column .wp-block-image img {
  width: 3rem;
  height: auto;
}
#indicators .content .social-data .wp-block-column:nth-child(2) {
  flex-basis: 90% !important;
  margin: 0 2rem 0 1rem;
}
#indicators .highlight-link {
  left: -12%;
}
#indicators .content a {
  color: var(--highlightColor);
}
#indicators .content a:hover {
  text-decoration: underline;
}
#indicators .content .highlight-text {
  color: var(--highlightColor);
}
#indicators .content .graphic .wp-block-columns {
  width: 100%;
}
#indicators .content blockquote {
  margin: 2rem 1rem 0 0;
}
#indicators .content .graphic {
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}
#indicators .content .graphic-data .wp-block-column:first-child {
  padding: 1rem 0.5rem 1rem 0;
  flex-basis: 10% !important;
}
#indicators .content .graphic-data .wp-block-column:not(:first-child) {
  padding: 1.5rem 0 1.5rem 0rem;
  border-left: 1px solid;
  margin: 0;
  flex-basis: 90% !important;
  display: flex;
  justify-content: left;
}
#indicators .content .graphic-data .data-purple {
  background-color: var(--purple);
  margin: 0;
  padding: 0.5rem 1rem 0.5rem 0;
  display: flex;
  color: white;
  max-height: 2rem;
  justify-content: flex-end;

}
#indicators .content .graphic-data .data-yellow {
  background-color: #FB805E;
  margin: 0;
  padding: 0.5rem 1rem 0.5rem 0;
  display: flex;
  color: white;
  max-height: 2rem;
  justify-content: flex-end;
}
@keyframes graphic-one-purple {
  from {
    width: 20%;
  }
  to {
    width: 80%;
  }
}
@keyframes graphic-one-orange {
  from {
    width: 20%;
  }
  to {
    width: 50%;
  }
}
#indicators .content .graphic-data .graphic-one-purple {
  width: 80%;
  animation-name: graphic-one-purple;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data .graphic-one-orange {
  width: 50%;
  animation-name: graphic-one-orange;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data:hover .graphic-one-purple,
#indicators .content .graphic-data:hover .graphic-one-orange{
  animation-iteration-count: infinite;
}

@keyframes graphic-two-purple {
  from {
    width: 20%;
  }
  to {
    width: 80%;
  }
}
@keyframes graphic-two-orange {
  from {
    width: 20%;
  }
  to {
    width: 50%;
  }
}
#indicators .content .graphic-data .graphic-two-purple {
  width: 80%;
  animation-name: graphic-two-purple;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data .graphic-two-orange {
  width: 50%;
  animation-name: graphic-two-orange;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data:hover .graphic-two-purple,
#indicators .content .graphic-data:hover .graphic-two-orange{
  animation-iteration-count: infinite;
}

@keyframes graphic-three-purple {
  from {
    width: 20%;
  }
  to {
    width: 90%;
  }
}
@keyframes graphic-three-orange {
  from {
    width: 20%;
  }
  to {
    width: 80%;
  }
}
#indicators .content .graphic-data .graphic-three-purple {
  width: 90%;
  animation-name: graphic-three-purple;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data .graphic-three-orange {
  width: 80%;
  animation-name: graphic-three-orange;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data:hover .graphic-three-purple,
#indicators .content .graphic-data:hover .graphic-three-orange{
  animation-iteration-count: infinite;
}

@keyframes graphic-four-purple {
  from {
    width: 20%;
  }
  to {
    width: 70%;
  }
}
@keyframes graphic-four-orange {
  from {
    width: 20%;
  }
  to {
    width: 72.5%;
  }
}
#indicators .content .graphic-data .graphic-four-purple {
  width: 70%;
  animation-name: graphic-four-purple;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data .graphic-four-orange {
  width: 72.5%;
  animation-name: graphic-four-orange;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data:hover .graphic-four-purple,
#indicators .content .graphic-data:hover .graphic-four-orange{
  animation-iteration-count: infinite;
}

@keyframes graphic-five-purple {
  from {
    width: 20%;
  }
  to {
    width: 80%;
  }
}
@keyframes graphic-five-orange {
  from {
    width: 20%;
  }
  to {
    width: 90%;
  }
}
#indicators .content .graphic-data .graphic-five-purple {
  width: 80%;
  animation-name: graphic-five-purple;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data .graphic-five-orange {
  width: 90%;
  animation-name: graphic-five-orange;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data:hover .graphic-five-purple,
#indicators .content .graphic-data:hover .graphic-five-orange{
  animation-iteration-count: infinite;
}

@keyframes graphic-six-purple {
  from {
    width: 20%;
  }
  to {
    width: 85%;
  }
}
@keyframes graphic-six-orange {
  from {
    width: 20%;
  }
  to {
    width: 90%;
  }
}
#indicators .content .graphic-data .graphic-six-purple {
  width: 85%;
  animation-name: graphic-six-purple;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data .graphic-six-orange {
  width: 90%;
  animation-name: graphic-six-orange;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data:hover .graphic-six-purple,
#indicators .content .graphic-data:hover .graphic-six-orange{
  animation-iteration-count: infinite;
}

@keyframes graphic-seven-purple {
  from {
    width: 20%;
  }
  to {
    width: 95%;
  }
}
@keyframes graphic-seven-orange {
  from {
    width: 20%;
  }
  to {
    width: 50%;
  }
}
#indicators .content .graphic-data .graphic-seven-purple {
  width: 95%;
  animation-name: graphic-seven-purple;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data .graphic-seven-orange {
  width: 50%;
  animation-name: graphic-seven-orange;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: 0;
}
#indicators .content .graphic-data:hover .graphic-seven-purple,
#indicators .content .graphic-data:hover .graphic-seven-orange{
  animation-iteration-count: infinite;
}

#indicators .content .graphic-data .graphic-animate {
  animation-iteration-count: 1;
}

#news .column-container .column {
  width: 50%;
  padding: 3rem 0;
}
  #news .column-container .column.first {
    padding-right: 2rem;
  }
  #news .column-container .column.second {
    background: rgba(229, 229, 229, 0.35);
    border-left: solid 2px var(--yellow);
    padding: 5rem 1rem 3rem 2rem;
  }
    #news .column-container .column.second h2 {
      font-size: 100%;
      text-transform: uppercase;
      margin-bottom: 2rem;
    }
    #news .column-container .column.second hr {
      color: var(--textColor);
      background-color: var(--textColor);
      width: calc(100% - 2rem);
      margin: 1rem 0;
      opacity: 0.4;
    }
    .btn-container {
      display: grid;
      place-items: center;
      margin-top: 2rem;
    }
      .btn-container button {
        background-color: var(--highlightColor);
        border: none;
        color: #fff;
        padding: .5rem 1rem;
        border-radius: .5rem;
        cursor: pointer;
        transition-duration: .2s;
      }
        .btn-container button:hover {
          background-color: var(--highlightHoverColor);
        }
  #news .column-container .column h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
    margin-bottom: 3rem;
  }
  .posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
    .posts .post {
      margin-bottom: 1rem;
      color: var(--textColor);
    }
    #news .column-container .column .posts .post:not(.simple) {
      width: 47.5%;
    }
      #news .column-container .column .posts .post:nth-child(1) {
        width: 100%;
      }
      .posts .post img {
        width: 100%;
        height: 15rem;
        object-fit: cover;
      }
      .posts .post span {
        margin-top: 1rem;
        display: block;
      }
      .posts .post h3 {
        color: var(--highlightColor);
      }

#category,
#search {
  padding: 3rem 0;
}
  #category h1,
  #search h1 {
    color: var(--highlightColor);
    text-transform: uppercase;
  }
    #search h1 {
      margin-top: 0;
    }
  #category .posts .post,
  #search .posts .post {
    width: 49%;
  }

@media screen and (min-width: 1280px) {
  #imageViewer {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {

  @keyframes homeFullCircleResize {
    0% {
      width: 15rem;
      height: 15rem;
    }
    50% {
      width: 16rem;
      height: 16rem;
    }

  }

  @keyframes firstFullCircleResize {
    0% {
      top: calc(50% - 5rem);
      left: calc(50% - 5rem);
      width: 10rem;
      height: 10rem;
    }
    20% {
      top: calc(25% - 5rem);
      left: calc(70% - 5rem);
      width: 11rem;
      height: 11rem;
    }
    40% {
      top: calc(25% - 5rem);
      left: calc(30% - 5rem);
      width: 10rem;
      height: 10rem;
    }
    60% {
      top: calc(75% - 5rem);
      left: calc(70% - 5rem);
      width: 11rem;
      height: 11rem;
    }
    80% {
      top: calc(75% - 5rem);
      left: calc(30% - 5rem);
      width: 11rem;
      height: 11rem;
    }
  }

  @keyframes secondFullCircleResize {
    0% {
      width: 5rem;
      height: 5rem;
    }
    50% {
      width: 6rem;
      height: 6rem;
    }
  }

  @keyframes reportsFullCircleResize {
    0% {
      top: calc(50% - 2rem);
      left: calc(50% - 2rem);
      width: 4rem;
      height: 4rem;
    }
    20% {
      top: calc(75% - 2rem);
      left: calc(30% - 2rem);
      width: 5rem;
      height: 5rem;
    }
    40% {
      top: calc(75% - 2rem);
      left: calc(70% - 2rem);
      width: 4rem;
      height: 4rem;
    }
    60% {
      top: calc(25% - 2rem);
      left: calc(30% - 2rem);
      width: 5rem;
      height: 5rem;
    }
    80% {
      top: calc(25% - 2rem);
      left: calc(70% - 2rem);
      width: 4rem;
      height: 4rem;
    }
  }

  header .column-container {
    flex-wrap: wrap;
    justify-content: space-between;
  }
    header #mobileBtn {
      display: block;
      width: 3rem;
      width: 3rem;
      border: none;
      background-color: transparent;
    }
      header #mobileBtn img {
        width: 100%;
        height: 100%;
      }
      header .menu-main-container,
      header .menu-main-en-container {
        overflow: hidden;
        height: 0;
        transition-duration: .4s;
      }
        .menu-show .menu-main-container,
        .menu-show .menu-main-en-container {
          visibility: visible;
          height: 50rem;
        }
        header .menu {
          flex-wrap: wrap;
          padding-left: 0;
          margin-top: 2rem;
        }
          header .menu .menu-item {
            width: 50%;
            margin: 0;
            margin-bottom: 1rem;
          }
            header .menu .menu-item a {
              font-weight: bold;
            }
            header .menu .menu-item .sub-menu {
              display: block;
              position: relative;
              padding: 1rem 0 1rem 1rem;
              border-left: solid 2px var(--highlightColor);
              box-shadow: none;
              margin-top: 1rem;
              width: 100%;
              top: unset;
              left: unset;
              bottom: unset;
              right: unset;
            }
              header .menu .menu-item .sub-menu .menu-item {
                margin-bottom: 1rem;
                width: 100%;
                margin-bottom: .5rem;
                padding-left: 0;
              }
                header .menu .menu-item .sub-menu .menu-item a {
                  font-weight: normal;
                }
                header .menu .menu-item .sub-menu .menu-item .sub-menu {
                  border: none;
                  margin-top: 0;
                  display: block;
                  top: unset;
                  left: unset;
                  bottom: unset;
                  right: unset;
                }
                  header .menu-item:hover .sub-menu .menu-item:hover .sub-menu {
                    top: unset;
                    left: unset;
                    bottom: unset;
                    right: unset;
                  }

  #page .decoration-column {
    margin-bottom: 0;
  }
    #page .decoration-column .wp-block-column:nth-child(1) {
      flex-basis: 10% !important;
    }
    #page .decoration-column .wp-block-column:nth-child(2) {
      flex-basis: 90% !important;
      padding-left: 1rem;
      margin-left: 0;
    }

  #knowledge .full-circle-decoration {
    animation: none !important;
  }
  #knowledge .container {
    left: 0;
    align-items: flex-start;
    padding-top: 2rem;
  }
    #knowledge .container .content {
      margin-left: 0;
    }
  #knowledge .decoration .cover {
    width: 100%;
  }
  #knowledge .decoration .border-circle {
    top: 21rem;
    left: 21rem;
  }

  .thumbnail-container {
    position: relative !important;
    padding-top: 0;
  }

  #about .column-container {
    flex-direction: column;
  }
    #about > .column-container .column:nth-child(1) {
      /* width: var(--containerSize); */
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
    }
    #about .column-container .column .about{
      margin-left: 0;
      width: 100% !important;
    }
    #about .column-container .column .esg{
      width: 100%;
      padding: 0;
    }

    #about > .column-container .column:nth-child(2){
      /* width: var(--containerSize); */
      width: 100%;
      padding: 0;
      margin: 0 auto;
    }
    #about > .column-container .column:nth-child(2) .details{
      display: block;
    }

    #about .column-container .column .details .about-item .column-container {
      flex-direction: row;
      justify-content: flex-end;
    }

  #number .number-posts {
    display: flex;
    flex-direction: column;
  }
    #number .number-post {
      width: 100%;
    }
  #number .border-circle-decoration {
    bottom: 55rem;
    animation: none !important;
  }

  #report .row {
    display: flex;
    flex-direction: column;
  }
  #report .purple-circle-decoration {
    top: 45rem;
    animation: none !important;
  }
  #report .purple-tiny-circle-decoration {
    animation: none !important;
  }

  #more .row {
    flex-direction: column;
    align-items: center;
  }
    #more .two {
      width: 100%;
    }

  footer .row {
    display: flex;
    flex-wrap: wrap;
  }
    footer .row .column {
      width: 48%;
      padding: 1rem 0;
    }

  #business .column-container .content {
    width: 100%;
    margin-right: 0;
  }
  #business .thumbnail {
    height: 100vh;
    width: 100%;
  }

  #covid .content .common-columns .wp-block-columns {
    flex-direction: column-reverse;
  }
    #covid .content .common-columns .wp-block-columns .wp-block-image {
      margin: 0;
    }

  #social_impact,
  #cultural,
  #ethical,
  #page,
  #diversity,
  #materiality {
    padding-top: 0;
  }
    #social_impact .border-circle-decoration,
    #cultural .border-circle-decoration,
    #page .border-circle-decoration,
    #diversity .border-circle-decoration,
    #materiality .border-circle-decoration {
      width: 10rem;
      height: 10rem;
    }
    #social_impact .full-circle-decoration,
    #cultural .full-circle-decoration,
    #page .full-circle-decoration,
    #diversity .full-circle-decoration,
    #materiality .full-circle-decoration {
      width: 5rem;
      height: 5rem;
    }
    #page .thumbnail-container {
      width: 100%;
      position: relative;
      right: unset;
      top: unset;
    }
    #page .column-container .content {
      width: 100%;
      margin-right: 0;
    }
    #social_impact .thumbnail-container,
    #cultural .thumbnail-container,
    #gov_structure .content .thumb-float,
    #ethical .thumbnail-container,
    #diversity .thumbnail-container,
    #materiality .thumbnail-container {
      position: relative;
      width: var(--containerSize);
      margin: 0 auto;
      right: unset;
      top: unset;
    }
      #gov_structure .content .thumb-float {
        width: 20rem;
        height: auto;
        margin-left: 30%;
      }
      #gov_structure {
        padding-top: 0;
      }
        #gov_structure .thumbnail-container {
          width: 100%;
          right: 0;
        }
      #social_impact .thumbnail,
      #cultural .thumbnail,
      #ethical .thumbnail,
      #page .thumbnail,
      #diversity .thumbnail,
      #materiality .thumbnail,
      #gov_structure .thumbnail {
        height: 50vh !important;
      }
    #social_impact .content .common,
    #social_impact .content .common-columns,
    #social_impact .content .common-columns-two,
    #cultural .content .common,
    #gov_structure .content .common,
    #ethical .content .common,
    #covid .content .common,
    #diversity .content .common,
    #materiality .content .common,
    #main_indicators .content .common,
    #value .content .common {
      padding: 0;
      width: var(--containerSize);
      margin: 0 auto;
    }
      #social_impact .content .common-columns .wp-block-columns {
        width: 100%;
        flex-direction: column;
      }
        #social_impact .content .common-columns .wp-block-columns .wp-block-column:nth-child(1) {
          width: 50%;
        }
        #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-columns {
          flex-direction: row;
          flex-wrap: nowrap;
          font-size: 120%;
        }
          #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:nth-child(1) {
            flex-basis: 10% !important;
          }
          #social_impact .content .common-columns .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:nth-child(2) {
            flex-basis: 90% !important;
          }
      #covid .content .common {
        margin-top: 1rem;
      }
    #value .content .common-table {
      padding: 1rem var(--sideMarginSize);
    }
    #social_impact .content .grey,
    #cultural .content .grey,
    #gov_structure .content .grey,
    #ethical .content .grey,
    #diversity .content .grey {
      padding: 2rem var(--sideMarginSize) 2rem var(--sideMarginSize);
    }
    #covid .content .grey-common {
      padding: 2rem var(--sideMarginSize) 2rem var(--sideMarginSize);
    }
      #covid .content .grey-common .wp-block-columns {
        flex-direction: column-reverse;
      }
        #covid .content .grey-common .wp-block-column {
          width: 100%;
        }
      #social_impact .content .grey .wp-block-columns,
      #social_impact .content .common .projects,
      #cultural .content .wp-block-columns,
      #gov_structure .content .grey .wp-block-columns,
      #ethical .content .wp-block-columns,
      #covid .content .common .wp-block-columns,
      #diversity .content .wp-block-columns,
      #main_indicators .content .wp-block-columns:not(.small-img-column) {
        flex-wrap: nowrap;
      }
    #page .column-container {
      flex-direction: column-reverse;
    }
    #materiality .common-table .wp-block-table,
    #main_indicators .table-large .wp-block-group__inner-container,
    #value .common-table .wp-block-group__inner-container {
      overflow-x: auto;
    }
      #materiality .common-table .wp-block-table table,
      #main_indicators .table-large .wp-block-group__inner-container table,
      #value .common-table .wp-block-group__inner-container table {
        width: 150%;
      }
    #main_indicators .wp-block-spacer {
      height: 7rem !important;
    }
    #main_indicators .content .last {
      margin-top: 8rem;
    }
    #reports .page-content {
      width: 100%;
    }
      #reports .column-container {
        flex-direction: column;
      }
        #reports .last .cover-image,
        #reports .last .button-container {
          width: 100%;
        }

  #indicators .content .wp-block-columns:not(.small-img-column, .social-data) {
    flex-direction: column;
  }
    #indicators .content .wp-block-column:nth-child(2n) {
      margin-left: 0;
    }
    #indicators .content .social-data .wp-block-column:nth-child(2) {
      margin-left: 0;
      margin-right: 0;
      padding-left: 1rem;
    }
    #indicators .content .small-img-column .wp-block-column {
      flex-basis: unset !important;
      margin-right: 1rem;
    }
    #indicators .content .table-large {
      overflow-x: auto;
    }

  #news .column-container {
    display: flex;
    flex-direction: column;
  }
    #news .column-container .column {
      width: 100%;
    }
}

@media screen and (max-width: 600px) {

  :root {
    --containerSize: 90%;
    --sideMarginSize: 5%;
  }

  @keyframes homeFullCircleResize {
    0% {
      width: 15rem;
      height: 15rem;
    }
    50% {
      width: 16rem;
      height: 16rem;
    }

  }

  @keyframes firstFullCircleResize {
    0% {
      top: calc(50% - 4rem);
      left: calc(50% - 4rem);
      width: 8rem;
      height: 8rem;
    }
    20% {
      top: calc(25% - 4rem);
      left: calc(70% - 4rem);
      width: 9rem;
      height: 9rem;
    }
    40% {
      top: calc(25% - 4rem);
      left: calc(30% - 4rem);
      width: 8rem;
      height: 8rem;
    }
    60% {
      top: calc(75% - 4rem);
      left: calc(70% - 4rem);
      width: 9rem;
      height: 9rem;
    }
    80% {
      top: calc(75% - 4rem);
      left: calc(30% - 4rem);
      width: 9rem;
      height: 9rem;
    }
  }

  @keyframes secondFullCircleResize {
    0% {
      width: 3rem;
      height: 3rem;
    }
    50% {
      width: 4rem;
      height: 4rem;
    }
  }

  @keyframes reportsFullCircleResize {
    0% {
      top: calc(50% - 1rem);
      left: calc(50% - 1rem);
      width: 2rem;
      height: 2rem;
    }
    20% {
      top: calc(75% - 1rem);
      left: calc(30% - 1rem);
      width: 3rem;
      height: 3rem;
    }
    40% {
      top: calc(75% - 1rem);
      left: calc(70% - 1rem);
      width: 2rem;
      height: 2rem;
    }
    60% {
      top: calc(25% - 1rem);
      left: calc(30% - 1rem);
      width: 3rem;
      height: 3rem;
    }
    80% {
      top: calc(25% - 1rem);
      left: calc(70% - 1rem);
      width: 2rem;
      height: 2rem;
    }
  }

  .menu-show .menu-main-container,
  .menu-show .menu-main-en-container {
    height: 70rem;
  }
    header .menu {
      flex-direction: column;
    }
      header .menu .menu-item {
        width: 100%;
      }

  #page .decoration-column {
    flex-direction: column;
  }
  #page .decoration-column .wp-block-column:nth-child(1) {
    flex-basis: unset !important;
  }
    #page .decoration-column .wp-block-column:nth-child(1) img {
      width: 3rem;
      height: auto;
    }
  #page .decoration-column .wp-block-column:nth-child(2) {
    flex-basis: unset !important;
    padding-left: 0;
  }

  #knowledge {
    height: 110vh;
  }
    #knowledge .decoration .border-circle {
      top: 30rem;
      left: 10rem;
      width: 10rem;
      height: 10rem;
    }
    #knowledge .full-circle-decoration:nth-child(1) {
      width: 10rem;
      height: 10rem;
      top: -5.5rem;
      right: -5.5rem;
    }
    #knowledge .full-circle-decoration:nth-child(2) {
      left: -7rem;
    }
    #knowledge .container .content {
      width: 90%;
    }
      #knowledge .container .content .post-content {
        width: 100%;
      }

  #about .column-container .column .esg {
    width: 100%;
  }

  #about .column-container .column .details{
    margin: 0;
  }
  #about .column-container .column .details .about-item .column-container {
    /* justify-content: flex-start; */
    flex-direction: column;
    justify-content: center;
  }
    #about .column-container .column .details .about-item .content {
      /* margin-left: 1rem;
      width: 13rem; */
      width: 100%;
      margin-left: 0;
    }

  #number {
    overflow: hidden;
    position: relative;
  }
    #number .border-circle-decoration {
      display: none;
    }
    #number .number-post .number-content {
      padding-left: 4rem;
    }
      #number .row-number .column-img {
        width: 6.5rem;
        height: 6.5rem;
      }
      #number .row-number .column-content h3 {
        padding: 1rem 1rem 1rem 2rem;
        font-size: 80%;
      }

  #report .column:nth-child(2) img {
    width: 100%;
    height: auto;
  }
    #report .column {
      padding: 0;
    }
    #report .purple-tiny-circle-decoration {
      left: -15rem;
    }
    #report .purple-circle-decoration {
      display: none;
    }

  #more .one {
    width: 60%;
  }
  #more .two {
    display: flex;
    flex-direction: column;
  }
    #more .two .column {
      padding: 1rem 3rem;
    }

  footer .row {
    display: flex;
    flex-direction: column;
  }
    footer .row .column {
      width: 100%;
    }
  footer .menu {
    padding-left: 0;
  }

  #reports .full-circle-decoration {
    display: none;
  }
  #reports .border-circle-decoration {
    width: 12rem;
    height: 12rem;
    left: 2rem;
  }
  #reports .column-container .content .attachments .last a {
    font-size: 80%;
    width: 100%;
  }
  #reports .column-container .thumbnail {
  }

  #social_impact .border-circle-decoration, #cultural .border-circle-decoration, #page .border-circle-decoration, #diversity .border-circle-decoration, #materiality .border-circle-decoration {
    width: 8rem;
    height: 8rem;
  }
  #social_impact .full-circle-decoration, #cultural .full-circle-decoration, #page .full-circle-decoration, #diversity .full-circle-decoration, #materiality .full-circle-decoration {
    width: 3rem;
    height: 3rem;
  }

  #cultural .content .wp-block-columns .wp-block-column:nth-child(1),
  #diversity .content .wp-block-columns .wp-block-column:nth-child(1),
  #gov_structure .content .wp-block-columns .wp-block-column:nth-child(1),
  #ethical .content .wp-block-columns .wp-block-column:nth-child(1),
  #main_indicators .content .wp-block-columns:not(.small-img-column) .wp-block-column:nth-child(1),
  #indicators .content .graphic-data .wp-block-column:first-child  {
    flex-basis: 20% !important;
  }
  #cultural .content .wp-block-columns .wp-block-column:nth-child(2),
  #diversity .content .wp-block-columns .wp-block-column:nth-child(2),
  #gov_structure .content .wp-block-columns .wp-block-column:nth-child(2),
  #ethical .content .wp-block-columns .wp-block-column:nth-child(2),
  #main_indicators .content .wp-block-columns:not(.small-img-column) .wp-block-column:nth-child(2),
  #indicators .content .graphic-data .wp-block-column:not(:first-child) {
    flex-basis: 80% !important;
  }

  #social_impact .common-columns {
    margin-bottom: 2rem;
  }
    #social_impact .common-columns .wp-block-columns {
      flex-wrap: wrap;
    }
      #social_impact .common-columns .wp-block-columns .wp-block-column {
        width: 100%;
      }
        #social_impact .common-columns .wp-block-columns .wp-block-column .wp-block-columns {
          flex-wrap: nowrap;
        }
          #social_impact .common-columns .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:nth-child(1) {
            flex-basis: 20% !important;
          }
          #social_impact .common-columns .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:nth-child(2) {
            flex-basis: 80% !important;
          }
  #social_impact .common-columns-two .wp-block-columns {
    flex-direction: column;
  }

  .highlight-link {
    left: -15%;
  }

  #gov_structure .content .thumb-float {
    margin-left: 10%;
  }

  .small-img-column {
    width: 100%;
    flex-wrap: nowrap;
  }
    .small-img-column .wp-block-column {
      display: grid;
      place-items: center;
    }

  #materiality .common-table .wp-block-table table, #main_indicators .table-large .wp-block-group__inner-container table, #value .common-table .wp-block-group__inner-container table {
    width: 200%;
  }

  .content .common-columns table tr td {
    font-size: 60%;
  }

  #news .column-container {
    display: flex;
    flex-direction: column;
  }
    #news .column-container .column {
      width: 100%;
    }
    #news .column-container .first {
      padding-right: 0 !important;
    }
      #news .column-container .column .posts .post:not(.simple) {
        width: 100%;
      }
  #category .posts .post, 
  #search .posts .post {
    width: 100%;
  }
}

@media screen and (max-width: 320px) {
  header .logo-container .custom-logo-link {
    width: 8rem;
  }

  #knowledge {
    height: 130vh;
  }
    #knowledge .container .content h2 {
      font-size: 150%;
    }
    #knowledge .decoration .border-circle {
      display: none;
    }

  #about .column-container .column .details .about-item .thumbnail {
    width: 4rem;
    height: 4rem;
  }

  #number .row-number .column-img {
    width: 5rem;
    height: 5rem;
  }

  .highlight-link {
    left: -20%;
    padding-right: 2rem;
  }

  #gov_structure .content .thumb-float {
    width: 15rem;
  }

  #main_indicators .content .last {
    margin-top: 10rem;
  }

  #reports .last .button-container a {
    font-size: 70%;
  }
  #reports .previous .previous-content li {
    width: 100%;
    margin-right: 0;
  }
    #reports .previous .previous-content li .cover-image {
      width: 100%;
      height: 10rem;
    }
  #news .column-container {
    display: flex;
    flex-direction: column;
  }
    #news .column-container .column {
      width: 100%;
    }
      #news .column-container .column .first {
        padding-right: 0 !important;
      }
        #news .column-container .column .posts .post:not(.simple) {
          width: 100%;
        }
  #category .posts .post, 
  #search .posts .post {
    width: 100%;
  }
}

/*
  ##Device = Screen Full Wide
  ##Screen = B/w 1920px to 2600px
*/
@media (min-width: 1920px) and (max-width: 2600px) {
	:root{
		--containerSize: 60%;
		--sideMarginSize: 20%;
	}
	.container{
	  width: var(--containerSize);
	}
	#knowledge .container .content {
	  margin-left: 10rem;
	}
	#knowledge .container .content .post-content {
    font-size: 100%;
    width: 50%;
	}
	#knowledge .full-circle-decoration:nth-child(2) {
	  left: -6rem;
	}
	#knowledge .decoration .border-circle {
    top: 8rem;
    left: 40rem;
	}
	#about .column-container .column .esg {
	  width: 100%;
	}
	#reports .column-container .thumbnail {
	  height: 52vh;
	}
	#reports .full-circle-decoration {
	  left: 85rem;
	}
	#reports .border-circle-decoration {
	  left: 65rem;
	}
  .highlight-link {
    padding: 1rem 4rem 1rem calc((var(--sideMarginSize) * 3) + 1.5rem);
    left: -67%;
  }
}

/*
  ##Device = Screen Wide
  ##Screen = B/w 1500px to 1900px
*/
@media (min-width: 1500px) and (max-width: 1919px) {
		:root{
		--containerSize: 70%;
		--sideMarginSize: 15%;
	}
	.container{
	  width: var(--containerSize);
	}
	#knowledge .container .content {
	  margin-left: 20rem;
	}
	#knowledge .container .content .post-content {
    font-size: 100%;
    width: 60%;
	}
	#knowledge .full-circle-decoration:nth-child(2) {
	  left: -6rem;
	}
	#knowledge .decoration .border-circle {
    top: 4rem;
    left: 32rem;
	}
	#about .column-container .column .esg {
	  width: 100%;
	}
	#reports .column-container .thumbnail {
	  height: 60vh;
	}
	#reports .full-circle-decoration {
	  left: 75rem;
	  top: 23rem;
	}
	#reports .border-circle-decoration {
	  left: 55rem;
	}
  .highlight-link {
    padding: 1rem 4rem 1rem calc((var(--sideMarginSize) * 2.5) + 1.5rem);
    left: -45%;
  }
  #gov_structure .content .thumb-float {
    right: calc(var(--sideMarginSize) - 1rem);
  }
}
/*
  ##Device = Tiny Laptops and Desktops
  ##Screen = B/w 1280px to 1365px
*/
@media (min-width: 1280px) and (max-width: 1365px) {
	#knowledge .decoration .border-circle {
    top: 3rem;
    left: 24rem;
	}
	#knowledge .container .content {
	    margin-left: 26rem;
	}
	#reports .full-circle-decoration {
	  left: 60rem;
	  top: 24rem;
	}
	#reports .border-circle-decoration {
	  left: 43rem;
	}
  #gov_structure .content .thumb-float {
    right: calc(var(--sideMarginSize) - 3rem);
  }
  #value .content .common-table {
    padding: 1rem 20% 1rem var(--sideMarginSize);
  }
  #number .row-number .column-content h3 {
    font-size: 95%;
  }
}

/*
  ##Device = Tiny Laptops and Desktops
  ##Screen = B/w 1025px to 1279px
*/
@media (min-width: 1025px) and (max-width: 1279px) {
	:root{
		--containerSize: 95%;
		--sideMarginSize: 2.5%;
	}
	.container{
	  width: var(--containerSize);
	}
	header .menu .menu-item a {
	  font-size: 80%;
	}
	#knowledge .container .content .post-content {
    font-size: 80%;
    width: 80%;
	}
	#knowledge .full-circle-decoration:nth-child(2) {
	  left: -7rem;
	}
	#knowledge .full-circle-decoration:nth-child(1) {
	  top: -8.5rem;
	  right: -8.5rem;
	}
	#knowledge .decoration .border-circle {
	  width: 15rem;
	  height: 15rem;
	  top: 2rem;
	  left: 17rem;
	}
	#knowledge .container .content h2 {

	}
	#about > .column-container .column:nth-child(2) {
	  /* padding-left: 2rem; */
    padding: 0;
	}
	#number .border-circle-decoration {
    width: 20rem;
    height: 20rem;
    right: -10rem;
	}
  #number .row-number .column-content h3 {
    font-size: 90%;
  }
  .highlight-link {
    left: -10%;
  }
  header .menu-item .sub-menu {
    right: 0;
  }
  #value .content .common-table {
    padding: 1rem 10% 1rem var(--sideMarginSize);
  }
  #main_indicators .content .table-large {
    width: 100%;
  }
	@keyframes YellowFullCircleResize {
	  0% {
	    width: 20rem;
	    height: 20rem;
	    right: -10rem;
	  }
	  50% {
	    width: 21rem;
	    height: 21rem;
	    right: -9rem;
	  }
	}
	#report .purple-tiny-circle-decoration {
    width: 15rem;
    height: 15rem;
	}
	@keyframes PurpleTinyFullCircleResize {
	  0% {
	    width: 15rem;
	    height: 15rem;
	  }
	  50% {
	    width: 16rem;
	    height: 16rem;
	  }
	}
	#report .purple-circle-decoration {
	  width: 20rem;
	  height: 20rem;
	  top: 28rem;
	}
	@keyframes PurpleFullCircleResize {
	  0% {
	    width: 20rem;
	    height: 20rem;
	    top: 28rem;
	  }
	  50% {
	  	top: 30rem;
	    width: 22rem;
	    height: 22rem;
	  }
	}
	#reports .column-container .thumbnail {
	  height: 100vh;
	}
	#reports .full-circle-decoration {
	  left: 52rem;
	  top: 23rem;
	}
	#reports .border-circle-decoration {
	  left: 35rem;
	}
}

/* 
Ajustes Adriano */
#about .column-container .column .about{
  margin-top: 2.2rem;
  width: 90%;
}
#video_cogna h2{
  margin-bottom: 5px;
}
#number .proposito{
  display: flex;
  height: 200px;
  text-align: center;
  margin-top: 40px;
}
#number .proposito .column{
  padding: 0 25px;
    width: 100%;
}
#number .proposito .column .number-posts{
  color: #fff;
}
#about .details ul li{
  list-style: none !important;
}
#social_impact .content .common table tbody tr:nth-child(1){
  /*background-color: transparent;*/
  color: #000;
	background-color: #fff;
      /*background-color: var(--highlightColor);*/
}
#imagens-galery-single .container{
  width: 100%;
}
#imagens-galery-single .container .images{
  display: flex;
}
#imagens-galery-single img{
  width: 20%;
}

#reports .thumbnail-container {
  width: calc(50% - var(--sideMarginSize));
  height: 100%;
  background-color: var(--DarkGrey);
  position: absolute;
  top: 0;
  right: var(--sideMarginSize);
}
#reports .realatorios-post{
  width: 100%;
}
#reports .realatorios-post .column-container{
  display: inline !important;
}
#reports .realatorios-post .column-container .cover-image{
  width: 100%;
}
#reports .last .button-container{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
#reports .conteudo-post h1{
  color: var(--highlightColor);
  text-transform: uppercase;
  margin-top: 0;
}
#reports .conteudo-post h2{
  color: var(--textColor);
  text-transform: uppercase;
  font-size: 100%;
}
#reports .previous .container{
  margin: 0;
}
#reports .previous .previous-content{
  display: grid;
  grid-template-columns: 175px 175px 175px;
  grid-template-rows: auto;
}
#reports .previous .previous-content li{
  margin-right: 0;
}
#reports .thumbnail {
  width: 100%;
  height: 85vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
#reports .border-circle-decoration {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: solid 2px var(--orange);
  z-index: 4;
  left: calc(50% - 7.5rem);
  top: calc(50% - 7.5rem);
  animation: firstFullCircleResize 20s infinite;
}
#reports .full-circle-decoration {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--orange);
  z-index: 4;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  animation: reportsFullCircleResize 20s infinite;
}


#imageViewer {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #aca8a8;
}

main .wp-block-group__inner-container ol li{
  list-style: decimal !important;
}

#indicators .content ul li{
	list-style: none !important;
}

.jquery-modal{
  z-index: 9 !important;
}
.link__modal{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.link__modal i{
  font-size: 0;
}
.link__modal:hover{
  background: #000;
  height: auto;
}
.link__modal:hover i{
  position: absolute;
  color: #ffffff;
  font-size: 2em;
}
.link__modal:hover img{
  opacity: 0.5;
}
#ex1{
  width: 80% !important;
  text-align: center !important;
  max-width: unset !important;
}
#ex1 img{
  width: 100% !important;
}

/* Ajustes dos bullets */
#ethical .wp-block-group__inner-container ul{
  position: relative;
}
#ethical .wp-block-group__inner-container ul:before{
  content: "";
  color: #FFAD01;
  display: inline-block;
  position: absolute;
  height: 100%;
  border-left: 2px solid #FFAD01;
  margin-left: -1em;
}

/* modal de imagem */
#page .link__modal:hover{
  background: #00000091;
}
#ex1 .image-modal{
  width: 55% !important;
}

/* Tamanho da imagens nas paginas */
#page .wp-block-image,
#social_impact .wp-block-image{
  text-align: center !important;
}
#page .wp-block-image figure img,
#social_impact .wp-block-image figure img{
  width: 60% !important;
}


@media (max-width: 1024px){
  #reports{
    padding-top: 0;
  }
  #reports .thumbnail-container{
    width: 100%;
    right: 0;
  }
  #reports .thumbnail{
    height: 50vh !important;
  }
  #reports .previous .previous-content{
    grid-template-columns: 175px 175px 175px 175px;
  }
  #reports .column-container .content {
    width: 100%;
  }
}
@media (max-width: 992px){
  #number .proposito{
    flex-direction: column;
    height: auto !important;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px){
  #ex1{
    width: 100% !important;
  }
  #reports .previous .previous-content{
    grid-template-columns: 175px 175px 175px;
  }
}
@media (max-width: 575px){
  #reports .previous .previous-content{
    grid-template-columns: 175px 175px;
  }
}