/* .sostenibilidad__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
} */

/* .sostenibilidad__panel._active {
  z-index: 10;
} */

/* .sostenibilidad__trans-layer {
  background: #000;
  transform: translateY(-100%) skew(0) rotate(0) scale(2);
  border-radius: 50%;
  transition: all 500ms ease-in-out;
  transition-delay: 500ms;
} */

/* ._active .sostenibilidad__trans-layer {
  transform: translateY(0) skew(0) rotate(0) scale(2);
  transition-delay: 0ms;
} */

.sostenibilidad__section {
  height: calc(100vh - 110px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  /* align-items: center;
  position: relative; */
}

/* ._active .sostenibilidad__section {
  transform: translateY(0);
  transition-delay: 500ms;
} */

.sostenibilidad__section-content {
  display: flex;
  /* height: 100%; */
  z-index: 1000;
}

/* ._active .sostenibilidad__section-content {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 1000ms;
  z-index: 20;
  position: relative;
} */

.sostenibilidad__section-content .row {
  align-items: center;
}

.sostenibilidad__text-vertical {
  writing-mode: vertical-rl;
  /* font-size: 60px;
  color: white; */
  transform: rotate(180deg);
  text-align: center;
  letter-spacing: -1.67px;
}

.sostenibilidad__text-izq {
  margin-top: -100px;
}

.sostenibilidad__text-izq p.color-rojo {
  font-size: 100px;
  font-weight: 500;
  letter-spacing: -2.78px;
  line-height: 1;
  margin: 0;
  width: 118%;
}

.sostenibilidad__text-izq p.color-rojo:nth-child(even) {
  padding-top: 19px;
  border-top: 1px solid #d0d0d0;
}

.sostenibilidad__text-izq p.color-rojo:nth-child(odd) {
  padding-bottom: 19px;
  border-bottom: 1px solid #d0d0d0;
}

/* .sostenibilidad__text-izq p.text {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.83px;
  color: white !important;
  margin: 21px 0;
} */

.sostenibilidad__text-der {
  margin-top: 100px;
}

.sostenibilidad__text-der p.text {
  font-size: 16px;
  line-height: 1.88;
  letter-spacing: -0.53px;
  color: white !important;
  margin: 0;
  position: relative;
}

#section-1 .sostenibilidad__text-der p.text,
#section-3 .sostenibilidad__text-der p.text {
  padding-bottom: 31px;
  border-bottom: 1px solid #d0d0d0;
  width: 115%;
  left: -12%;
  padding-left: 12%;
}

#section-2 .sostenibilidad__text-der p.text,
#section-4 .sostenibilidad__text-der p.text {
  padding-top: 31px;
  border-top: 1px solid #d0d0d0;
  width: 110%;
  left: -9%;
  padding-left: 10%;
}

/* .sostenibilidad__text-der p.boton {
  background-color: #e40f23;
  padding: 12px 36px;
  margin-top: 26px;
  border-radius: 28px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.23px;
  color: white !important;
  width: fit-content;
  white-space: nowrap;
} */

.sostenibilidad__layer {
  /* z-index: 15; */
  position: absolute;
  top: calc(50% - 190px);
  right: calc(50% - 190px);
  border-radius: 50%;
  outline: 7800px solid rgb(0 0 0 / 50%);
  box-shadow: 0px 0px 15px black;
  width: 380px;
  height: 380px;
}


/* RESPONSIVE */

@media (max-width: 1350px) {
  .sostenibilidad__text-vertical {
      padding-right: 60px !important;
  }
}

@media (max-width: 1199px) {
  .sostenibilidad__text-izq p.color-rojo {
      width: 100%;
  }
  .sostenibilidad__text-der p.text {
      width: 100% !important;
      left: 0!important;
      padding-left: 0!important;
      margin-left: 5%;
      padding-right: 30px;
  }
  .sostenibilidad__layer {
      top: calc(50% - 170px);
      right: calc(50% - 170px);
      width: 340px;
      height: 340px;
  }
}

