body {
   margin: 0;
}

.dotted__somos {
   background-image: repeating-radial-gradient(
      center center,
      #9ae02b,
      #9ae02b 2.2px,
      transparent 1px,
      transparent 100%
   );
   background-size: 15px 15px;
}

.wrapper__somos {
   width: 100%;
   height: 500px;
   background-image: url(https://www.taglermaq.cl/wp-content/themes/taglermaq/img-temporal/banner-corporativo.jpg);
   background-size: cover;
   background-attachment: fixed;
   position: relative;
}

.wrapper__somos:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(-50%, rgba(80, 47, 123, 0.1)),
      to(#191d2d)
   );
   background: linear-gradient(
      to bottom,
      rgba(80, 47, 123, 0.1) -50%,
      #191d2d 100%
   );
   -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
}

.line__somos {
   width: 350px;
   height: 100px;
   position: absolute;
   right: 0;
   top: 730px;
   z-index: 1;
}

@media (max-width: 650px) {
   .line__somos {
      display: none;
   }
}

.container__title__somos {
   width: 100%;
   min-height: 50vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: relative;
   z-index: 1;
}

.title__somos {
   width: 500px;
   margin-left: 120px;
   margin-top: 150px;
   font-family: "Rajdhani";
   font-size: 6em;
   -webkit-text-stroke: 2px;
   letter-spacing: -3px;
   line-height: 0.9;
   font-weight: bold;
   position: relative;
   z-index: 2;
   color: white;
}

@media (max-width: 400px) {
   .title__somos {
      display: none;
   }
}

.title__somos:after {
   content: "";
   width: 100px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border: 1px solid #8cc63f;
   position: absolute;
   top: 250px;
}

@media (max-width: 1200px) {
   .title__somos {
      margin-top: 600px;
   }
}

@media (max-width: 700px) {
   .title__somos {
      width: 0%;
      margin-left: 40px;
   }
}

.wrapper__building__somos {
   width: 100%;
   margin-top: 80px;
   background-color: white;
   padding: 2em;
}

.wrapper__torre {
   width: 380px;
   position: absolute;
   right: 200px;
   top: 300px;
}

@media (max-width: 1200px) {
   .wrapper__torre {
      width: 300px;
   }
}

@media (max-width: 400px) {
   .wrapper__torre {
      top: 200px;
      left: 0;
   }
}

.img__torre {
   width: 100%;
}

.caja__torre1 {
   width: 120px;
   height: 230px;
   background-color: #9af325;
   mix-blend-mode: multiply;
   position: absolute;
   top: 100px;
}

.caja__torre2 {
   width: 120px;
   height: 210px;
   background-color: #9af325;
   position: absolute;
   top: 330px;
}

@media (max-width: 950px) {
   .caja__torre2 {
      height: 80px;
   }
}

.caja__torre3 {
   width: 120px;
   height: 200px;
   background-color: #9af325;
   position: absolute;
   top: -100px;
}

.caja__torre4 {
   width: 200px;
   height: 50px;
   background-color: #9af325;
   position: absolute;
   top: 30px;
   right: -100px;
}

@media (max-width: 500px) {
   .caja__torre4 {
      right: 0;
   }
}

.caja__torre__azul {
   width: 220px;
   height: 100px;
   background-color: #191829;
   position: absolute;
   top: 0px;
   left: -100px;
}

.torre__line {
   width: 550px;
   height: 100px;
   border: 2px solid #9af325;
   position: absolute;
   top: 165px;
   left: -120px;
}

@media (max-width: 500px) {
   .torre__line {
      width: 350px;
      left: 0;
   }
}

.wrapper__bluedark {
   width: 100%;
   height: 500px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background-color: #191d2a;
}

@media (max-width: 1200px) {
   .wrapper__bluedark {
      height: 900px;
   }
}

@media (max-width: 400px) {
   .wrapper__bluedark {
      height: auto;
      padding: 0 0 2em 0;
   }
}

.content__bluedark {
   width: 100%;
   max-width: 1000px;
   margin: 0 0 5em 7em;
}

@media (max-width: 700px) {
   .content__bluedark {
      margin: 0 0 5em 3em;
   }
}

@media (max-width: 400px) {
   .content__bluedark {
      margin: 1em;
   }
}

.title___taglermaq {
   font-family: "Rajdhani";
   margin: 0;
   font-size: 3em;
   font-weight: 800;
   -webkit-text-stroke: 1px;
   letter-spacing: -1px;
   color: white;
}

@media (max-width: 1200px) {
   .title___taglermaq {
      margin-top: 360px;
   }
}

@media (max-width: 400px) {
   .title___taglermaq {
      margin-top: 120px;
   }
}

.color__building {
   color: #8cc63f;
   font-family: "Rajdhani";
}

.txt__building2 {
   font-family: "Rajdhani";
   width: 500px;
   color: #c1c1c1;
   font-weight: 200;
   font-size: 1em;
   line-height: 1.4;
}

@media (max-width: 1200px) {
   .txt__building2 {
      width: 90%;
   }
}

@media (max-width: 548px) {
   .txt__building2 {
      width: 300px;
      font-size: 1em;
   }
}

.vector__new__icon {
   width: 80px;
   margin: 1.3em 0;
}

.wrapper-futuro {
   width: 100%;
   height: 650px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
}

@media (max-width: 916px) {
   .wrapper-futuro {
      height: inherit;
   }
}

