/*---------------------------------------
geral
---------------------------------------*/
* {
  position: relative; }

/*bloco especial */
@media (max-width: 991px) {
  .noBr-mob br {
    display: none; } }
/*---------------------------------------
reveal
---------------------------------------
main .col:not(.noreveal) {
	opacity: 0;
	transition: all .5s ease-out;
	transform: scale(0.95);
	&.active {
		opacity: 1;
		transform: none;
	}
}

*/
/*---------------------------------------
sm
---------------------------------------*/
a.sm {
  display: block; }
  a.sm img {
    width: 18px;
    margin-top: -2px;
    margin-right: 0.5em; }

/*---------------------------------------
header + footer
---------------------------------------*/
header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: var(--bs-light);
  transition: var(--transition);
  padding: 30px 0;
  border-bottom: 1px solid var(--bs-gray-dark); }
  header h1.logo {
    text-align: center;
    margin: 0 auto;
    line-height: 1em;
    font-size: 0;
    max-width: 220px;
    transition: var(--transition);
    z-index: 11; }
    header h1.logo img {
      display: inline-block;
      margin: 0; }
  header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    font-size: 16px; }
    header ul li {
      display: inline-block; }
      header ul li a {
        color: var(--bs-dark);
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none; }
        header ul li a:hover {
          color: var(--bs-blue); }
  header.ativo {
    padding: 25px 0; }
    header.ativo h1.logo {
      max-width: 180px; }

footer {
  background-color: var(--bs-blue);
  color: white;
  font-size: 16px;
  line-height: 38px;
  font-weight: 400; }
  footer a {
    color: white;
    text-decoration: none; }
    footer a:hover {
      color: var(--bs-yellow); }
  footer p.posicionamento {
    font-size: 32px;
    line-height: 1.25em;
    font-weight: 600; }
  footer .copyright {
    font-size: 13px; }
  footer ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  footer .logo {
    max-width: 180px;
    max-width: 100%; }

@media (min-width: 992px) {
  header {
    overflow: hidden !important; }
    header h1.logo {
      margin: 0; }
    header ul li {
      margin-right: 30px; }
      header ul li.bt-contato {
        margin-left: calc(10vw); }
        header ul li.bt-contato a {
          color: white; }
          header ul li.bt-contato a:before {
            position: absolute;
            content: '';
            left: -10vw;
            right: -10vw;
            top: -60px;
            bottom: -60px;
            transition: var(--transition);
            background-color: var(--bs-blue);
            z-index: -1; }
          header ul li.bt-contato a:hover:before {
            background-color: var(--bs-blue-light); } }
@media (max-width: 991px) {
  header {
    /*btn ctrole menu */
    /* menu ativo */ }
    header .menu {
      position: fixed;
      background-color: var(--bs-blue);
      left: 0;
      top: 0;
      width: 100vw;
      bottom: 0;
      padding: 2em;
      opacity: 0;
      overflow: scroll;
      transform: translate(100vw, 0);
      transition: var(--transition);
      display: flex;
      justify-content: center;
      align-items: center; }
      header .menu ul {
        text-align: center; }
        header .menu ul li {
          display: block;
          font-size: 21px;
          margin: 1.5em 0; }
          header .menu ul li a {
            color: white; }
    header .menu-btn {
      cursor: pointer;
      width: 44px;
      height: 44px;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      position: absolute;
      z-index: 11;
      right: 0;
      top: calc(50% - 22px); }
    header .menu-btn .bar {
      width: 18px;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: var(--bs-gray-dark);
      transition: var(--transition);
      border-radius: 3px; }
      header .menu-btn .bar:nth-of-type(2) {
        top: calc(50% - 7px); }
      header .menu-btn .bar:nth-of-type(3) {
        top: calc(50% + 7px); }
    header.menu-ativo {
      overflow: visible; }
      header.menu-ativo.is-hidden {
        top: 0; }
      header.menu-ativo h1.logo {
        filter: brightness(10) grayscale(1); }
      header.menu-ativo #menu {
        transform: none;
        opacity: 1; }
      header.menu-ativo .menu-btn .bar {
        background-color: white;
        top: 50%; }
        header.menu-ativo .menu-btn .bar:nth-of-type(1) {
          display: none; }
        header.menu-ativo .menu-btn .bar:nth-of-type(2) {
          transform: translate(-50%, 0%) rotate(45deg); }
        header.menu-ativo .menu-btn .bar:nth-of-type(3) {
          transform: translate(-50%, 0%) rotate(-45deg); }
    header.ativo {
      padding: 20px 0;
      background-color: var(--bs-blue); }
      header.ativo h1.logo {
        max-width: 140px;
        filter: brightness(10) grayscale(1); }
      header.ativo .menu-btn .bar {
        background-color: white; }

  footer p.posicionamento {
    font-size: 18px; }
    footer p.posicionamento br {
      display: none; }
  footer .col + .col {
    margin-bottom: 1em; } }
/*---------------------------------------
post-list
---------------------------------------*/
aside .bg-aside {
  background-color: var(--bs-blue-light); }
aside .areoi-background {
  width: 40%; }
  aside .areoi-background .logo {
    background-image: url("../images/anelyos-logo-branco.svg");
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40%; }