@media (max-width: 991px) {
  .sostenibilidad__section {
    height: calc(100vh - 50px);
  }
  .sostenibilidad__text-vertical {
      writing-mode: unset;
      transform: rotate(0deg);
      padding-right: 10px !important;
      margin-top: -15px;
  }
  .sostenibilidad__text-vertical .titulo-1 {
      margin-top: 30px;
  }
  .sostenibilidad__section-content .btn.btn-primary {
      min-width: 200px;
  }
  /* .sostenibilidad__section-content {
      min-height: 88vh;
  } */
  .sostenibilidad__text-izq {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      margin-top: -60px;
  }
  .sostenibilidad__text-izq h2{
    font-size: 25px !important;
  }
  .sostenibilidad__text-izq p.color-rojo,
  .sostenibilidad__text-izq p.text {
      width: fit-content;
  }
  .sostenibilidad__text-izq p.color-rojo:nth-child(odd) {
      padding-bottom: 0;
      border-bottom: none;
  }
  .sostenibilidad__text-izq p.color-rojo:nth-child(even) {
      padding-top: 0;
      border-top: none;
  }
  .sostenibilidad__text-der {
      margin-top: 200px;
      margin-bottom: 45px;
      padding: 0 50px !important;
      display: flex;
      align-items: center;
  }
  .sostenibilidad__text-der p.text {
      margin-left: 0;
      padding-right: 10px;
  }
  #section-1 .sostenibilidad__text-der p.text,
  #section-3 .sostenibilidad__text-der p.text {
      padding-bottom: 0;
      border-bottom: none;
  }
  #section-2 .sostenibilidad__text-der p.text,
  #section-4 .sostenibilidad__text-der p.text {
      padding-top: 0;
      border-top: none;
  }
  .sostenibilidad__layer {
      top: calc(50% - 150px);
      right: calc(50% - 150px);
      width: 300px;
      height: 300px;
  }
}

@media (max-width: 767px) {
  .sostenibilidad__section {
    padding: 0 20px;
  }
  .sostenibilidad__text-der {
    padding: 0 20px !important;
  }
  .sostenibilidad__layer {
      top: calc(50% - 150px);
      right: calc(50% - 130px);
      width: 260px;
      height: 260px;
  }
  .sostenibilidad__text-der p.text {
      padding-right: 0px !important;
  }
}

@media (max-width: 575px) {
  /* .slider-sostenibilidad {
      height: 700px;
  } */
  .sostenibilidad__text-izq {
      margin-top: 0px;
  }
  .sostenibilidad__text-der {
    flex-direction: column;
  }
  .sostenibilidad__layer {
      top: calc(50% - 140px);
      right: calc(50% - 110px);
      width: 220px;
      height: 220px;
  }
}


/* FLECHAS Y PUNTOS */

.sostenibilidad__nav-dots {
  position: fixed;
  top: calc(50% - 19.25px);
  left: 55px;
  /* transform: translateY(-50%); */
  z-index: 20;
  width: 18px;
}

.sostenibilidad__nav-dot {
  width: 6px;
  height: 6px;
  margin: 24px auto;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: all 300ms ease-out;
}

.sostenibilidad__nav-dot.active {
  width: 11px;
  height: 11px;
  background: #e40f23;
}

.sostenibilidad__next-btn,
.sostenibilidad__prev-btn {
  position: absolute;
  z-index: 20;
  cursor: pointer;
  bottom: 34px;
  z-index: 9999;
}

.sostenibilidad__next-btn {
  left: 51%;
}

.sostenibilidad__prev-btn {
  right: 51%;
}

@media (max-width: 991px) {
  .sostenibilidad__next-btn,
  .sostenibilidad__prev-btn {
      bottom: 15px;
  }

  .sostenibilidad__nav-dots {
    top: calc(50% - 49.5px);
    left: 10px;
  }
}


/* IMAGENES DE FONDO */
#section-1 {
  background-image: url("/media/media-bd/imagenes/sostenibilidad-nuestra-estrategia-background-min-1467x971-1683097444.png");
}
#section-2 {
  background-image: url("/media/media-bd/imagenes/sostenibilidad-indices-sostenibilidad-background-min-1467x979-1683097441.png");
}
#section-3 {
  background-image: url("/media/media-bd/imagenes/sostenibilidad-desarrollo-sostenible-background-min-1467x979-1683097440.png");
}
#section-4 {
  background-image: url("/media/media-bd/imagenes/sostenibilidad-informe-climatico-background-min-1565x979-1683097442.png");
}
#section-5 {
  background-image: url("/media/media-bd/imagenes/reviver-sostenibilidad-fondo-1467x971-1712045545.jpg");
}