.wrapper-futuro:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(80, 47, 123, 0.1)),
      to(#191d2d)
   );
   background: linear-gradient(
      to bottom,
      rgba(80, 47, 123, 0.1) 50%,
      #191d2d 100%
   );
}

.wrapper-futuro .onda-furturo {
   fill: #191d2a;
   position: absolute;
   top: -10px;
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
}

.wrapper-futuro .img-futuro {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   background-position: center center;
}

.wrapper-futuro .hexagono2 {
   width: 800px;
   position: absolute;
   right: 0;
   bottom: 0;
}

.wrapper--title--futuro {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-top: -200px;
   padding: 0 0 10em 0;
}

.wrapper--title--futuro .title__futuro {
   font-family: rajdhani, sans-serif;
   width: 800px;
   font-size: 6em;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-text-stroke: 4px;
   font-weight: 700;
   line-height: 0.9;
   letter-spacing: -1px;
   position: absolute;
   color: white;
}

.wrapper--title--futuro .title__futuro .color_hacemos {
   font-family: rajdhani, sans-serif;
   color: #8cc63f;
}

@media (max-width: 920px) {
   .wrapper--title--futuro .title__futuro {
      width: 80%;
      padding: 0;
   }
}

@media (max-width: 620px) {
   .wrapper--title--futuro .title__futuro {
      font-size: 6em;
   }
}

@media (max-width: 440px) {
   .wrapper--title--futuro .title__futuro {
      font-size: 4em;
      -webkit-text-stroke: 2px;
   }
}

.wrapper-mision2 {
   width: 100%;
   padding: 0 0 20em 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #191d2a;
}

@media (max-width: 1236px) {
   .wrapper-mision2 {
      padding: 0 0 5em 0;
   }
}

.wrapper-mision2 .content-mision2 {
   width: 100%;
   max-width: 1000px;
   position: relative;
}

@media (max-width: 500px) {
   .wrapper-mision2 .content-mision2 {
      overflow: hidden;
   }
}

.wrapper-mision2 .content-mision2 .img-mision2 {
   width: 100%;
   height: 400px;
   -o-object-fit: cover;
   object-fit: cover;
}

.wrapper-mision2 .content-mision2 .box-mision2 {
   width: 430px;
   height: 500px;
   background-color: #13161f;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: absolute;
   left: -80px;
   top: 100px;
}

@media (max-width: 1236px) {
   .wrapper-mision2 .content-mision2 .box-mision2 {
      width: 100%;
      position: inherit;
      top: 0;
      left: 0;
   }
}

.wrapper-mision2 .content-mision2 .box-mision2:before {
   content: "";
   width: 170px;
   height: 50px;
   background-color: #8cc63f;
   position: absolute;
   top: 0;
   right: -70px;
}

@media (max-width: 600px) {
   .wrapper-mision2 .content-mision2 .box-mision2:before {
      right: 0;
   }
}

.wrapper-mision2 .content-mision2 .box-mision2 .contenedor2 {
   width: 300px;
}

@media (max-width: 1236px) {
   .wrapper-mision2 .content-mision2 .box-mision2 .contenedor2 {
      width: 80%;
   }
}

.wrapper-mision2 .content-mision2 .box-mision2 .contenedor2 .svg__mision2 {
   width: 220px;
   position: absolute;
   left: 200px;
   top: 50px;
   opacity: 0.05;
}

.wrapper-mision2 .content-mision2 .box-mision2 .contenedor2 .number__mision2 {
   font-family: rajdhani, sans-serif;
   font-size: 1.5em;
   font-weight: bold;
   color: white;
}

.wrapper-mision2 .content-mision2 .box-mision2 .contenedor2 .title__small2 {
   font-family: rajdhani, sans-serif;
   font-size: 0.9em;
   margin: 0;
   letter-spacing: 3px;
   color: #8cc63f;
   position: relative;
}

.wrapper-mision2
   .content-mision2
   .box-mision2
   .contenedor2
   .title__small2:before {
   content: "";
   width: 30px;
   position: absolute;
   left: -45px;
   top: 8px;
   border: 1px solid #8cc63f;
}

.wrapper-mision2 .content-mision2 .box-mision2 .contenedor2 .title__mision2 {
   font-family: rajdhani, sans-serif;
   font-size: 4em;
   font-weight: bold;
   margin: 0;
   color: white;
}

.wrapper-mision2 .content-mision2 .box-mision2 .contenedor2 .parrafo__mision2 {
   font-family: rajdhani, sans-serif;
   font-size: 0.9em;
   margin: 0 0 1em 0;
   color: #ababab;
}

.wrapper-mision3 {
   width: 100%;
   padding: 0 0 23em 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #191d2a;
   position: relative;
}

@media (max-width: 1236px) {
   .wrapper-mision3 {
      padding: 0 0 5em 0;
   }
}

.wrapper-mision3 .content-mision3 {
   width: 100%;
   max-width: 1000px;
   position: relative;
}

@media (max-width: 500px) {
   .wrapper-mision3 .content-mision3 {
      overflow: hidden;
   }
}

.wrapper-mision3 .content-mision3 .img-mision3 {
   width: 100%;
   height: 400px;
   -o-object-fit: cover;
   object-fit: cover;
}

.wrapper-mision3 .content-mision3 .box-mision3 {
   width: 430px;
   height: 500px;
   background-color: #13161f;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: absolute;
   right: -80px;
   top: 100px;
}