.ancora {
  position: absolute;
  left: 0;
  top: -80px; }

/*---------------------------------------
home
---------------------------------------*/
.banner-full {
  aspect-ratio: 4/3; }

.img-scale.scale-11 {
  transform: scale(1.1); }
.img-scale.scale-eolica {
  transform: scale(1.2) translate(0, -10px);
  z-index: 2; }

.grade {
  border-top: 1px solid var(--bs-dark);
  padding: 0;
  overflow: hidden; }
  .grade .col {
    padding-top: 2em;
    padding-bottom: 2em; }
    .grade .col:before {
      content: '';
      position: absolute;
      left: -10em;
      right: -10em;
      bottom: 0;
      border-bottom: 1px solid var(--bs-dark); }
    .grade .col h3 {
      margin-top: 0.5rem;
      margin-bottom: 1rem; }

.ul-list-icon {
  list-style: none;
  padding: 0; }
  .ul-list-icon li {
    margin: 1.5em 0;
    padding-left: 2em;
    display: block; }
    .ul-list-icon li:before {
      content: url("../images/ul-list.svg");
      position: absolute;
      left: 0;
      top: calc(50% - 14px); }
  .ul-list-icon.ul-list-icon-orange li:before {
    content: url("../images/ul-list-orange.svg"); }

.ul-valores {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 24px;
  line-height: 28px;
  font-style: italic; }
  .ul-valores li {
    padding: 12px 42px;
    display: flex;
    align-items: center;
    background-color: var(--bs-green);
    color: white;
    text-align: center;
    min-height: 2em;
    margin: 4px 8px 4px 0; }

.ico-seta {
  transform: translate(0, -25px);
  position: absolute;
  max-width: 90px; }

@media (min-width: 768px) {
  .grade .col {
    padding-left: 2em;
    padding-right: 3em; }
    .grade .col:nth-child(2n + 1):after {
      content: '';
      position: absolute;
      top: -10em;
      bottom: -10em;
      right: 0;
      border-right: 1px solid var(--bs-dark); } }
.lista-linha {
  border-top: 1px solid var(--bs-dark);
  border-bottom: 1px solid var(--bs-dark); }
  .lista-linha + .lista-linha {
    border-top: none; }

.box-lideranca .avatar img {
  height: auto;
  margin-bottom: 1em; }
.box-lideranca .textos {
  border-bottom: 1px solid var(--bs-green); }
  .box-lideranca .textos h4 {
    margin-bottom: 0; }
  .box-lideranca .textos .cargo {
    color: #333; }
  .box-lideranca .textos .expand {
    height: 1px;
    overflow: hidden;
    transition: var(--transition) !important; }
  .box-lideranca .textos .pt2 {
    display: none; }
  .box-lideranca .textos.show .expand {
    height: auto; }
  .box-lideranca .textos.show .pt1 {
    display: none; }
  .box-lideranca .textos.show .pt2 {
    display: block; }
.box-lideranca + .box-lideranca {
  margin-top: 4em; }
.box-lideranca a.bt-expand {
  position: absolute;
  right: 0;
  bottom: -1em;
  font-size: 0.8em;
  text-decoration: none;
  font-style: italic;
  background-color: var(--bs-light);
  padding-left: 1em;
  color: var(--bs-green);
  z-index: 2; }
  .box-lideranca a.bt-expand i {
    font-style: normal;
    margin-left: 5px; }
  .box-lideranca a.bt-expand:hover {
    background-color: var(--bs-light);
    color: var(--bs-green-light);
    filter: none; }

@media (max-width: 991px) {
  .lista-linha {
    flex-direction: column;
    padding-top: 0; }
    .lista-linha .areoi-background {
      position: relative;
      height: 250px;
      margin-bottom: 1em; }

  .ul-list-icon li:before {
    left: 0;
    top: 4px; }

  .bg-trabalheconosco .areoi-background {
    position: relative;
    aspect-ratio: 5/4; } }
@media (min-width: 992px) {
  .banner-full {
    aspect-ratio: 20/8; }

  .banner-800 {
    min-height: 800px; }

  .home-servicos-usina {
    transform: translate(0, -110px) scale(1.15); }

  .lista-linha {
    min-height: 495px; }
    .lista-linha .areoi-background {
      width: 50%;
      left: 50%; }

  .img-scale.scale-eolica {
    transform: translate(0, -90%) scale(1.6);
    width: 100%;
    max-height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }

  .box-lideranca {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 1rem; }
    .box-lideranca .avatar {
      grid-column: span 3; }
    .box-lideranca .textos {
      grid-column: span 5; }

  .ico-seta {
    transform: translate(0, -40px);
    position: absolute;
    max-width: 137px; }

  .bg-trabalheconosco .areoi-background {
    width: 45%; } }
@media (min-width: 1200px) {
  .grade .col:nth-child(3n + 1) {
    padding-left: 0; }
  .grade .col:after {
    content: '';
    position: absolute;
    top: -10em;
    bottom: -10em;
    right: 0;
    border-right: 1px solid var(--bs-dark); }
  .grade .col:nth-child(3n + 3):after {
    display: none; } }