@media (max-width: 1236px) {
   .wrapper-mision3 .content-mision3 .box-mision3 {
      width: 100%;
      position: inherit;
      top: 0;
      right: 0;
   }
}

.wrapper-mision3 .content-mision3 .box-mision3:before {
   content: "";
   width: 180px;
   height: 50px;
   background-color: #8cc63f;
   position: absolute;
   top: 0;
   left: -80px;
}

.wrapper-mision3 .content-mision3 .box-mision3 .contenedor3 {
   width: 300px;
}

@media (max-width: 1236px) {
   .wrapper-mision3 .content-mision3 .box-mision3 .contenedor3 {
      width: 80%;
   }
}

.wrapper-mision3 .content-mision3 .box-mision3 .contenedor3 .svg__mision3 {
   width: 220px;
   position: absolute;
   left: 200px;
   top: 50px;
   opacity: 0.05;
}

.wrapper-mision3 .content-mision3 .box-mision3 .contenedor3 .number__mision3 {
   font-family: rajdhani, sans-serif;
   font-size: 1.5em;
   font-weight: bold;
   color: white;
}

.wrapper-mision3 .content-mision3 .box-mision3 .contenedor3 .title__small3 {
   font-family: rajdhani, sans-serif;
   font-size: 0.9em;
   margin: 0;
   letter-spacing: 3px;
   color: #8cc63f;
   position: relative;
}

.wrapper-mision3
   .content-mision3
   .box-mision3
   .contenedor3
   .title__small3:before {
   content: "";
   width: 30px;
   position: absolute;
   left: -45px;
   top: 8px;
   border: 1px solid #8cc63f;
}

.wrapper-mision3 .content-mision3 .box-mision3 .contenedor3 .title__mision3 {
   font-family: rajdhani, sans-serif;
   font-size: 4em;
   font-weight: bold;
   margin: 0;
   color: white;
}

.wrapper-mision3 .content-mision3 .box-mision3 .contenedor3 .parrafo__mision3 {
   font-family: rajdhani, sans-serif;
   font-size: 0.9em;
   margin: 0 0 1em 0;
   color: #ababab;
}

.image-hexagon1 {
   width: 100%;
   position: absolute;
   bottom: 0;
   right: 0;
   opacity: 0.1;
}

.mision-vision {
   width: 100%;
   padding: 10em 0 5em;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: #1a1d29;
}

.nuestros__valores {
   width: 100%;
   height: 800px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

@media (max-width: 1200px) {
   .nuestros__valores {
      height: inherit;
   }
}

.nuestros__valores .title__nuestros__valores {
   font-family: rajdhani, sans-serif;
   font-size: 5em;
   font-weight: bold;
   -webkit-text-stroke: 4px;
   line-height: 1;
   color: #1a1d29;
}

@media (max-width: 1200px) {
   .nuestros__valores .title__nuestros__valores {
      margin: 1em 0;
   }
}

@media (max-width: 414px) {
   .nuestros__valores .title__nuestros__valores {
      margin: 1em 0 0;
      text-align: center;
      line-height: 0.9;
      font-size: 4em;
   }
}

.nuestros__valores .wrapper__box__valores {
   width: 100%;
   max-width: 1300px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

@media (max-width: 1200px) {
   .nuestros__valores .wrapper__box__valores {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.nuestros__valores .wrapper__box__valores .box__valores {
   width: 300px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
}

@media (max-width: 1200px) {
   .nuestros__valores .wrapper__box__valores .box__valores {
      width: 50%;
      height: 400px;
   }
}

@media (max-width: 700px) {
   .nuestros__valores .wrapper__box__valores .box__valores {
      width: 100%;
   }
}

.nuestros__valores .wrapper__box__valores .box__valores:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(50%, rgba(80, 47, 123, 0.1)),
      to(#121317)
   );
   background: linear-gradient(
      to bottom,
      rgba(80, 47, 123, 0.1) 50%,
      #121317 100%
   );
}

.nuestros__valores .wrapper__box__valores .box__valores:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   -webkit-clip-path: circle(0% at 0 100%);
   clip-path: circle(0% at 0 100%);
   background-color: #1a1d29;
   -webkit-transition: all ease 0.7s;
   transition: all ease 0.7s;
}

.nuestros__valores .wrapper__box__valores .box__valores:hover:before {
   -webkit-clip-path: circle(140% at 10% 100%);
   clip-path: circle(140% at 10% 100%);
   z-index: 1;
}

.nuestros__valores .wrapper__box__valores .box__valores .img__valores {
   width: 100%;
   height: 550px;
   -o-object-fit: cover;
   object-fit: cover;
}

.nuestros__valores .wrapper__box__valores .box__valores .content__textos {
   width: 90%;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: absolute;
   z-index: 2;
   top: 500px;
   -webkit-transition: all ease 0.7s;
   transition: all ease 0.7s;
}

@media (max-width: 1200px) {
   .nuestros__valores .wrapper__box__valores .box__valores .content__textos {
      top: 350px;
   }
}

.nuestros__valores
   .wrapper__box__valores
   .box__valores
   .content__textos
   .title__box__valores {
   font-family: rajdhani, sans-serif;
   width: 203px;
   margin: 0;
   font-size: 1.1em;
   font-weight: 500;
   line-height: 1;
   color: white;
}

@media (max-width: 600px) {
   .nuestros__valores
      .wrapper__box__valores
      .box__valores
      .content__textos
      .title__box__valores {
      width: 90%;
      font-size: 1.5em;
   }
}

.nuestros__valores
   .wrapper__box__valores
   .box__valores
   .content__textos
   .title__box__valores:before {
   content: "";
   width: 30px;
   position: absolute;
   top: -15px;
   border: 1px solid #9bbc42;
}

.nuestros__valores
   .wrapper__box__valores
   .box__valores
   .content__textos
   .parrafo__valores {
   font-family: rajdhani, sans-serif;
   font-size: 0.9em;
   margin: 1em 1em 0;
   font-weight: normal;
   color: #c6c6c6;
   line-height: 1.3;
   opacity: 0;
   -webkit-transition: all ease 3s;
   transition: all ease 3s;
}

@media (max-width: 700px) {
   .nuestros__valores
      .wrapper__box__valores
      .box__valores
      .content__textos
      .parrafo__valores {
      width: 90%;
   }
}

.nuestros__valores
   .wrapper__box__valores
   .box__valores
   .content__textos
   .texto--bold {
   font-weight: bold;
   color: white;
}

.nuestros__valores .wrapper__box__valores .box__valores:hover .content__textos {
   top: 100px;
}

.nuestros__valores
   .wrapper__box__valores
   .box__valores:hover
   .parrafo__valores {
   opacity: 1;
}

.manuales__conducta {
   width: 100%;
   margin: 5em 0 0;
   padding: 3em 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background-color: #f7f7f7;
   position: relative;
}

.manuales__conducta .title__manuales__conducta {
   font-family: rajdhani, sans-serif;
   font-size: 5em;
   -webkit-text-stroke: 4px;
   font-weight: bold;
   line-height: 1;
   color: #1a1d29;
   position: relative;
   z-index: 2;
}

@media (max-width: 414px) {
   .manuales__conducta .title__manuales__conducta {
      font-size: 3em;
      text-align: center;
      -webkit-text-stroke: 2px;
   }
}

.reglamento-interno {
   font-size: 0.85em;
   margin: 1em 0 0;
}

.manuales__conducta .wrapper__manuales__conducta {
   width: 100%;
   height: 500px;
   max-width: 1000px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 2em 0;
}

@media (max-width: 1100px) {
   .manuales__conducta .wrapper__manuales__conducta {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.manuales__conducta .wrapper__manuales__conducta .content__img__organic1 {
   width: 60%;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 1100px) {
   .manuales__conducta .wrapper__manuales__conducta .content__img__organic1 {
      width: 100%;
   }
}

@media (max-width: 500px) {
   .manuales__conducta .wrapper__manuales__conducta .content__img__organic1 {
      width: 300px;
   }
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__img__organic1
   .fondo2 {
   width: 100%;
}

@media (max-width: 1100px) {
   .manuales__conducta
      .wrapper__manuales__conducta
      .content__img__organic1
      .fondo2 {
      width: 600px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }
}

@media (max-width: 500px) {
   .manuales__conducta
      .wrapper__manuales__conducta
      .content__img__organic1
      .fondo2 {
      width: 400px;
   }
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__img__organic1
   .img__organic1 {
   width: 400px;
   position: relative;
   z-index: 2;
}

@media (max-width: 500px) {
   .manuales__conducta
      .wrapper__manuales__conducta
      .content__img__organic1
      .img__organic1 {
      width: 300px;
   }
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__img__organic1
   .vector_organic1 {
   width: 450px;
   position: absolute;
   z-index: 1;
   -webkit-transform: rotate(340deg);
   transform: rotate(340deg);
}

@media (max-width: 500px) {
   .manuales__conducta
      .wrapper__manuales__conducta
      .content__img__organic1
      .vector_organic1 {
      width: 300px;
      left: 0;
   }
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__img__organic1
   .trazo_organic1 {
   width: 480px;
   position: absolute;
   z-index: 2;
   -webkit-transform: rotate(330deg);
   transform: rotate(330deg);
}

@media (max-width: 500px) {
   .manuales__conducta
      .wrapper__manuales__conducta
      .content__img__organic1
      .trazo_organic1 {
      width: 300px;
      left: 0;
   }
}

.manuales__conducta .wrapper__manuales__conducta .content__txt__manuales {
   width: 50%;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   z-index: 1;
}

@media (max-width: 1100px) {
   .manuales__conducta .wrapper__manuales__conducta .content__txt__manuales {
      width: 100%;
      padding: 0 2em;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
   }
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__txt__manuales
   .content__title__manuales {
   width: 100%;
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__txt__manuales
   .content__title__manuales
   .title__manual {
   font-family: rajdhani, sans-serif;
   font-size: 1em;
   margin: 0.5em 0;
   color: #9bbc42;
   position: relative;
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__txt__manuales
   .content__title__manuales
   .title__manual:before {
   content: "";
   width: 40px;
   position: absolute;
   left: -50px;
   top: 11px;
   border: 1px solid #9bbc42;
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__txt__manuales
   .content__title__manuales
   .title__codigo {
   font-family: rajdhani, sans-serif;
   font-size: 2.5em;
   font-weight: bold;
   margin: 0;
   line-height: 1;
   color: #4c4c4c;
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__txt__manuales
   .content__title__manuales
   .parrafo__manuales {
   font-family: rajdhani, sans-serif;
   font-size: 0.95em;
   color: #757575;
}

@media (max-width: 1100px) {
   .manuales__conducta
      .wrapper__manuales__conducta
      .content__txt__manuales
      .content__title__manuales
      .parrafo__manuales {
      width: 90%;
   }
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__txt__manuales
   .content__title__manuales
   .btn_manuales {
   width: 180px;
   margin: 0.5em 0;
   font-size: 0.85em;
   background-color: #9bbc42;
   color: white;
   line-height: 2.5;
   border: none;
   border-radius: 5px;
   cursor: pointer;
}

.denuncia {
   padding: 0 1em;
   margin: 0 0 0 0.5em;
   font-size: 0.85em;
   background-color: #4284bc;
   color: #fff;
   line-height: 2.5;
   border: none;
   border-radius: 5px;
   cursor: pointer;
}

.manuales__conducta
   .wrapper__manuales__conducta
   .content__txt__manuales:nth-child(1) {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
}

.manuales__conducta .wrapper__manuales__conducta:nth-child(3) {
   margin: 3em 0 0 0;
}

.image-hexagon2 {
   width: 100%;
   position: absolute;
   top: 0;
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   opacity: 0.05;
}

.caja__testimonios {
   width: 100%;
   height: 200px;
   background-color: #f7f7f7;
}
@media (max-width: 1100px) {
   .caja__testimonios {
      display: none;
   }
}

.caja__testimonios .title_principal_testimonios {
   font-family: rajdhani, sans-serif;
   font-size: 5em;
   font-weight: bold;
   margin: 0;
   padding: 1em 0;
   -webkit-text-stroke: 4px;
   text-align: center;
   line-height: 1;
   color: #1a1d29;
   position: relative;
   z-index: 2;
}

@media (max-width: 414px) {
   .caja__testimonios .title_principal_testimonios {
      font-size: 3em;
      -webkit-text-stroke: 2px;
      padding: 0;
   }
}

.title__organizacion {
   font-family: rajdhani, sans-serif;
   font-size: 5em;
   font-weight: bold;
   margin: 0;
   padding: 2.5em 0 0;
   -webkit-text-stroke: 4px;
   text-align: center;
   line-height: 1;
   color: #1a1d29;
   position: relative;
   z-index: 2;
}

@media (max-width: 800px) {
   .title__organizacion {
      font-size: 4em;
   }
}

.title__organizacion2 {
   font-family: rajdhani, sans-serif;
   font-weight: bold;
   font-size: 5em;
   margin: 0 0 1em 0;
   padding: 2em 0 0;
   -webkit-text-stroke: 4px;
   text-align: center;
   line-height: 1;
   color: #1a1d29;
   position: relative;
   z-index: 2;
}

@media (max-width: 500px) {
   .title__organizacion2 {
      margin: 2em 0 0;
      padding: 0;
      font-size: 3em;
   }
}

.fondo__organigram {
   width: 100%;
   height: 700px;
   max-width: 1800px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 5em auto;
   overflow: hidden;
}

@media (max-width: 1198px) {
   .fondo__organigram {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto;
   }
}

.fondo__organigram .box__organigram {
   width: 50%;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: #eee;
   cursor: move;
   position: relative;
}

@media (max-width: 1198px) {
   .fondo__organigram .box__organigram {
      width: 100%;
      height: 500px;
   }
}

@media (max-width: 600px) {
   .fondo__organigram .box__organigram {
      height: 320px;
      padding: 0 0 2.5em 0;
   }
}

.fondo__organigram .box__organigram .block-360 {
   width: 80px;
   position: absolute;
   bottom: 20px;
   left: 20px;
}

@media (max-width: 500px) {
   .fondo__organigram .box__organigram .block-360 {
      width: 50px;
   }
}

.fondo__organigram .box__deptos {
   width: 50%;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-image: url(https://www.taglermaq.cl/wp-content/uploads/2021/08/future-overlay.jpg);
   background-size: cover;
   background-position: center;
   position: relative;
}

.fondo__organigram .box__deptos .img-hexagon3 {
   width: 100%;
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   position: absolute;
   top: 0;
   opacity: 0.4;
}

@media (max-width: 1198px) {
   .fondo__organigram .box__deptos {
      width: 100%;
      height: 500px;
   }
}

@media (max-width: 600px) {
   .fondo__organigram .box__deptos {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 1em 0;
   }
}

.fondo__organigram .box__deptos:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(15, 19, 31, 0.8117647059);
   -webkit-backdrop-filter: blur(50px);
   backdrop-filter: blur(50px);
}

.fondo__organigram .box__deptos .wrapper__deptos {
   margin: 2em 6em;
   position: relative;
   -webkit-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

.fondo__organigram .box__deptos .wrapper__deptos .title__deptos {
   font-family: rajdhani, sans-serif;
   font-weight: bold;
   margin: 0;
   font-size: 5em;
   line-height: 0.85;
   color: white;
}

@media (max-width: 600px) {
   .fondo__organigram .box__deptos .wrapper__deptos .title__deptos {
      font-size: 3em;
   }
}

.fondo__organigram .box__deptos .wrapper__deptos .title__deptos .color-depto {
   color: yellowgreen;
}

.fondo__organigram .box__deptos .wrapper__deptos .parrafo__deptos {
   font-family: rajdhani, sans-serif;
   font-size: 1.2em;
   width: 400px;
   color: white;
}

@media (max-width: 600px) {
   .fondo__organigram .box__deptos .wrapper__deptos .parrafo__deptos {
      width: 90%;
      font-size: 1em;
   }
}

.fondo__organigram .box__deptos .ocultar-textos {
   opacity: 0;
   -webkit-transform: translateY(100px);
   transform: translateY(100px);
}

.fondo__organigram .box__deptos .mostrar-info {
   opacity: 1;
   -webkit-transform: translateY(0);
   transform: translateY(0);
}

@media (max-width: 600px) {
   .fondo__organigram .box__deptos .mostrar-info {
      width: 90%;
   }
}

.fondo__organigram .box__deptos .wrapper__cards {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 60px;
   position: absolute;
}

@media (max-width: 1198px) {
   .fondo__organigram .box__deptos .wrapper__cards {
      width: 100%;
   }
}

.fondo__organigram .box__deptos .wrapper__cards .desaparecer {
   width: 600px;
   opacity: 0;
   -webkit-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

@media (max-width: 1198px) {
   .fondo__organigram .box__deptos .wrapper__cards .desaparecer {
      width: 100%;
   }
}

.fondo__organigram .box__deptos .wrapper__cards .mostrar {
   opacity: 1;
   -webkit-transform: translateY(0);
   transform: translateY(0);
}

.fondo__organigram .box__deptos .wrapper__cards .content--elementos {
   width: 100%;
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--oscuro {
   width: 100%;
   padding: 0.5em 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border-radius: 10px;
   background-color: #131419;
   position: relative;
}

@media (max-width: 600px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--oscuro {
      padding: 0;
   }
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--oscuro
   .img-circle-persons {
   width: 90px;
   height: 90px;
   -webkit-box-shadow: 0 0 0 5px #8cc63f;
   box-shadow: 0 0 0 5px #8cc63f;
   border-radius: 50%;
   position: absolute;
   top: -45px;
}

@media (max-width: 600px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--oscuro
      .img-circle-persons {
      width: 70px;
      height: 70px;
   }
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--oscuro
   .title--cargos {
   font-family: rajdhani, sans-serif;
   font-size: 0.9em;
   text-transform: uppercase;
   font-weight: 600;
   margin: 0;
   color: #8cc63f;
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--oscuro
   .title--personas {
   font-family: rajdhani, sans-serif;
   font-size: 1.3em;
   color: white;
   margin: 2.8em 0 0 0;
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--oscuro
   .title1--personas {
   font-family: rajdhani, sans-serif;
   width: 450px;
   margin: 1.5em 0;
   font-size: 1.2em;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
   font-weight: 600;
   color: #bfbfbf;
   position: relative;
}

@media (max-width: 1198px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--oscuro
      .title1--personas {
      width: 80%;
   }
}

@media (max-width: 600px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--oscuro
      .title1--personas {
      width: 90%;
      font-size: 0.9em;
   }
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--oscuro
   .title1--personas:before {
   content: "";
   width: 30px;
   height: 2px;
   position: absolute;
   top: -12px;
   background: #9df031;
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro
   .title--areas {
   font-family: rajdhani, sans-serif;
   font-size: 1.7em;
   margin: 1.3em 0 0 0;
   text-align: center;
   color: white;
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro
   .sub--title--areas {
   font-family: rajdhani, sans-serif;
   width: 500px;
   font-size: 1.2em;
   line-height: 1.3;
   margin: 0.5em 0 1.5em;
   text-align: center;
   font-weight: 100;
   color: #bfbfbf;
}

@media (max-width: 1198px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--claro
      .sub--title--areas {
      width: 80%;
   }
}

@media (max-width: 600px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--claro
      .sub--title--areas {
      width: 90%;
      font-size: 0.9em;
   }
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro
   .wrapper--areas {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro
   .wrapper--areas
   .box--areas {
   margin: 0.7em;
   text-align: center;
}

@media (max-width: 600px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--claro
      .wrapper--areas
      .box--areas {
      margin: 0.2em;
   }
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro
   .wrapper--areas
   .box--areas
   .icon--areas {
   width: 60px;
   border-radius: 50%;
}

@media (max-width: 600px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--claro
      .wrapper--areas
      .box--areas
      .icon--areas {
      width: 40px;
   }
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro
   .wrapper--areas
   .box--areas
   .icon--areas2 {
   width: 70px;
   border-radius: 50%;
}

@media (max-width: 600px) {
   .fondo__organigram
      .box__deptos
      .wrapper__cards
      .content--elementos
      .block--claro
      .wrapper--areas
      .box--areas
      .icon--areas2 {
      width: 40px;
   }
}

.fondo__organigram
   .box__deptos
   .wrapper__cards
   .content--elementos
   .block--claro
   .wrapper--areas
   .box--areas
   .tit-industrias {
   font-family: rajdhani, sans-serif;
   font-size: 0.8em;
   margin: 0.3em 0;
   font-weight: normal;
   color: white;
}

.overlay--box {
   position: relative;
   height: 700px;
   background-image: url("/wp-content/themes/taglermaq/img-temporal/fondo-personas1.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   align-items: center;
   overflow: hidden;
}

@media (max-width: 1030px) {
   .overlay--box {
      margin-left: -300px;
   }
}

@media (max-width: 800px) {
   .overlay--box {
      margin-left: 0;
   }
}

.overlay--box .hexagono1 {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   color: #54c64a;
}

.overlay--box .persons-img {
   width: 600px;
   z-index: 2;
   transform: translateY(30px);
   -webkit-filter: drop-shadow(15px 2px 10px rgba(0, 0, 0, 0.4));
   filter: drop-shadow(15px 2px 10px rgba(0, 0, 0, 0.4));
}

.overlay--box .wrapper--testimonios {
   width: 600px;
}

@media (max-width: 1100px) {
   .ocultar-mobile {
      display: none;
   }
}

@media (max-width: 900px) {
   .splide__arrow--prev {
      display: none;
   }
}

@media (max-width: 900px) {
   .splide__arrow--next {
      display: none;
   }
}

.splide__slide1 img {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   position: relative;
}

.splide__slide img {
   /* width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 -150px;
     object-position: 0 -150px;
  position: relative; */
}

/* @media (max-width: 1400px) {
  .splide__slide img {
    -o-object-position: 0 0;
    object-position: 0 0;
  }
}



@media (max-width: 540px) {
  .splide__slide img {
    -o-object-position: -200px 0;
    object-position: -200px 0;
  }
}

@media (max-width: 480px) {
  .splide__slide img {
    -o-object-position: -250px 0;
    object-position: -250px 0;
  }
}

@media (max-width: 420px) {
  .splide__slide img {
    -o-object-position: -260px 0;
    object-position: -260px 0;
  }
} */

.alto--slider {
   height: auto;
}

@media (max-width: 1000px) {
   .alto--slider {
      height: 400px;
   }
}

.splide__arrow {
   background-color: transparent;
}

.splide__arrow--prev {
   left: 6em;
}

.splide__arrow--next {
   right: 6em;
}

.splide__arrow svg {
   width: 3em;
   height: 3em;
   fill: black;
}

.splide__pagination {
   display: none;
}

.splide__pagination__page {
   display: inline-block;
   width: 8px;
   height: 8px;
   background: #fff;
   border-radius: 50%;
   margin: 3px;
   padding: 0;
   -webkit-transition: -webkit-transform 0.2s linear;
   transition: -webkit-transform 0.2s linear;
   transition: transform 0.2s linear;
   transition: transform 0.2s linear, -webkit-transform 0.2s linear;
   border: none;
   /* opacity: .7; */
}

.splide__pagination__page.is-active {
   -webkit-transform: scale(1.4);
   transform: scale(1.4);
   background: #8cc63f;
}

.wrapper-presente-futuro {
   width: 100%;
   max-width: 1800px;
   height: 850px;
   margin: 2.5em auto;
   position: relative;
   overflow: hidden;
}

.wrapper-presente-futuro .img-presente-futuro {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.wrapper-presente-futuro:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(79, 86, 162, 0.3215686275);
}

.wrapper-presente-futuro .block-future {
   width: 350px;
   height: 100%;
   position: absolute;
   top: 0;
   background-color: transparent;
}

.wrapper-presente-futuro .block-future .txt-future {
   font-family: rajdhani, sans-serif;
   width: 450px;
   font-size: 3.8em;
   -webkit-text-stroke: 3px;
   line-height: 1;
   text-transform: uppercase;
   color: white;
   position: relative;
   z-index: 1;
   top: 150px;
   left: 200px;
}

.wrapper-presente-futuro .block-future .color--verde {
   color: #9ae02b;
   -webkit-text-stroke: 3px;
}

.wrapper-presente-futuro .block-future .hexagono3 {
   width: 800px;
   position: absolute;
   left: -300px;
   top: 0;
   opacity: 0.5;
}

.wrapper-presente-futuro .wabe1 {
   position: absolute;
   bottom: 0;
   left: 0;
}

.overlay-futuro {
   width: 100%;
   height: 100%;
}

.overlay-futuro:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 999999;
   background-color: rgba(79, 86, 162, 0.3215686275);
}

@media (max-width: 500px) {
   .overlay-futuro:before {
      background-color: #1c1e28;
      z-index: -1;
   }
}

.overlay-futuro2 {
   width: 100%;
   height: 100%;
}

.overlay-futuro2:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 999999;
   background-color: rgba(79, 86, 162, 0.24);
}

@media (max-width: 500px) {
   .overlay-futuro2:before {
      background-color: #1c1e28;
      z-index: -1;
   }
}

.overlay-futuro2:after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(50%, rgba(80, 47, 123, 0.1)),
      to(#121317)
   );
   background: linear-gradient(
      to left,
      rgba(80, 47, 123, 0.1) 50%,
      #121317 100%
   );
}

.wrapper-title {
   width: 500px;
   height: 100%;
   position: absolute;
   top: 0;
   left: 150px;
   z-index: 999999;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 500px) {
   .wrapper-title {
      width: 250px;
      left: 20px;
      margin-top: 50px;
   }
}

.wrapper-title .txt-future2 {
   font-family: rajdhani, sans-serif;
   font-size: 4em;
   font-weight: bold;
   -webkit-text-stroke: 3px;
   line-height: 1;
   text-transform: uppercase;
   color: white;
   z-index: 1;
   top: 150px;
   left: 200px;
   text-shadow: 0 0 10px #1a1e3c;
}

@media (max-width: 500px) {
   .wrapper-title .txt-future2 {
      font-size: 2.5em;
      display: none;
   }
}

.wrapper-title .color-futuro {
   color: #8cc63f;
}

.wrapper-title2 {
   width: 100%;
   height: 300px;
   position: absolute;
   bottom: 0;
   z-index: 999999;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(80, 47, 123, 0)),
      to(#07080c)
   );
   background: linear-gradient(
      to bottom,
      rgba(80, 47, 123, 0) 0%,
      #07080c 100%
   );
}

@media (max-width: 600px) {
   .wrapper-title2 {
      background: transparent;
   }
}

.wrapper-title2 .box-future1 {
   width: 250px;
   margin-bottom: 1.5em;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 600px) {
   .wrapper-title2 .box-future1 {
      width: auto;
      height: auto;
      text-align: center;
      margin-bottom: 8em;
   }
}

.wrapper-title2 .box-future1 .title-personas-futuro {
   font-size: 1.3em;
   font-family: rajdhani, sans-serif;
   color: white;
   position: relative;
}

.wrapper-title2 .box-future1 .title-personas-futuro:before {
   content: "";
   position: absolute;
   width: 20px;
   height: 2px;
   top: 10px;
   left: -20px;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   background-color: #9ae02b;
}

@media (max-width: 600px) {
   .wrapper-title2 .box-future1 .title-personas-futuro {
      font-size: 1em;
   }
}

/* @media (min-width: 1700px) {
  .img-slide-futuro {
    height: 1200px !important;
  }
} */

.viewport {
   -webkit-perspective: 800px;
   perspective: 800px;
   -webkit-perspective-origin: 60% 150px;
   perspective-origin: 60% 150px;
   -webkit-transform: scale(0.8, 0.8);
   transform: scale(0.8, 0.8);
   position: relative;
   z-index: 1;
}

.cube {
   position: relative;
   margin: 0 auto;
   height: 400px;
   width: 400px;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: rotateX(136deg) rotateY(1122deg);
   transform: rotateX(136deg) rotateY(1122deg);
}

@media (max-width: 600px) {
   .cube {
      width: 300px;
      height: 300px;
   }
}

.cube > div {
   overflow: hidden;
   position: absolute;
   height: 400px;
   width: 400px;
   touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

@media (max-width: 600px) {
   .cube > div {
      width: 300px;
      height: 300px;
   }
}

.cube > div > div.cube-image {
   width: 400px;
   height: 400px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   line-height: 200px;
   font-size: 80px;
   text-align: center;
   color: #1b9bd8;
   -webkit-transition: color 600ms;
   transition: color 600ms;
}

.cube > div > div.cube-image.active {
   color: red;
}

@media (max-width: 600px) {
   .cube > div > div.cube-image.active {
      width: 300px;
      height: 300px;
   }
}

.cube > div:hover {
   cursor: pointer;
}

.cube > div:active {
   cursor: pointer;
}

.cube > div:first-child {
   -webkit-transform: rotateX(90deg) translateZ(200px);
   transform: rotateX(90deg) translateZ(200px);
   outline: 1px solid transparent;
   background-image: url(https://www.taglermaq.cl/wp-content/uploads/2021/08/soporte.svg);
}

@media (max-width: 600px) {
   .cube > div:first-child {
      -webkit-transform: rotateX(90deg) translateZ(150px);
      transform: rotateX(90deg) translateZ(150px);
   }
}

.cube > div:nth-child(2) {
   -webkit-transform: translateZ(200px);
   transform: translateZ(200px);
   outline: 1px solid transparent;
   background-image: url(https://www.taglermaq.cl/wp-content/uploads/2021/08/comex.svg);
}

@media (max-width: 600px) {
   .cube > div:nth-child(2) {
      -webkit-transform: translateZ(150px);
      transform: translateZ(150px);
   }
}

.cube > div:nth-child(3) {
   -webkit-transform: rotateY(90deg) translateZ(200px);
   transform: rotateY(90deg) translateZ(200px);
   outline: 1px solid transparent;
   background-image: url(https://www.taglermaq.cl/wp-content/uploads/2021/08/maquinaria.svg);
}

@media (max-width: 600px) {
   .cube > div:nth-child(3) {
      -webkit-transform: rotateY(90deg) translateZ(150px);
      transform: rotateY(90deg) translateZ(150px);
   }
}

.cube > div:nth-child(4) {
   -webkit-transform: rotateY(180deg) translateZ(200px);
   transform: rotateY(180deg) translateZ(200px);
   outline: 1px solid transparent;
   background-image: url(https://www.taglermaq.cl/wp-content/uploads/2021/08/innovacion.svg);
}

@media (max-width: 600px) {
   .cube > div:nth-child(4) {
      -webkit-transform: rotateY(180deg) translateZ(150px);
      transform: rotateY(180deg) translateZ(150px);
   }
}

.cube > div:nth-child(5) {
   -webkit-transform: rotateY(-90deg) translateZ(200px);
   transform: rotateY(-90deg) translateZ(200px);
   outline: 1px solid transparent;
   background-image: url(https://www.taglermaq.cl/wp-content/uploads/2021/08/taglermaq.svg);
}

@media (max-width: 600px) {
   .cube > div:nth-child(5) {
      -webkit-transform: rotateY(-90deg) translateZ(150px);
      transform: rotateY(-90deg) translateZ(150px);
   }
}

.cube > div:nth-child(6) {
   -webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(200px);
   transform: rotateX(-90deg) rotate(180deg) translateZ(200px);
   outline: 1px solid transparent;
   background-image: url(https://www.taglermaq.cl/wp-content/uploads/2021/08/sat2.svg);
}

@media (max-width: 600px) {
   .cube > div:nth-child(6) {
      -webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(150px);
      transform: rotateX(-90deg) rotate(180deg) translateZ(150px);
   }
}

/* object {
  opacity: 0.5;
}

object:hover {
  opacity: 1;
} */

@media (max-width: 640px) {
   .viewport {
      -webkit-transform: scale(0.6, 0.6);
      transform: scale(0.6, 0.6);
   }
}