@charset "UTF-8";
/*------------General------------*/
/*------------General------------*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 1s;
  scroll-behavior: smooth;
}

* {
  scrollbar-color: #c3f73a rgba(255, 255, 255, 0.2);
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 0.9rem;
  border-radius: 0.8rem;
}

*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
  width: 0.9rem;
  border-radius: 0.8rem;
}

*::-webkit-scrollbar-thumb {
  background-color: #c3f73a;
  border-radius: 0.8rem;
  width: 0.9rem;
}

@font-face {
  font-family: Helvetica Condensed;
  src: url('../font/Helvetica-Condensed-Bold.otf');
}
@font-face {
  font-family: VisbyCF;
  src: url('../font/VisbyCF-Regular.otf');
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  transition: all 1s;
  background-color: #ffffff;
  scroll-behavior: smooth;
}

body {
  transition: all 1s;
  background-color: #ffffff;
  overflow-x: hidden;
  position: relative;
}

.container-header {
  padding: 1rem;
  width: 95%;
  max-width: 1100px;
  border: 0px solid red;
}

.container {
  width: 99%;
  max-width: 1300px;
  border: 1px solid red;
}

a[id] {
  scroll-margin-top: 60rem;
}

.mensaje {
  position: fixed;
  z-index: 5000;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mensaje div {
  width: 40%;
  background-color: black;
  text-align: center;
  position: relative;
  padding: 10rem;
  text-align: left;
}
.mensaje div img {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  margin-left: 1rem;
  display: block;
  cursor: pointer;
}
.mensaje div span {
  color: #ffffff;
  font-size: 4rem;
  font-family: VisbyCF;
  margin-bottom: 2rem;
  display: block;
}
.mensaje div p {
  color: #e6e6e6;
  font-size: 1.8rem;
  font-family: VisbyCF;
}
.mensaje div a {
  color: #e6e6e6;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-family: VisbyCF;
}
.mensaje div a img {
  display: block;
  position: static;
  width: 3rem;
  margin-right: 1rem;
  filter: invert(100%);
}

/*------------General------------*/
/*------------General------------*/
/*------------nav------------*/
/*------------nav------------*/
nav {
  width: 100%;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  padding: 4rem 7rem 0rem 16rem;
  border: 0px solid red;
}
nav img {
  width: 32rem;
}
nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  list-style: none;
}
nav ul li {
  border: 0px solid red;
  margin-left: 1rem;
}
nav ul li a {
  color: #000000;
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
  font-size: 1.4rem;
  font-weight: 100;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
nav ul li a:hover {
  border: 1px solid #5c5755;
}

/*------------Menu Responsive------------*/
.menu-icon {
  display: none;
  position: absolute;
  z-index: 2000;
  padding: 1.2rem 1.2rem;
  top: 2rem;
  right: 2rem;
  border-radius: 0.7rem;
  background-color: transparent;
  border: 1px solid #353535;
  justify-content: center;
  align-items: center;
  transition: all 1s;
}
.menu-icon:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  transition: all 1s;
}
.menu-icon img {
  width: 2.5rem;
  display: block;
}

.responsive-menu {
  display: none;
  position: absolute;
  top: 8rem;
  right: 2rem;
  z-index: 3000;
  background-color: #000000;
  padding: 4rem 5rem 3rem 5rem;
  border-radius: 0.7rem;
}
.responsive-menu ul {
  list-style: none;
  text-align: left;
}
.responsive-menu ul li {
  margin-bottom: 1rem;
}
.responsive-menu ul li a {
  color: #ffffff;
  font-family: VisbyCF;
  letter-spacing: 0.1rem;
  font-size: 2.2rem;
  padding: 0rem 1rem;
}
.responsive-menu ul li a:hover {
  border-bottom: 1px solid #ffffff;
}
.responsive-menu ul .opcion1 {
  font-size: 1.8rem;
  font-family: VisbyCF;
  font-weight: lighter;
}
.responsive-menu ul .opcion2 {
  font-size: 1.2rem;
  font-family: VisbyCF;
  font-weight: lighter;
}

/*------------Menu Responsive------------*/
/*------------nav------------*/
/*------------fin------------*/
/*------------header------------*/
/*------------header------------*/
.header {
  width: 100%;
  position: relative;
  height: 62rem;
  background-color: #28d299;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9rem;
  border: 0px solid black;
}
.header .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
}
.header .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header .head {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  padding: 0rem;
  border: 0px solid red;
}
.header .head .text {
  width: 45%;
  position: absolute;
  z-index: 500;
  top: 50%;
  transform: translateY(-50%);
  left: 15rem;
  border: 0px solid red;
}
.header .head .text img {
  width: 100%;
}
.header .head .text .somos {
  position: absolute;
  z-index: 1000;
  width: 15rem;
  right: -6rem;
  font-weight: bold;
  color: #ffffff;
  font-size: 4rem;
  font-family: VisbyCF;
  border: 0px solid red;
}
.header .head .carusel-index {
  border: 0px solid red;
  position: relative;
  width: 65rem;
  height: 100%;
}
.header .head .carusel-index .items {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 0px solid red;
}
.header .head .carusel-index .items .item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0rem;
  left: 100rem;
  transition: all 2s;
  border-radius: 0rem;
  overflow: hidden;
}
.header .head .carusel-index .items .item.active {
  left: 0rem;
  transition: all 2s;
}
.header .head .carusel-index .items .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.header .head .carusel-index .items .item a img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0rem;
}
.header .head .carusel-index .items .item a video {
  width: 100%;
  height: 100%;
  border-radius: 0rem;
}
.header .head .carusel-index .next {
  width: 5.5rem;
  position: absolute;
  bottom: 0.4rem;
  right: 0rem;
  border: 0px solid red;
  cursor: pointer;
  padding: 0.5rem;
}
.header .head .carusel-index .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.header .head .carusel-index .next img {
  width: 100%;
  transform: rotate(270deg);
}
.header .head .carusel-index .prev {
  width: 5.5rem;
  position: absolute;
  bottom: 6rem;
  right: 0rem;
  border: 0px solid blue;
  cursor: pointer;
  padding: 0.5rem;
}
.header .head .carusel-index .prev:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.header .head .carusel-index .prev img {
  width: 100%;
  transform: rotate(90deg);
}
.header .head #sig-header {
  padding: 1rem;
  position: absolute;
  z-index: 500;
  bottom: -7rem;
  left: 4rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header .head #sig-header:hover {
  border: 1px solid #c3f73a;
}
.header .head #sig-header img {
  width: 3rem;
}
.header .number-one {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: -6rem;
  font-family: VisbyCF;
  color: #ffffff;
  font-weight: bold;
}

/*------------header------------*/
/*------------fin------------*/
/*------------Section 2 Index------------*/
.soluciones {
  width: 100%;
  height: 60rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #353535;
}
.soluciones div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.soluciones div .letters {
  width: 40%;
  height: 60rem;
  border: 0px solid red;
  padding: 1rem 2rem;
  position: relative;
}
.soluciones div .letters p {
  max-width: 99%;
  font-size: 12.8rem;
  display: block;
  color: #222222;
  font-family: VisbyCF;
  line-height: 11rem;
  font-weight: bold;
  word-wrap: break-word;
}
.soluciones div .letters #sig-soluciones {
  padding: 1rem;
  position: absolute;
  z-index: 500;
  bottom: 7rem;
  left: 3rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.soluciones div .letters #sig-soluciones:hover {
  border: 1px solid #c3f73a;
}
.soluciones div .letters #sig-soluciones img {
  width: 3rem;
}
.soluciones div .letters .sierra {
  position: absolute;
  z-index: 500;
  bottom: 0rem;
  left: 0rem;
  width: 60rem;
}
.soluciones div .text {
  width: 100%;
  height: 60rem;
  background-image: url(../img/seccion_2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
  border: 0px solid red;
  position: relative;
}
.soluciones div .text .text-cont {
  display: inline-block;
  border: 0px solid red;
  padding: 1rem 85rem 1rem 11rem;
  text-align: justify;
  font-family: VisbyCF;
}
.soluciones div .text .text-cont span {
  display: inline-block;
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
.soluciones div .text .text-cont h1 {
  font-size: 3.5rem;
  color: #c6f350;
}
.soluciones div .text .text-cont p {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
}
.soluciones div .text .text-cont a img {
  width: 3rem;
}
.soluciones div .text .number-two {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 6rem;
  bottom: 1rem;
  font-family: Helvetica Condensed;
  color: #ffffff;
  font-weight: bold;
}

/*------------Section 2 Index------------*/
/*------------fin------------*/
/*------------Section 3 Index------------*/
.funcional {
  width: 100%;
  height: 60rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 5rem;
  background-color: rgba(229, 229, 229, 0.6);
  position: relative;
}
.funcional .div-letters {
  width: 75%;
  height: 100%;
  border: 0px solid red;
}
.funcional .div-letters img {
  width: 100%;
  height: 100%;
}
.funcional .div-cont {
  position: absolute;
  background-color: #ffffff;
  width: 78rem;
  height: 55rem;
  right: 5rem;
  bottom: 0rem;
  padding: 4rem 8rem;
}
.funcional .div-cont .div-one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.funcional .div-cont .div-one div {
  width: 47%;
}
.funcional .div-cont .div-one div h1 {
  font-size: 3.5rem;
  font-family: VisbyCF;
  color: #6d6968;
}
.funcional .div-cont .div-one div span {
  display: block;
  font-weight: bolder;
  color: #6874e8;
  font-size: 3.5rem;
  font-family: VisbyCF;
}
.funcional .div-cont .div-one div p {
  font-size: 1.2rem;
  font-family: VisbyCF;
}
.funcional .div-cont .div-two {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.funcional .div-cont .div-two div {
  width: 47%;
}
.funcional .div-cont .div-two div ul {
  list-style: none;
  font-size: 1.5rem;
  font-family: VisbyCF;
}
.funcional .div-cont .div-two div ul li {
  border-bottom: 1px solid #000000;
  padding-bottom: 1rem;
  align-items: center;
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.funcional .div-cont .div-two div ul li:hover a {
  color: #6874e8;
}
.funcional .div-cont .div-two div ul li:hover img {
  background-color: #6874e8;
}
.funcional .div-cont .div-two div ul li img {
  width: 4rem;
  display: block;
  border-radius: 0.7rem;
}
.funcional .div-cont .div-two div ul li a {
  display: block;
  font-size: 1.8rem;
  color: #000000;
  margin-left: 1rem;
}
.funcional .number-three {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: -8rem;
  font-family: Helvetica Condensed;
  color: #000000;
  font-weight: bold;
}
.funcional #sig-funcional {
  padding: 1rem;
  position: absolute;
  z-index: 500;
  bottom: -2rem;
  left: 4rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.funcional #sig-funcional:hover {
  border: 1px solid #c3f73a;
}
.funcional #sig-funcional img {
  width: 3rem;
}

/*------------Section 3 Index------------*/
/*------------fin------------*/
/*------------Section 4 Index------------*/
.servicio {
  width: 100%;
  height: 68rem;
  background-image: url(../img/fondo-papel.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  border: 0px solid red;
  /*------------vector------------*/
  /*------------vector------------*/
}
.servicio .hr-up {
  width: 32rem;
  position: absolute;
  top: 5rem;
  right: 51rem;
}
.servicio .hr-left {
  width: 7rem;
  position: absolute;
  left: 3rem;
  top: 30rem;
  transform: rotate(270deg);
}
.servicio .div-cont {
  width: 78rem;
  height: 37rem;
  position: absolute;
  right: 5rem;
  bottom: 7rem;
  background-color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 5rem 4rem 3rem 4rem;
}
.servicio .div-cont div {
  width: 46%;
  height: 100%;
  color: #ffffff;
  border: 0px solid red;
  font-family: VisbyCF;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
}
.servicio .div-cont div h1 {
  font-size: 2.5rem;
  font-weight: 500;
  margin: 1rem;
  display: inline-block;
}
.servicio .div-cont div h2 {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 1rem;
  display: inline-block;
}
.servicio .div-cont div p {
  font-size: 1.2rem;
  margin: 1.5rem;
  display: inline-block;
}
.servicio .div-cont div p span {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  display: inline-block;
}
.servicio .div-cont div ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 1.2rem;
}
.servicio .div-cont div ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 49%;
  text-align: left;
  margin-bottom: 2rem;
  border: 0px solid red;
}
.servicio .div-cont div ul li hr {
  width: 5rem;
  margin-right: 0.5rem;
  text-align: left;
}
.servicio .div-cont div .position {
  position: absolute;
  bottom: 0rem;
  left: 0rem;
}
.servicio .div-cont div hr {
  width: 100%;
}
.servicio .number-four {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: -18rem;
  font-family: VisbyCF;
  color: #000000;
  font-weight: bold;
}
.servicio .vector {
  width: 100%;
  height: 5rem;
  background-image: url(../img/Vector.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0px solid red;
  position: absolute;
  left: 0rem;
  bottom: 0rem;
}

/*------------Section 4 Index------------*/
/*------------fin------------*/
/*------------Section 5 Index------------*/
.clientes {
  width: 100%;
  border: 0px solid red;
  flex-direction: column;
  align-items: center;
  padding: 15rem 7rem 2rem 7rem;
  background-image: url(../img/image99.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.clientes .text {
  border: 0px solid red;
  text-align: right;
  font-family: helvetica;
  font-weight: bold;
  font-size: 4rem;
}
.clientes .img {
  border: 0px solid red;
  padding: 2rem 0rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.clientes .img div {
  width: 8%;
}
.clientes .img div img {
  width: 100%;
}

/*------------Section 5 Index------------*/
/*------------fin------------*/
/*------------Section 6 Index------------*/
.exito {
  width: 100%;
  background-image: url(../img/image99.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0px solid red;
  position: relative;
  display: flex;
  padding: 18rem 5rem;
}
.exito .text {
  width: 65%;
  display: block;
  border: 0px solid red;
}
.exito .sierra-verde {
  width: 50rem;
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}
.exito .satisfechos {
  width: 33%;
  margin-top: 1rem;
  border: 0px solid red;
}
.exito .satisfechos p {
  text-align: right;
  font-family: VisbyCF;
  font-weight: bold;
  font-size: 4rem;
  color: #5c5755;
}
.exito .img-exito {
  border: 0px solid red;
  width: 88%;
  position: absolute;
  bottom: 27rem;
  right: 9rem;
}
.exito .img-exito .images {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exito .img-exito .images div {
  width: 2%;
  height: 10rem;
  margin-left: 8rem;
  border: 0px solid red;
  display: flex;
  align-items: center;
}
.exito .img-exito .images div img {
  height: 7rem;
}
.exito .img-exito .swiper-button-next::after,
.exito .img-exito .swiper-button-prev::after {
  font-size: 3rem;
  font-weight: bold;
  color: #c6f350;
  cursor: pointer;
}

.swiper-button-prev {
  background-color: #000;
  padding: 2rem;
}
.swiper-button-next {
  background-color: #000;
  padding: 2rem;
}
/*------------Section 6 Index------------*/
/*------------fin------------*/
/*------------footer Index------------*/
footer {
  width: 100%;
  background-image: url(../img/footer.jpg);
  background-size: cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
}
footer .contacto {
  padding: 7rem;
  width: 100%;
  border: 0px solid red;
  position: relative;
}
footer .contacto .cont {
  width: 100%;
  height: 36rem;
  display: flex;
  justify-content: space-between;
  color: #ffffff;
  font-family: VisbyCF;
}
footer .contacto .cont .div-one {
  background-color: #6874e8;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5rem 7rem;
}
footer .contacto .cont .div-one div {
  width: 50%;
  border: 0px solid red;
}
footer .contacto .cont .div-one div h1 {
  font-size: 3.5rem;
  font-family: VisbyCF;
  font-weight: bolder;
  text-transform: uppercase;
}
footer .contacto .cont .div-one div h2 {
  font-size: 1.5rem;
  font-family: VisbyCF;
  font-weight: 100;
  margin-top: 2rem;
}
footer .contacto .cont .div-one div form {
  border: 0px solid green;
}
footer .contacto .cont .div-one div form .input_form {
  width: 100%;
  border: 0px solid #ffffff;
  font-family: VisbyCF;
  font-size: 1.2rem;
  flex-direction: column;
}
footer .contacto .cont .div-one div form .input_form label {
  display: block;
  width: 100%;
  margin-top: 1rem;
  letter-spacing: 0.1rem;
}
footer .contacto .cont .div-one div form .input_form input {
  display: block;
  width: 100%;
  border: 0;
  margin-top: 0.2rem;
  background-color: transparent;
  border-bottom: 1px solid #ffffff;
}
footer .contacto .cont .div-one div form .textarea_form {
  width: 100%;
  border: 0px solid #ffffff;
  flex-direction: column;
  font-family: VisbyCF;
  font-size: 1.3rem;
}
footer .contacto .cont .div-one div form .textarea_form label {
  display: block;
  width: 100%;
  margin-top: 1rem;
  letter-spacing: 0.1rem;
}
footer .contacto .cont .div-one div form .textarea_form textarea {
  display: block;
  width: 100%;
  border: 0;
  margin-top: 0.2rem;
  background-color: transparent;
  border-bottom: 1px solid #ffffff;
}
footer .contacto .cont .div-one div form button {
  padding: 0.5rem 1.5rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  background-color: transparent;
  color: #ffffff;
  float: right;
  cursor: pointer;
}
footer .contacto .cont .div-one div form button:hover {
  border: 1px solid #c3f73a;
}
footer .contacto .cont .div-two {
  width: 3%;
  border: 0px solid red;
}
footer .contacto .cont .div-two img {
  width: 100%;
  height: 100%;
}
footer .contacto .number-five {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 10rem;
  bottom: -5rem;
  font-family: Helvetica Condensed;
  color: #c3f73a;
  font-weight: bold;
}
footer .ofrecemos {
  width: 100%;
  border: 0px solid red;
  padding: 5rem 11rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
footer .ofrecemos .text {
  width: 40%;
  border: 0px solid green;
  margin-right: 8rem;
}
footer .ofrecemos .text img {
  width: 40rem;
}
footer .ofrecemos .text p {
  font-size: 1.2rem;
  font-family: VisbyCF;
  font-weight: 100;
  margin-top: 2rem;
  color: #ffffff;
  line-height: 2rem;
  letter-spacing: 0.1rem;
}
footer .ofrecemos .text-menu {
  width: 40%;
  border: 0px solid green;
  display: flex;
}
footer .ofrecemos .text-menu ul {
  list-style: none;
  color: #ffffff;
  margin-right: 6rem;
  font-size: 1.3rem;
  font-family: VisbyCF;
  margin: 1rem;
}
footer .ofrecemos .text-menu ul li {
  letter-spacing: 0.1rem;
  margin: 1rem;
  font-weight: 100;
}
footer .ofrecemos .text-menu ul li:nth-child(1) {
  margin-top: 5rem;
}
footer .ofrecemos .text-menu ul li a {
  color: #ffffff;
}
footer .ofrecemos .flecha-inicio {
  width: 3rem;
  position: absolute;
  border: 0px solid red;
  padding: 2rem 3.5rem;
  top: 6em;
  right: 8rem;
  background-color: #c3f73a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
footer .ofrecemos .flecha-inicio img {
  width: 2.5rem;
  display: block;
}
footer .cambiamos {
  width: 100%;
  padding: 1rem;
  border: 0px solid red;
}
footer .cambiamos img {
  width: 100%;
}

/*------------footer Index------------*/
/*------------fin------------*/
/*------------Header Contacto------------*/
.header-contacto {
  width: 100%;
  position: relative;
  height: 65rem;
  background-color: #c3f73a;
  display: flex;
  justify-content: center;
  padding: 10rem 10rem 0rem 10rem;
}
.header-contacto .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header-contacto .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
}
.header-contacto .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header-contacto .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-contacto .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header-contacto .cont-header {
  width: 100%;
  flex-direction: column;
  position: relative;
  border: 0px solid red;
}
.header-contacto .cont-header .img {
  width: 100%;
  height: 24rem;
  border: 0px solid #ffffff;
  position: relative;
}
.header-contacto .cont-header .img img {
  width: 100%;
  height: 100%;
}
.header-contacto .cont-header .img p {
  position: absolute;
  font-size: 1.5rem;
  left: 1rem;
  bottom: 1rem;
  z-index: 1000;
  color: #ffffff;
  text-transform: uppercase;
  font-family: VisbyCF;
  font-size: 5rem;
}
.header-contacto .cont-header .text-form {
  width: 100%;
  padding: 3rem 5rem;
  border: 0px solid #000000;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.header-contacto .cont-header .text-form .text {
  width: 49%;
  border: 0px solid purple;
  padding: 1rem 0rem;
}
.header-contacto .cont-header .text-form .text p {
  color: #000;
  font-size: 1.5rem;
  font-family: VisbyCF;
  font-weight: lighter;
}
.header-contacto .cont-header .text-form .form {
  width: 49%;
  border: 0px solid #ffffff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1rem 0rem;
}
.header-contacto .cont-header .text-form .form form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.header-contacto .cont-header .text-form .form form .input_form {
  width: 49%;
  border: 0px solid red;
  margin-bottom: 1rem;
}
.header-contacto .cont-header .text-form .form form .input_form label {
  color: #000;
  font-size: 1.3rem;
  font-family: VisbyCf;
  font-weight: 100;
  letter-spacing: 0.1rem;
}
.header-contacto .cont-header .text-form .form form .input_form input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000;
  margin-top: 1rem;
  letter-spacing: 0.1rem;
  color: #000;
}
.header-contacto .cont-header .text-form .form form .textarea label {
  color: #000;
  font-size: 1.3rem;
  font-family: VisbyCF;
  font-weight: 100;
  letter-spacing: 0.1rem;
}
.header-contacto .cont-header .text-form .form form .textarea textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000;
  color: #000;
}
.header-contacto .cont-header .text-form .form form .btn_enviar {
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
  color: #000;
  font-family: VisbyCF;
  letter-spacing: 0.1rem;
  position: absolute;
  bottom: -1rem;
  right: 0rem;
  cursor: pointer;
}
.header-contacto .cont-header .text-form .form form img {
  width: 1.5rem;
  position: absolute;
  bottom: 7rem;
  right: -3rem;
}

/*------------Header Contacto------------*/
/*------------fin------------*/
/*------------Header Nosotros------------*/
.header-nosotros {
  width: 100%;
  position: relative;
  height: 65rem;
  display: flex;
  justify-content: center;
  padding: 10rem 10rem 0rem 10rem;
  background-image: url(../img/nosotros.jpg);
  background-size: cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
}
.header-nosotros .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header-nosotros .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
}
.header-nosotros .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header-nosotros .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-nosotros .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header-nosotros .cont-header {
  width: 100%;
  position: relative;
  border: 0px solid red;
  /*background-image: url(../img/una-nueva.svg);*/
  background-size: cover cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
.header-nosotros .cont-header .text {
  width: 30%;
  border: 0px solid red;
}
.header-nosotros .cont-header .text h1 {
  font-size: 3rem;
  font-family: VisbyCF;
  font-weight: bolder;
}
.header-nosotros .cont-header .text p {
  font-size: 1.5rem;
  text-align: justify;
  font-family: VisbyCF;
  margin-bottom: 1rem;
}
.header-nosotros .cont-header .img {
  width: 59%;
  border: 0px solid red;
}
.header-nosotros .cont-header .img img {
  width: 100%;
}
.header-nosotros #sig-nosotros {
  padding: 1rem;
  position: absolute;
  z-index: 500;
  bottom: 1rem;
  left: 3rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-nosotros #sig-nosotros:hover {
  border: 1px solid #c3f73a;
}
.header-nosotros #sig-nosotros img {
  width: 3rem;
}
.header-nosotros .number-one {
  position: absolute;
  font-size: 5rem;
  z-index: 500;
  right: 3rem;
  bottom: 1rem;
  font-family: VoisbyCF;
  color: #000000;
  font-weight: bold;
}

/*------------Header Nosotros------------*/
/*------------fin------------*/
/*------------equilibrio------------*/
.equilibrio {
  width: 100%;
  background-image: url(../img/nosotros/fondo_nosotros_1.jpg);
  background-size: cover cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
  padding: 10rem 0rem;
  position: relative;
}
.equilibrio .cont-equilibrio {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.equilibrio .cont-equilibrio .img {
  width: 50%;
  border: 0px solid green;
}
.equilibrio .cont-equilibrio .img img {
  width: 100%;
}
.equilibrio .cont-equilibrio .text {
  width: 40%;
  border: 0px solid green;
  color: #ffffff;
  padding: 0rem 3rem;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  text-align: left;
}
.equilibrio .cont-equilibrio .text h2 {
  font-size: 3.6rem;
  color: #ffffff;
  font-family: VisbyCF;
  font-weight: bolder;
}
.equilibrio .cont-equilibrio .text p {
  font-size: 1.5rem;
  color: #ffffff;
  text-align: justify;
  font-family: VisbyCF;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.equilibrio .cont-equilibrio .text ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-family: Helvetica;
}
.equilibrio .cont-equilibrio .text ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 49%;
  text-align: left;
  margin-bottom: 2rem;
  border: 0px solid red;
  color: #ffffff;
  font-family: VisbyCF;
}
.equilibrio .cont-equilibrio .text ul li hr {
  width: 5rem;
  margin-right: 0.5rem;
  text-align: left;
  color: #ffffff;
}
.equilibrio #sig-equilibrio {
  padding: 1rem;
  position: absolute;
  z-index: 500;
  bottom: 1rem;
  left: 3rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.equilibrio #sig-equilibrio:hover {
  border: 1px solid #c3f73a;
}
.equilibrio #sig-equilibrio img {
  width: 3rem;
}
.equilibrio .number-two {
  position: absolute;
  font-size: 5rem;
  z-index: 500;
  right: 3rem;
  bottom: 1rem;
  font-family: Helvetica Condensed;
  color: #ffffff;
  font-weight: bold;
}

/*------------equilibrio------------*/
/*------------durabilidad------------*/
.durabilidad {
  width: 100%;
  height: 55rem;
  background-color: #c3f73a;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.durabilidad .cont-durabilidad {
  width: 90%;
  height: 100%;
  border: 0px solid red;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.durabilidad .cont-durabilidad .article {
  width: 94%;
  border: 0px solid green;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 3rem;
  background-color: #ffffff;
}
.durabilidad .cont-durabilidad .article .img {
  width: 40%;
}
.durabilidad .cont-durabilidad .article .img h1 {
  font-size: 3.6rem;
  color: #000000;
  font-family: VisbyCF;
  font-weight: bolder;
}
.durabilidad .cont-durabilidad .article .img img {
  margin-top: 3rem;
  width: 70%;
}
.durabilidad .cont-durabilidad .article .text {
  width: 60%;
}
.durabilidad .cont-durabilidad .article .text p {
  font-size: 1.4rem;
  color: #000000;
  font-family: VisbyCF;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.durabilidad .cont-durabilidad .article .text ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 1.3rem;
  font-family: VisbyCF;
}
.durabilidad .cont-durabilidad .article .text ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 49%;
  text-align: left;
  margin-bottom: 2rem;
  border: 0px solid red;
  color: #000000;
  font-family: VisbyCF;
  font-weight: bold;
  letter-spacing: 0.1rem;
}
.durabilidad .cont-durabilidad .article .text ul li hr {
  width: 5rem;
  margin-right: 0.5rem;
  text-align: left;
  color: #000000;
}
.durabilidad .cont-durabilidad .img-piedra {
  width: 6%;
  height: 100%;
  border: 0px solid red;
}
.durabilidad .cont-durabilidad .img-piedra img {
  width: 100%;
  height: 100%;
}

/*------------durabilidad------------*/
/*------------Header calidad------------*/
.header-calidad {
  width: 100%;
  position: relative;
  height: 65rem;
  display: flex;
  justify-content: center;
  padding: 10rem 0rem 0rem 10rem;
  background: linear-gradient(
      0deg,
      rgba(196, 196, 196, 0.9),
      rgba(196, 196, 196, 0.9)
    ),
    url(../img/calidad/Banner.jpg);
  background-size: cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
  border: 0px solid blueviolet;
}
.header-calidad .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header-calidad .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
}
.header-calidad .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header-calidad .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-calidad .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header-calidad .cont-header {
  width: 100%;
  position: relative;
  border: 0px solid red;
  background-image: url(../img/calidad/responsabilidad.svg);
  background-size: cover cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
}
.header-calidad .cont-header .text {
  width: 100%;
  border: 0px solid red;
  display: none;
}
.header-calidad .cont-header .text h1 {
  font-size: 3rem;
  font-family: VisbyCF;
}
.header-calidad .cont-header .img {
  width: 75%;
  border: 0px solid red;
  position: absolute;
  right: 0rem;
  bottom: 3rem;
}
.header-calidad .cont-header .img img {
  width: 100%;
}
.header-calidad #sig-calidad {
  padding: 1rem;
  position: absolute;
  z-index: 500;
  bottom: 1rem;
  left: 15rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-calidad #sig-calidad:hover {
  border: 0px solid #c3f73a;
}
.header-calidad #sig-calidad img {
  width: 3rem;
}
.header-calidad .number-one {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: 2rem;
  font-family: Helvetica Condensed;
  color: #ffffff;
  font-weight: bold;
}

/*------------Header calidad------------*/
/*------------fin------------*/
/*------------Desarrollo----------------*/
.desarrollo {
  width: 100%;
  background-color: #c6f350;
  position: relative;
}
.desarrollo article {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  border: 0px solid red;
  padding: 8rem 0rem;
}
.desarrollo article .text {
  width: 50%;
  border: 0px solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
}
.desarrollo article .text .cont {
  width: 35rem;
  border: 0px solid blue;
  text-align: justify;
}
.desarrollo article .text .cont span {
  color: #000000;
  font-size: 2rem;
  font-family: VisbyCF;
  margin-bottom: 2rem;
}
.desarrollo article .text .cont h1 {
  color: #000000;
  font-size: 3.5rem;
  font-family: VisbyCF;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
}
.desarrollo article .text .cont p {
  color: #000000;
  font-size: 1.6rem;
  font-family: VisbyCF;
  margin-bottom: 2rem;
}
.desarrollo article .img {
  width: 50%;
  border: 0px solid #000000;
  position: relative;
}
.desarrollo article .img img {
  width: 50rem;
  display: block;
  float: right;
}
.desarrollo article .img #sig-desarrollo {
  padding: 1.5rem;
  position: absolute;
  z-index: 500;
  bottom: 5rem;
  right: 48rem;
  background-color: #6874e8;
}
.desarrollo article .img #sig-desarrollo:hover {
  border-radius: 0.7rem;
  background-color: #5664e4;
}
.desarrollo article .img #sig-desarrollo img {
  width: 1.2rem;
  height: 1.3rem;
}
.desarrollo .number-one {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: -6rem;
  font-family: Helvetica Condensed;
  color: #ffffff;
  font-weight: bold;
  transform: scaley(1.5);
}

/*------------Desarrollo Fin------------*/
/*------------fin------------*/
/*------------Aleacion----------------*/
.aleacion {
  width: 100%;
  height: 50rem;
  background-color: #6874e8;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aleacion article {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  border: 0px solid red;
  padding: 0rem;
}
.aleacion article .text {
  width: 50%;
  border: 0px solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
}
.aleacion article .text .cont {
  width: 35rem;
  border: 0px solid blue;
}
.aleacion article .text .cont span {
  color: #ffffff;
  font-size: 2rem;
  font-family: VisbyCF;
  margin-bottom: 2rem;
}
.aleacion article .text .cont h1 {
  color: #ffffff;
  font-size: 3.5rem;
  font-family: VisbyCF;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
}
.aleacion article .text .cont p {
  color: #ffffff;
  font-size: 1.6rem;
  font-family: VisbyCF;
  text-align: justify;
  margin-bottom: 2rem;
}
.aleacion article .img {
  width: 50%;
  height: 50rem;
  border: 0px solid #000000;
  position: relative;
}
.aleacion article .img .bolardo {
  display: block;
  position: absolute;
  width: 35rem;
  top: -5rem;
  right: 0rem;
}
.aleacion article .img #sig-aleacion {
  padding: 1.5rem;
  position: absolute;
  z-index: 500;
  bottom: 10rem;
  right: -2rem;
  background-color: #c6f350;
}
.aleacion article .img #sig-aleacion:hover {
  border-radius: 0.7rem;
  background-color: #b5eb2d;
}
.aleacion article .img #sig-aleacion img {
  width: 1.2rem;
  height: 1.3rem;
}
.aleacion .number-two {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: -6rem;
  font-family: Akzidenz;
  color: #c3f73a;
  font-weight: bold;
  transform: scaley(1.5);
}

/*------------Aleacion Fin------------*/
/*------------fin------------*/
/*------------Garantia----------------*/
.garantia {
  width: 100%;
  background-color: #c4c4c4;
  position: relative;
}
.garantia article {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  border: 0px solid red;
  padding: 8rem 0rem;
}
.garantia article .text {
  width: 50%;
  border: 0px solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.garantia article .text .cont {
  width: 35rem;
  border: 0px solid blue;
}
.garantia article .text .cont span {
  color: #000000;
  font-size: 2rem;
  font-family: VisbyCF;
  margin-bottom: 2rem;
}
.garantia article .text .cont h1 {
  color: #000000;
  font-size: 3.5rem;
  font-family: VisbyCF;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
}
.garantia article .text .cont p {
  color: #000000;
  font-size: 1.6rem;
  text-align: justify;
  font-family: VisbyCF;
  margin-bottom: 2rem;
}
.garantia article .img {
  width: 50%;
  border: 0px solid #000000;
  position: relative;
}
.garantia article .img img {
  width: 50rem;
  display: block;
  float: right;
}
.garantia article .img #sig-garantia {
  padding: 1.5rem;
  position: absolute;
  z-index: 500;
  bottom: 5rem;
  right: 48rem;
  background-color: #c6f350;
}
.garantia article .img #sig-garantia:hover {
  border-radius: 0.7rem;
  background-color: #b5eb2d;
}
.garantia article .img #sig-garantia img {
  width: 1.2rem;
  height: 1.3rem;
}
.garantia .number-three {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: -6rem;
  font-family: Akzidenz;
  color: #000000;
  font-weight: bold;
  transform: scaley(1.5);
}

/*------------Garantia Fin------------*/
/*------------fin------------*/
/*------------Experiencias----------------*/
.experiencias {
  width: 100%;
  background-color: #17ce91;
  position: relative;
}
.experiencias article {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  border: 0px solid red;
  padding: 8rem 0rem;
}
.experiencias article .text {
  width: 50%;
  padding: 0rem 5rem;
  border: 0px solid #000000;
}
.experiencias article .text .cont {
  width: 100%;
  border: 0px solid blue;
}
.experiencias article .text .cont span {
  color: #000000;
  font-size: 2rem;
  font-family: VisbyCF;
  margin-bottom: 2rem;
}
.experiencias article .text .cont h1 {
  color: #000000;
  font-size: 3.5rem;
  font-family: VisbyCF;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
}
.experiencias article .text .cont #clientes {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: 0px solid red;
  padding: 0rem;
}
.experiencias article .text .cont #clientes .cliente {
  width: 18%;
  border: 0px solid red;
}
.experiencias article .text .cont #clientes .cliente img {
  width: 100%;
  border: 0px solid red;
}
.experiencias article .img {
  width: 50%;
  border: 0px solid #000000;
  position: relative;
}
.experiencias article .img img {
  width: 50rem;
  display: block;
  float: right;
}
.experiencias article .img #sig-experiencias {
  padding: 1.5rem;
  position: absolute;
  z-index: 500;
  bottom: 10rem;
  right: -2rem;
  background-color: #c6f350;
}
.experiencias article .img #sig-experiencias:hover {
  border-radius: 0.7rem;
  background-color: #b5eb2d;
}
.experiencias article .img #sig-experiencias img {
  width: 1.2rem;
  height: 1.3rem;
}
.experiencias .number-four {
  position: absolute;
  font-size: 10rem;
  z-index: 500;
  right: 5rem;
  bottom: -6rem;
  font-family: Akzidenz;
  color: #ffffff;
  font-weight: bold;
  transform: scaley(1.5);
}

/*------------Experiencias Fin------------*/
/*------------fin------------*/
/*------------Header Productos------------*/
.header-productos {
  width: 100%;
  position: relative;
  height: 65rem;
  display: flex;
  justify-content: center;
  padding: 10rem 8rem 0rem 10rem;
  background-color: #28d299;
  border: 0px solid blueviolet;
}
.header-productos .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header-productos .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: 0.2rem;
}
.header-productos .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header-productos .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-productos .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header-productos .cont-header {
  width: 100%;
  position: relative;
  border: 0px solid red;
  display: flex;
  background-color: #0dab76;
  background-image: url(../img/una-nueva-version-del-espacio.svg);
  background-size: cover cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
}
.header-productos .cont-header .categoria {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.header-productos .cont-header .categoria img {
  display: block;
  width: 50rem;
  border-radius: 0.7rem;
}
.header-productos .cont-header section {
  width: 43rem;
  height: 100%;
  border: 0px solid blue;
  float: right;
  background-color: #ffffff;
  padding: 5rem 0rem;
}
.header-productos .cont-header section ul {
  list-style: none;
  text-align: left;
  border: 0px solid black;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header-productos .cont-header section ul li {
  display: block;
  padding: 0rem 0rem 0rem 5rem;
  position: relative;
}
.header-productos .cont-header section ul li:hover {
  background-color: #c3f73a;
  padding: 0.6rem 0rem 0.5rem 5rem;
}
.header-productos .cont-header section ul li:hover .flecha {
  display: block;
}
.header-productos .cont-header section ul li img {
  display: block;
  width: 3rem;
  margin-right: 1rem;
}
.header-productos .cont-header section ul li a {
  color: #000000;
  font-family: VisbyCF;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  display: flex;
  align-items: center;
  border: 0px solid red;
}
.header-productos .cont-header section ul li a .flecha {
  display: none;
  width: 1.5rem;
  margin-left: 2rem;
  position: absolute;
  right: 2rem;
}

/*------------Header Productos------------*/
/*------------fin------------*/
/*------------Header Catalogo------------*/
.header-catalogo {
  width: 100%;
  position: relative;
  height: 65rem;
  display: flex;
  justify-content: center;
  padding: 10rem 8rem 0rem 10rem;
  background-color: #d2d2d2;
  border: 0px solid blueviolet;
}
.header-catalogo .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header-catalogo .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: 0.2rem;
}
.header-catalogo .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header-catalogo .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-catalogo .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header-catalogo .cont-header {
  width: 100%;
  position: relative;
  border: 0px solid red;
  display: flex;
  background-color: #d2d2d2;
}
.header-catalogo .cont-header .categoria {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border: 0px solid red;
  padding: auto;
  background-image: url(../img/una-nueva.svg);
  background-position: 0.1rem 0.1rem;
  background-repeat: no-repeat;
}
.header-catalogo .cont-header .categoria .product-img {
  width: 110%;
  height: 100%;
  border: 0px solid greenyellow;
  display: none;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.header-catalogo .cont-header .categoria .product-img.cambio {
  display: flex !important;
}
.header-catalogo .cont-header .categoria .product-img .cont-img {
  width: 30%;
  height: 20rem;
  margin: 1rem 0rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 0px solid red;
}
.header-catalogo .cont-header .categoria .product-img .cont-img a {
  text-decoration: none;
  color: #000000;
  border: 0px solid red;
}
.header-catalogo .cont-header .categoria .product-img .cont-img a img {
  width: auto;
  height: 13.4rem;
  display: block;
  margin: 0rem auto;
  border: 0px solid red;
}
.header-catalogo .cont-header .categoria .product-img .cont-img a .name {
  display: block;
  text-align: center;
  color: #6d6968;
  padding: 0rem 0rem;
  font-family: Helvetica Condensed;
  letter-spacing: 0.2rem;
  font-size: 1.7rem;
  font-weight: 600;
  border: 0px solid red;
}
.header-catalogo .cont-header section {
  width: 43rem;
  height: 100%;
  border: 0px solid blue;
  float: right;
  background-color: #ffffff;
  padding: 5rem 0rem;
}
.header-catalogo .cont-header section ul {
  list-style: none;
  text-align: left;
  border: 0px solid black;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header-catalogo .cont-header section ul li {
  display: block;
  padding: 0rem 0rem 0rem 5rem;
  border: 0px solid red;
  position: relative;
  color: #000000;
  font-family: VisbyCF;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  display: flex;
  align-items: center;
  border: 0px solid red;
  cursor: pointer;
}
.header-catalogo .cont-header section ul li:hover {
  background-color: #c3f73a;
  padding: 0.6rem 0rem 0.5rem 5rem;
}
.header-catalogo .cont-header section ul li:hover .flecha {
  display: block;
}
.header-catalogo .cont-header section ul li img {
  display: block;
  width: 3rem;
  margin-right: 1rem;
}
.header-catalogo .cont-header section ul li .flecha {
  display: none;
  width: 1.5rem;
  margin-left: 2rem;
  position: absolute;
  right: 2rem;
}

/*------------Header Catalogo------------*/
/*------------fin------------*/
/*------------Header detalles------------*/
.header-detalles {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10rem 8rem 0rem 10rem;
  background-color: #d2d2d2;
  border: 0px solid blueviolet;
}
.header-detalles .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header-detalles .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
}
.header-detalles .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header-detalles .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-detalles .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header-detalles .cont-header {
  width: 100%;
  position: relative;
  border: 0px solid red;
  background-color: #d2d2d2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.header-detalles .cont-header .bolardo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.header-detalles .cont-header .bolardo .img {
  width: 35%;
  border: 0px solid red;
}
.header-detalles .cont-header .bolardo .img img {
  width: auto;
  height: 38.2rem;
  display: block;
  margin: 0rem auto;
}
.header-detalles .cont-header .bolardo .img .bancas {
  width: 85%;
  height: 34rem;
  display: block;
  margin: 0rem auto;
}
.header-detalles .cont-header .bolardo .table {
  width: 65%;
  height: 100%;
  border: 0px solid blue;
  background-color: #ffffff;
  padding: 3rem 2rem;
}
.header-detalles .cont-header .bolardo .table span {
  font-size: 1.2rem;
  font-family: VisbyCF;
  font-weight: bold;
  letter-spacing: 0.1rem;
}
.header-detalles .cont-header .bolardo .table h1 {
  font-size: 3.5rem;
  font-family: VisbyCF;
  letter-spacing: 0.1rem;
}
.header-detalles .cont-header .bolardo .table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.header-detalles .cont-header .bolardo .table table tr:nth-child(even) {
  background-color: #f7f3f3;
}
.header-detalles .cont-header .bolardo .table table tr td {
  text-align: left;
  padding: 8px;
  font-size: 1.5rem;
  font-family: VisbyCF;
  border: 1px solid #dddddd;
}
.header-detalles .cont-header .bolardo .table table tr td:nth-child(1) {
  width: 15rem;
}
.header-detalles .cont-header .bolardo .footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.header-detalles .cont-header .bolardo .footer .img {
  width: 50%;
  border: 0px solid red;
  display: flex;
}
.header-detalles .cont-header .bolardo .footer .img img {
  display: block;
  width: 13rem;
  height: 9rem;
  margin-right: 5rem;
  cursor: pointer;
  border: 0px solid red;
}
.header-detalles .cont-header .bolardo .footer .button {
  width: 50%;
  border: 0px solid red;
  text-align: right;
  font-family: VisbyCF;
}
.header-detalles .cont-header .bolardo .footer .button a {
  cursor: pointer;
  text-decoration: none;
  padding: 0.8rem 3rem;
  font-family: VisbyCF;
  color: #000000;
  font-size: 1.5rem;
  background-color: #c3f73a;
}
.header-detalles .cont-header .bolardo .footer .button button {
  display: block;
  cursor: pointer;
  float: right;
  text-decoration: none;
  padding: 0.8rem 6rem;
  font-family: VisbyCF;
  color: #000000;
  border: 0;
  font-size: 1.5rem;
  background-color: #c3f73a;
}

/*------------Header detalles------------*/
/*------------fin------------*/
/*------------ Modal Cotización------------*/
.modal-container {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 5000;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container .modal-close {
  transform: translateY(-200%);
}
.modal-container .modal {
  width: 40%;
  background-color: #6874e8;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
  transition: transform 1s;
  transform: translateY(0%);
  border-radius: 1.5rem;
  padding: 2rem 4rem;
}
.modal-container .modal .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  font-size: 2rem;
  border-radius: 50%;
  font-family: VisbyCF;
  font-weight: bold;
}
.modal-container .modal .modal-textos .form {
  width: 100%;
  border: 0px solid #ffffff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1rem 0rem;
}
.modal-container .modal .modal-textos .form h1 {
  font-family: VisbyCF;
  color: #ffffff;
  margin-bottom: 2rem;
}
.modal-container .modal .modal-textos .form form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.modal-container .modal .modal-textos .form form .input_form {
  width: 48%;
  border: 0px solid red;
  text-align: left;
  margin-bottom: 3rem;
  position: relative;
}
.modal-container .modal .modal-textos .form form .input_form:hover label {
  left: 1rem;
  transition: all 2s;
}
.modal-container .modal .modal-textos .form form .input_form label {
  color: #ffffff;
  font-size: 1.3rem;
  font-family: VisbyCF;
  font-weight: 100;
  letter-spacing: 0.1rem;
  border: 0px solid red;
  position: absolute;
  top: -1.1rem;
  left: 0rem;
  transition: all 2s;
}
.modal-container .modal .modal-textos .form form .input_form input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  margin-top: 1rem;
  letter-spacing: 0.1rem;
  color: #ffffff;
  font-family: VisbyCF;
}
.modal-container .modal .modal-textos .form form .textarea {
  text-align: left;
  position: relative;
}
.modal-container .modal .modal-textos .form form .textarea:hover label {
  left: 1rem;
  transition: all 2s;
}
.modal-container .modal .modal-textos .form form .textarea label {
  color: #ffffff;
  font-size: 1.3rem;
  font-family: VisbyCF;
  font-weight: 100;
  letter-spacing: 0.1rem;
  position: absolute;
  top: -1.1rem;
  left: 0rem;
  transition: all 2s;
}
.modal-container .modal .modal-textos .form form .textarea textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  margin-top: 2rem;
}
.modal-container .modal .modal-textos .form form .btn_enviar {
  border: none;
  background-color: transparent;
  transform: rotate(270deg);
  font-size: 1.5rem;
  color: #ffffff;
  font-family: VisbyCF;
  letter-spacing: 0.1rem;
  position: absolute;
  bottom: 2rem;
  right: -5rem;
  cursor: pointer;
}
.modal-container .modal .modal-textos .form form img {
  width: 1.5rem;
  position: absolute;
  bottom: 7rem;
  right: -3rem;
}

/*------------ Modal Cotización------------*/
/*------------fin------------*/
/*------------ Modal Imagen ------------*/
.modal-img {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-100%);
  transition: transform 1s;
}
.modal-img .img-show {
  height: 60%;
  display: block;
  object-fit: cover;
  border-radius: 0.7rem;
}

.move {
  transform: translateY(0);
  transition: transform 1s;
}

/*------------ Modal Imagen ------------*/
/*---- Whatsapp ----*/
.whatsapp img {
  position: fixed;
  left: 5rem;
  bottom: 7rem;
  z-index: 4000;
  font-size: 3rem;
  width: 6rem;
  height: 6rem;
  cursor: pointer;
  transition: all 1s;
}
/*---- Whatsapp ----*/

@keyframes phone {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/*---- Whatsapp ----*/
/*------------Header Privacidad------------*/
.header-privacidad {
  width: 100%;
  position: relative;
  height: auto;
  display: flex;
  justify-content: center;
  padding: 10rem 10rem 0rem 10rem;
  background-image: url(../img/nosotros.jpg);
  background-size: cover;
  background-position: 0rem 0rem;
  background-repeat: no-repeat;
}
.header-privacidad .rotate {
  position: absolute;
  width: 10rem;
  height: 100vh;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  z-index: 50;
  border: 0px solid red;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.header-privacidad .rotate li {
  display: block;
  transform: rotate(270deg);
  margin-bottom: 15rem;
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
}
.header-privacidad .rotate li:nth-child(1) {
  margin-top: 18rem;
  margin-bottom: 12rem;
}
.header-privacidad .rotate li a {
  color: #000000;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 0.7rem;
  border: 1px solid transparent;
}
.header-privacidad .rotate li a:hover {
  border: 1px solid #5c5755;
}
.header-privacidad .cont-header {
  width: 100%;
  position: relative;
  padding: 7rem 2rem 7rem 6rem;
  border: 0px solid red;
}
.header-privacidad .cont-header h1 {
  font-family: VisbyCF;
  font-size: 4rem;
}
.header-privacidad .cont-header h3 {
  font-family: VisbyCF;
  font-size: 2rem;
  margin-top: 3rem;
}
.header-privacidad .cont-header p {
  font-family: VisbyCF;
  font-size: 1.5rem;
  text-align: justify;
}

/*------------Header Privacidad------------*/
/*------------fin------------*/
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* -------------  1200px  -------------- */
@media screen and (max-width: 1200px) {
  .mensaje div {
    width: 60%;
    background-color: black;
    text-align: center;
    position: relative;
    padding: 10rem;
    text-align: left;
  }

  /*------------header------------*/
  .header {
    height: 62rem;
    padding: 10rem 0rem;
  }
  .header .rotate li:nth-child(1) {
    margin-top: 13.5rem;
    margin-bottom: 10rem;
  }
  .header .rotate li a {
    font-size: 1.4rem;
    padding: 1rem 2rem;
  }
  .header .rotate li a:hover {
    border: 1px solid #5c5755;
  }
  .header div {
    border: 0px solid red;
  }
  .header div .text {
    width: 0%;
    margin-left: 0rem;
  }
  .header div .carusel-index {
    width: 40rem;
    top: 3rem;
    right: 7rem;
  }
  .header div .carusel-index .items {
    width: 100%;
  }
  .header div .carusel-index .items .item {
    width: 100%;
    position: relative;
  }
  .header div .carusel-index .items .item img {
    width: 100%;
  }
  .header div .carusel-index .items .item .sierra {
    position: absolute;
    bottom: 6em;
    right: 0rem;
    width: 100%;
  }
  .header div #sig-header {
    margin-left: 7rem;
  }
  .header div #sig-header img {
    width: 3rem;
  }
  .header .number-one {
    font-size: 10rem;
  }

  /*------------ header fin ------------*/
  /*------------ Header Catalogo ------------*/
  .header-catalogo .cont-header .categoria {
    border: 0px solid red;
  }
  .header-catalogo .cont-header .categoria .product-img .cont-img {
    width: 45%;
  }
  .header-catalogo .cont-header section {
    border: 0px solid blue;
  }

  /*------------Header Catalogo fin------------*/
}
/* -------------  1200px  -------------- */
/*------------fin------------*/
/* =================================================== */
/* =================================================== */
/* -------------  992px  -------------- */
@media screen and (max-width: 992px) {
  /*------------nav------------*/
  nav {
    padding: 4rem 5rem 0rem 5rem;
  }
  nav ul li {
    margin-left: 0.5rem;
  }

  /*------------nav------------*/
  /*------------header------------*/
  .header {
    height: 62rem;
    padding: 10rem 0rem;
  }
  .header .rotate li {
    margin-bottom: 10rem;
  }
  .header .rotate li:nth-child(1) {
    margin-top: 13.5rem;
    margin-bottom: 9rem;
  }
  .header .rotate li a {
    font-size: 1.2rem;
    padding: 1rem 1rem;
  }
  .header .rotate li a:hover {
    border: 1px solid #5c5755;
  }
  .header div {
    border: 0px solid red;
  }
  .header div .text {
    width: 50%;
    margin-left: 6rem;
  }
  .header div .text .somos {
    font-size: 3rem;
  }
  .header div .carusel-index {
    width: 35rem;
    top: 3rem;
    right: 7rem;
  }
  .header div .carusel-index .item {
    width: 100%;
    position: relative;
  }
  .header div .carusel-index .item img {
    width: 100%;
  }
  .header div .carusel-index .item .sierra {
    position: absolute;
    bottom: 6em;
    right: 0rem;
    width: 100%;
  }
  .header div #sig-header {
    margin-left: 3rem;
  }
  .header div #sig-header img {
    width: 3rem;
  }
  .header .number-one {
    font-size: 10rem;
  }

  /*------------header fin ------------*/
  /*------------Section 2 Index------------*/
  .soluciones {
    width: 100%;
    height: auto;
  }
  .soluciones div .letters {
    width: 45%;
    height: auto;
  }
  .soluciones div .letters .sierra {
    position: absolute;
    z-index: 500;
    bottom: 0rem;
    left: 0rem;
    width: 60rem;
  }
  .soluciones div .text {
    width: 55%;
    height: auto;
  }
  .soluciones div .text .text-cont {
    padding: 1rem 18rem 1rem 6rem;
  }
  .soluciones div .text .text-cont span {
    display: inline-block;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .soluciones div .text .text-cont h1 {
    font-size: 3rem;
    color: #c6f350;
  }
  .soluciones div .text .text-cont p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
  }
  .soluciones div .text .text-cont a img {
    width: 3rem;
  }

  /*------------Section 2 Fin------------*/
  /*------------Section 4 Index------------*/
  .servicio {
    width: 100%;
    height: auto;
    border: 0px solid red;
    padding: 10rem 2rem 2rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .servicio .div-cont {
    width: 78rem;
    height: 37rem;
    position: relative;
    right: auto;
    bottom: auto;
  }
  .servicio .number-four {
    position: absolute;
    font-size: 10rem;
    z-index: 500;
    right: 5rem;
    bottom: -13rem;
    font-family: Helvetica Condensed;
    color: #000000;
    font-weight: bold;
  }
  .servicio .vector {
    display: none;
  }

  /*------------Section 4 Fin------------*/
  /*------------Section 5 Index------------*/
  .clientes {
    padding: 11rem 4rem 2rem 4rem;
  }
  .clientes .img div {
    width: 13%;
    margin: 1.3rem;
    border: 0px solid red;
  }

  /*------------Section 5 Index------------*/
  /*------------fin------------*/
  /*------------Section 6 Index------------*/
  .exito {
    width: 100%;
    background-image: url(../img/image99.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0px solid red;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10rem 5rem;
  }
  .exito .text {
    width: 100%;
    display: block;
    border: 0px solid red;
    order: 2;
  }
  .exito .sierra-verde {
    width: 50%;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
  }
  .exito .satisfechos {
    width: 100%;
    border: 0px solid red;
    order: 1;
  }
  .exito .satisfechos p {
    text-align: center;
    font-family: VisbyCF;
    font-weight: bold;
    font-size: 4rem;
    color: #5c5755;
  }
  .exito .img-exito {
    border: 0px solid red;
    width: 100%;
    position: absolute;
    bottom: 27rem;
    right: 0rem;
  }
  .exito .img-exito .images {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .exito .img-exito .images div {
    width: 2%;
    height: 10rem;
    margin-left: 8rem;
    border: 0px solid red;
  }
  .exito .img-exito .images div img {
    width: 100%;
    height: 7rem;
  }

  /*------------Section 6 Index------------*/
  /*------------fin------------*/
  /*------------footer Index------------*/
  footer .contacto .cont {
    width: 100%;
    height: 36rem;
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    font-family: helvetica;
  }
  footer .contacto .cont .div-one {
    background-color: #6874e8;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5rem 4rem;
  }
  footer .contacto .cont .div-one div {
    width: 50%;
    border: 0px solid red;
  }
  footer .contacto .cont .div-two {
    display: none;
  }

  /*------------footer fin------------*/
  /*------------Header Contacto------------*/
  .header-contacto .cont-header .text-form {
    width: 100%;
    padding: 3rem 1.5rem;
  }

  /*------------Header Contacto Fin------------*/
  /*------------Header Nosotros------------*/
  .header-nosotros {
    height: 58rem;
    padding: 10rem 2rem 0rem 7rem;
  }
  .header-nosotros .cont-header {
    border: 0px solid red;
    background-image: url(../img/una-nueva.svg);
  }

  /*------------Header Nosotros------------*/
  /*------------fin------------*/
  /*------------Equilibrio------------*/
  .equilibrio .cont-equilibrio .img {
    width: 50%;
  }
  .equilibrio .cont-equilibrio .img img {
    height: 100%;
  }
  .equilibrio .cont-equilibrio .text {
    width: 50%;
  }

  /*------------Equilibrio fin ------------*/
  /*------------durabilidad------------*/
  .durabilidad {
    width: 100%;
    height: auto;
  }
  .durabilidad .cont-durabilidad {
    width: 100%;
  }
  .durabilidad .cont-durabilidad .article {
    width: 100%;
    border: 0px solid green;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    padding: 3rem;
    background-color: #ffffff;
  }
  .durabilidad .cont-durabilidad .article .img {
    width: 100%;
  }
  .durabilidad .cont-durabilidad .article .img h1 {
    font-size: 3.6rem;
    color: #000000;
    font-family: VisbyCF;
  }
  .durabilidad .cont-durabilidad .article .img img {
    margin-top: 3rem;
    width: 100%;
    height: 45rem;
  }
  .durabilidad .cont-durabilidad .article .text {
    width: 100%;
  }
  .durabilidad .cont-durabilidad .article .text p {
    font-size: 1.5rem;
    color: #000000;
    font-family: VisbyCF;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .durabilidad .cont-durabilidad .article .text ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 1.2rem;
    font-family: VisbyCF;
  }
  .durabilidad .cont-durabilidad .article .text ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 49%;
    text-align: left;
    margin-bottom: 2rem;
    border: 0px solid red;
    color: #000000;
    font-family: VisbyCF;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  .durabilidad .cont-durabilidad .article .text ul li hr {
    width: 6rem;
    margin-right: 0.5rem;
    text-align: left;
    color: #000000;
  }
  .durabilidad .cont-durabilidad .img-piedra {
    display: none;
  }

  /*------------durabilidad------------*/
  /*------------Desarrollo------------*/
  .desarrollo article {
    padding: 2rem 0rem 0rem 0rem;
  }
  .desarrollo article .text {
    width: 100%;
  }
  .desarrollo article .text .cont {
    width: 100%;
    padding: 0rem 4rem;
  }
  .desarrollo article .img {
    width: 100%;
    border: px solid red;
  }
  .desarrollo article .img img {
    border: 0px solid red;
    width: 100%;
  }
  .desarrollo article .img #sig-desarrollo {
    right: auto;
    left: 2rem;
  }
  .desarrollo .number-one {
    font-size: 5rem;
    right: 2rem;
    bottom: -2.5rem;
  }

  /*------------Desarrollo final------------*/
  /*------------Aleacion------------*/
  .aleacion {
    height: auto;
  }
  .aleacion article .text {
    width: 100%;
    order: 1;
    padding: 2rem 4rem;
  }
  .aleacion article .text .cont {
    width: 100%;
    border: 0px solid blue;
  }
  .aleacion article .img {
    width: 100%;
    order: 2;
  }
  .aleacion article .img .bolardo {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
  }
  .aleacion article .img #sig-aleacion {
    bottom: 5rem;
    right: auto;
    left: 2rem;
  }
  .aleacion .number-two {
    font-size: 5rem;
    right: 2rem;
    bottom: -2.5rem;
  }

  /*------------Aleacion final------------*/
  /*------------Garantia------------*/
  .garantia article {
    padding: 2rem 0rem 0rem 0rem;
  }
  .garantia article .text {
    width: 100%;
    padding: 2rem;
  }
  .garantia article .text .cont {
    width: 100%;
    border: 0px solid blue;
  }
  .garantia article .img {
    width: 100%;
  }
  .garantia article .img img {
    width: 100%;
    float: none;
  }
  .garantia article .img #sig-garantia {
    bottom: 5rem;
    right: auto;
    left: 2rem;
  }
  .garantia .number-three {
    font-size: 5rem;
    right: 6rem;
    bottom: -2.5rem;
  }

  /*------------Garantia final------------*/
  /*------------Experiencias------------*/
  .experiencias article {
    padding: 3rem 0rem 0rem 0rem;
  }
  .experiencias article .text {
    width: 100%;
    order: 1;
  }
  .experiencias article .img {
    width: 100%;
    order: 2;
  }
  .experiencias article .img img {
    width: 100%;
    float: none;
  }
  .experiencias article .img #sig-experiencias {
    bottom: 5rem;
    right: auto;
    left: 2rem;
  }
  .experiencias .number-four {
    font-size: 5rem;
    right: 2rem;
    bottom: -2.5rem;
  }

  /*------------Experiencias final------------*/
  /*------------Header Productos------------*/
  .header-productos .cont-header .categoria img {
    display: block;
    width: 30rem;
    border-radius: 0.7rem;
  }
  .header-productos .cont-header section {
    width: 50rem;
  }

  /*------------Header Productos fin------------*/
  /*------------Header Catalogo------------*/
  .header-catalogo {
    padding: 10rem 0rem 0rem 10rem;
  }

  /*------------Header Catalogo fin------------*/
  /*------------Header detalles------------*/
  .header-detalles {
    padding: 10rem 0rem 0rem 5rem;
  }
  .header-detalles .cont-header .bolardo .img .bancas {
    width: 100%;
    height: 18rem;
  }

  /*------------Header detalles------------*/
  /*------------ Modal Cotización------------*/
  .modal-container .modal {
    width: 60%;
  }

  /*------------ Modal Cotización------------*/
  /*------------ Whatsapp ------------*/
  .whatsapp img {
    left: 5rem;
    bottom: 5rem;
  }

  /*------------ Whatsapp ------------*/
}
/* -------------  992px  -------------- */
/*------------fin------------*/
/* =================================================== */
/* =================================================== */
/* -------------  768px  -------------- */
@media screen and (max-width: 768px) {
  .mensaje div {
    width: 70%;
    background-color: black;
    text-align: center;
    position: relative;
    padding: 10rem;
    text-align: left;
  }

  /*------------nav------------*/
  nav {
    padding: 3rem 2rem 0rem 2rem;
  }
  nav img {
    width: 30rem;
  }
  nav ul {
    display: none;
  }

  /*------------nav------------*/
  /*------ Menu Responsive ------*/
  .menu-icon {
    display: block;
    cursor: pointer;
  }

  .responsive-menu.responsive-m {
    display: block;
  }

  /*------ Menu Responsive ------*/
  /*------------header------------*/
  .header {
    height: 62rem;
    padding: 10rem 0rem;
  }
  .header .rotate {
    display: none;
  }
  .header .rotate li {
    margin-bottom: 10rem;
  }
  .header .rotate li:nth-child(1) {
    margin-top: 13.5rem;
    margin-bottom: 9rem;
  }
  .header .rotate li a {
    font-size: 1.2rem;
    padding: 1rem 1rem;
  }
  .header .rotate li a:hover {
    border: 1px solid #5c5755;
  }
  .header div {
    border: 0px solid red;
  }
  .header div .text {
    display: none;
  }
  .header div .text .somos {
    font-size: 3rem;
  }
  .header div .carusel-index {
    width: 100%;
    right: 0rem;
    border: 5px solid red;
  }
  .header div .carusel-index .item {
    width: 100%;
  }
  .header div .carusel-index .item img {
    width: 100%;
  }
  .header div #sig-header img {
    width: 3rem;
  }
  .header .number-one {
    font-size: 10rem;
  }

  /*------------header fin ------------*/
  /*------------Section 2 Index------------*/
  .soluciones {
    width: 100%;
    height: auto;
  }
  .soluciones div .letters {
    width: 100%;
    height: auto;
  }
  .soluciones div .letters #sig-soluciones {
    bottom: -28rem;
    left: 0.5rem;
  }
  .soluciones div .letters p {
    max-width: 99%;
    font-size: 5rem;
    line-height: 6rem;
  }
  .soluciones div .letters .sierra {
    display: none;
  }
  .soluciones div .text {
    width: 100%;
  }
  .soluciones div .text .text-cont {
    padding: 2rem 6rem;
  }
  .soluciones div .text .number-two {
    right: 6rem;
    bottom: -1.5rem;
  }

  /*------------Section 2 Fin------------*/
  /*------------Section 3 Index------------*/
  .funcional {
    width: 100%;
    height: auto;
    position: relative;
    padding: 1rem;
    border: 0px solid red;
  }
  .funcional .div-letters {
    display: none;
  }
  .funcional .div-cont {
    position: relative;
    width: 100%;
    height: auto;
    right: 0rem;
    bottom: 0rem;
    padding: 0rem;
    border: 0px solid red;
  }
  .funcional .div-cont .div-one {
    display: block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .funcional .div-cont .div-one div {
    width: 100%;
    text-align: center;
    border: 0px solid red;
  }
  .funcional .div-cont .div-one div h1 {
    font-size: 3.5rem;
    font-weight: bolder;
    font-family: VisbyCF;
    color: #6d6968;
  }
  .funcional .div-cont .div-one div span {
    display: block;
    font-weight: bold;
    color: #6874e8;
    font-size: 3.5rem;
    font-family: VisbyCF;
  }
  .funcional .div-cont .div-one div p {
    font-size: 1.5rem;
    font-family: VisbyCF;
  }
  .funcional .div-cont .div-two {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .funcional .div-cont .div-two div {
    width: 47%;
  }
  .funcional .div-cont .div-two div ul {
    list-style: none;
    font-size: 1.5rem;
    font-family: VisbyCF;
  }
  .funcional .div-cont .div-two div ul li {
    border-bottom: 1px solid #000000;
    padding-bottom: 1rem;
    align-items: center;
    display: flex;
    align-items: center;
    margin-top: 1rem;
  }
  .funcional .div-cont .div-two div ul li img {
    width: 4rem;
    display: block;
  }
  .funcional .div-cont .div-two div ul li a {
    display: block;
    font-size: 1.8rem;
    color: #000000;
    margin-left: 1rem;
  }
  .funcional #sig-funcional {
    padding: 1rem;
    bottom: -4rem;
    left: 4rem;
  }

  /*------------Section 3 Index------------*/
  /*------------fin------------*/
  /*------------Section 5 Index------------*/
  .clientes {
    padding: 11rem 4rem 2rem 4rem;
  }
  .clientes .img div {
    width: 20%;
    margin: 1.3rem;
    border: 0px solid red;
  }

  /*------------Section 5 Index------------*/
  /*------------fin------------*/
  /*------------Section 6 Index------------*/
  .exito {
    width: 100%;
    padding: 10rem 5rem;
  }
  .exito .img-exito {
    border: 0px solid red;
    width: 100%;
    position: absolute;
    bottom: 11rem;
    right: 0rem;
  }
  .exito .img-exito .images {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .exito .img-exito .images div {
    width: 2%;
    height: 10rem;
    margin-left: 8rem;
    border: 0px solid red;
  }
  .exito .img-exito .images div img {
    width: 150%;
    height: 7rem;
  }

  /*------------Section 6 Index------------*/
  /*------------fin------------*/
  /*------------footer Index------------*/
  footer .contacto {
    border: 0px solid red;
  }
  footer .contacto .cont {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  footer .contacto .cont .div-one {
    background-color: #6874e8;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5rem 4rem;
  }
  footer .contacto .cont .div-one div {
    width: 100%;
    border: 0px solid red;
  }
  footer .contacto .cont .div-one div h1 {
    font-size: 2.8rem;
    color: #c3f73a;
  }
  footer .contacto .number-five {
    position: absolute;
    font-size: 5rem;
    z-index: 500;
    right: 5rem;
    bottom: -5rem;
    font-family: Akzidenz;
    color: #c3f73a;
    font-weight: bold;
  }
  footer .ofrecemos {
    width: 100%;
    border: 0px solid red;
    padding: 5rem 2rem;
  }
  footer .ofrecemos .text {
    width: 100%;
    border: 0px solid green;
  }
  footer .ofrecemos .text img {
    width: 34rem;
  }
  footer .ofrecemos .text p {
    padding: 1rem;
    border: 0px solid green;
  }
  footer .ofrecemos .text-menu {
    width: 100%;
    border: 0px solid green;
    display: flex;
  }
  footer .ofrecemos .text-menu ul {
    list-style: none;
    color: #ffffff;
    font-family: VisbyCF;
  }
  footer .ofrecemos .text-menu ul li {
    letter-spacing: 0.1rem;
    margin: 1rem;
    font-weight: 100;
  }
  footer .ofrecemos .flecha-inicio {
    width: 3rem;
    position: absolute;
    border: 0px solid red;
    padding: 1.7rem 2.5rem;
    top: auto;
    right: 2rem;
    bottom: 2rem;
    background-color: #c3f73a;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .ofrecemos .flecha-inicio img {
    width: 1.5rem;
    display: block;
  }

  /*------------footer fin------------*/
  /*------------Header Contacto------------*/
  .header-contacto {
    padding: 10rem 4rem 0rem 3rem;
  }
  .header-contacto .rotate {
    display: none;
  }

  /*------------Header fin------------*/
  /*------------Header Nosotros------------*/
  .header-nosotros {
    padding: 10rem 0rem 0rem 0rem;
    border: 0px solid red;
  }
  .header-nosotros .rotate {
    display: none;
  }
  .header-nosotros .cont-header .text {
    width: 100%;
    border: 0px solid red;
    padding: 0rem 5rem;
  }
  .header-nosotros .cont-header .img {
    width: 100%;
    border: 0px solid red;
  }

  /*------------Header Nosotros fin------------*/
  /*------------Equilibrio------------*/
  .equilibrio {
    padding: 2rem 0rem 0rem 0rem;
  }
  .equilibrio .cont-equilibrio .img {
    width: 100%;
    order: 2;
  }
  .equilibrio .cont-equilibrio .text {
    width: 100%;
    order: 1;
  }

  /*------------Equilibrio fin ------------*/
  /*------------Header Calidad------------*/
  .header-calidad {
    padding: 10rem 0rem 0rem 0rem;
    height: auto;
  }
  .header-calidad .rotate {
    display: none;
  }
  .header-calidad .cont-header {
    background-image: none;
  }
  .header-calidad .cont-header .text {
    display: block;
    padding: 0rem 1rem 0rem 5rem;
    border: 0spx solid red;
  }
  .header-calidad .cont-header .text h1 {
    font-size: 3.5rem;
    text-transform: uppercase;
    font-family: VisbyCF;
    font-weight: bold;
  }
  .header-calidad .cont-header .img {
    width: 100%;
    position: relative;
    right: auto;
    bottom: -0.5rem;
  }
  .header-calidad .cont-header .img img {
    width: 100%;
    height: 100%;
    border: 0px solid green;
  }

  /*------------Header Calidad fin------------*/
  /*------------Header Productos------------*/
  .header-productos {
    padding: 10rem 0rem 0rem 0rem;
  }
  .header-productos .rotate {
    display: none;
  }
  .header-productos .cont-header .categoria {
    display: none;
  }
  .header-productos .cont-header section {
    width: 100%;
  }

  /*------------Header Productos fin------------*/
  /*------------Header catalogo------------*/
  .header-catalogo {
    padding: 10rem 0rem 0rem 0rem;
  }
  .header-catalogo .rotate {
    display: none;
  }

  /*------------Header catalogo fin------------*/
  /*------------Header detalles------------*/
  .header-detalles {
    padding: 10rem 0rem 0rem 0rem;
  }
  .header-detalles .rotate {
    display: none;
  }
  .header-detalles .cont-header .bolardo .img {
    width: 100%;
    order: 2;
  }
  .header-detalles .cont-header .bolardo .img .bancas {
    width: auto;
    height: 28rem;
  }
  .header-detalles .cont-header .bolardo .table {
    width: 100%;
    order: 1;
  }
  .header-detalles .cont-header .bolardo .table .footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border: 0px solid green;
  }
  .header-detalles .cont-header .bolardo .table .footer .img {
    width: 50%;
    border: 0px solid red;
    display: flex;
    order: 1;
  }
  .header-detalles .cont-header .bolardo .table .footer .img img {
    display: block;
    width: 12rem;
    height: 10rem;
    margin-right: 3rem;
  }
  .header-detalles .cont-header .bolardo .table .footer .button {
    order: 2;
    width: 50%;
    border: 0px solid red;
  }

  /*------------Header detalles fin------------*/
  /*------------ Modal Cotización------------*/
  .modal-container .modal {
    width: 80%;
  }

  /*------------ Modal Cotización------------*/
  /*------------Header Privacidad------------*/
  .header-privacidad {
    padding: 10rem 0rem 0rem 0rem;
    border: 0px solid red;
  }
  .header-privacidad .rotate {
    display: none;
  }

  /*------------Header Privacidad fin------------*/
}
/* -------------  768px  -------------- */
/*------------fin------------*/
/* =================================================== */
/* =================================================== */
/* -------------  600px  -------------- */
@media screen and (max-width: 600px) {
  .mensaje div {
    width: 90%;
    background-color: black;
    text-align: center;
    position: relative;
    padding: 5rem;
    text-align: left;
  }
  .mensaje div img {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 3rem;
    margin-left: 1rem;
    display: block;
    cursor: pointer;
  }
  .mensaje div span {
    color: #ffffff;
    font-size: 3rem;
    font-family: VisbyCF;
    margin-bottom: 2rem;
    display: block;
  }
  .mensaje div p {
    color: #e6e6e6;
    font-size: 1.3rem;
    font-family: VisbyCF;
  }
  .mensaje div a {
    color: #e6e6e6;
    font-size: 1.5rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-family: VisbyCF;
  }
  .mensaje div a img {
    display: block;
    position: static;
    width: 3rem;
    margin-right: 1rem;
    filter: invert(100%);
  }

  /*------------nav------------*/
  nav img {
    width: 22rem;
  }

  /*------------nav------------*/
  /*------------header------------*/
  .header {
    height: 40rem;
    border: 0px solid red;
    padding: 10rem 0rem 0rem 0rem;
  }
  .header .rotate li {
    margin-bottom: 10rem;
  }
  .header .rotate li:nth-child(1) {
    margin-top: 13.5rem;
    margin-bottom: 9rem;
  }
  .header .rotate li a {
    font-size: 1.2rem;
    padding: 1rem 1rem;
  }
  .header .rotate li a:hover {
    border: 1px solid #5c5755;
  }
  .header .head {
    border: 0px solid red;
    padding: 0rem;
  }
  .header .head .carusel-index {
    width: 100%;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    position: relative;
  }
  .header .head .carusel-index .items .item {
    width: 100%;
  }
  .header .head .carusel-index .items .item img {
    width: 100%;
  }
  .header .head .carusel-index .next {
    width: 4rem;
    position: absolute;
    bottom: 0;
    right: 0.1rem;
    border: 0px solid red;
    cursor: pointer;
    padding: 0.5rem;
  }
  .header .head .carusel-index .prev {
    width: 4rem;
    position: absolute;
    bottom: 5rem;
    right: 0.1rem;
    border: 0px solid blue;
    cursor: pointer;
    padding: 0.5rem;
  }
  .header .head #sig-header {
    padding: 1rem;
    position: absolute;
    z-index: 2500;
    bottom: 1rem;
    left: 0rem;
    border-radius: 0.7rem;
    border: 1px solid transparent;
    display: block;
  }
  .header .head #sig-header:hover {
    border: 1px solid #c3f73a;
  }
  .header .head #sig-header img {
    width: 3rem;
  }
  .header .number-one {
    right: 7rem;
    bottom: 10rem;
    font-size: 5rem;
  }

  /*------------header fin ------------*/
  /*------------Section 2 Index------------*/
  .soluciones div .text .number-two {
    right: 7rem;
    bottom: 1.5rem;
    font-size: 5rem;
  }

  /*------------Section 2 Fin------------*/
  /*------------Section 3 Index------------*/
  .funcional .number-three {
    position: absolute;
    font-size: 5rem;
    z-index: 500;
    right: 5rem;
    bottom: -4rem;
    font-family: VisbyCF;
    color: #000000;
    font-weight: bold;
  }

  /*------------Section 3 fin ------------*/
  /*------------Section 4 Index------------*/
  .servicio {
    width: 100%;
    height: auto;
    padding: 10rem 2rem 2rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .servicio .hr-left {
    display: none;
  }
  .servicio .div-cont {
    width: 78rem;
    height: auto;
    position: relative;
    right: auto;
    bottom: auto;
    padding: 5rem 3rem;
  }
  .servicio .div-cont div {
    width: 100%;
    border: 0px solid red;
    margin-bottom: 2rem;
  }
  .servicio .div-cont div .position {
    position: relative;
    bottom: 0rem;
    left: 0rem;
  }
  .servicio .number-four {
    font-size: 5rem;
    z-index: 500;
    right: 5rem;
    bottom: -7rem;
  }

  /*------------Section 4 Fin------------*/
  /*------------Section 5 Index------------*/
  .clientes {
    width: 100%;
    border: 0px solid red;
    padding: 7rem 4rem 2rem 4rem;
  }
  .clientes .text {
    font-size: 3.5rem;
  }
  .clientes .img {
    border: 0px solid red;
    padding: 2rem 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .clientes .img div {
    width: 30%;
    margin-top: 0.5rem;
  }
  .clientes .img div img {
    width: 100%;
  }

  /*------------Section 5 Index------------*/
  /*------------fin------------*/
  /*------------footer Index------------*/
  footer .contacto {
    padding: 5rem 2rem;
  }

  /*------------footer Index------------*/
  /*------------Header Contacto------------*/
  .header-contacto {
    height: 70rem;
    padding: 10rem 0rem 0rem 0rem;
  }
  .header-contacto .cont-header .text-form .text {
    width: 100%;
  }
  .header-contacto .cont-header .text-form .form {
    width: 100%;
  }

  /*------------Header fin------------*/
  /*------------Header Nosotros------------*/
  .header-nosotros .cont-header .img {
    margin-bottom: -3rem;
  }

  /*------------Header Nosotros fin------------*/
  /*------------durabilidad------------*/
  .durabilidad .cont-durabilidad .article .img img {
    height: 28rem;
  }

  /*------------durabilidad------------*/
  /*------------Desarrollo------------*/
  .desarrollo article .text .cont {
    padding: 0rem 2rem;
  }

  /*------------Desarrollo final------------*/
  /*------------Aleacion------------*/
  .aleacion article {
    padding-top: 2rem;
  }
  .aleacion article .text {
    padding: 0rem 2rem;
  }
  .aleacion article .img .bolardo {
    height: 100%;
  }

  /*------------Aleacion final------------*/
  /*------------Experiencias------------*/
  .experiencias article .text .cont #clientes {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border: 0px solid red;
    padding: 0rem;
  }
  .experiencias article .text .cont #clientes .cliente {
    width: 40%;
    margin: 1em;
    border: 0px solid greenyellow;
  }

  /*------------Experiencias final------------*/
  /*------------ Header Catalogo ------------*/
  .header-catalogo {
    height: auto;
  }
  .header-catalogo .cont-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .header-catalogo .cont-header section {
    width: 100%;
    height: 45rem;
    border: 0px solid blue;
  }
  .header-catalogo .cont-header .categoria {
    width: 94%;
    height: 40rem;
    display: block;
    border: 0px solid red;
    background-image: url(../img/una-nueva.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .header-catalogo .cont-header .categoria .product-img {
    border: 0px solid blue;
    justify-content: flex-end;
  }
  .header-catalogo .cont-header .categoria .product-img .cont-img {
    width: 50%;
    border: 0px solid red;
  }
  .header-catalogo .cont-header .categoria .product-img .cont-img a {
    border: 0px solid gold;
  }
  .header-catalogo .cont-header .categoria .product-img .cont-img a img {
    border: 0px solid orange;
  }
  .header-catalogo .cont-header .categoria .product-img .cont-img a .name {
    width: 100%;
  }

  /*------------Header Catalogo fin------------*/
  /*------------Header detalles------------*/
  .header-detalles .cont-header .bolardo .table .footer {
    justify-content: center;
    border: 0px solid green;
  }
  .header-detalles .cont-header .bolardo .table .footer .img {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0px solid red;
  }
  .header-detalles .cont-header .bolardo .table .footer .img img {
    width: 39%;
    display: block;
    margin-right: 0rem;
  }
  .header-detalles .cont-header .bolardo .table .footer .button {
    order: 2;
    width: 100%;
    border: 0px solid red;
    text-align: center;
    align-items: center;
  }
  .header-detalles .cont-header .bolardo .table .footer .button a {
    display: block;
  }
  .header-detalles .cont-header .bolardo .table .footer .button button {
    display: block;
    float: none;
    width: 100%;
  }

  /*------------Header detalles fin------------*/

  /*------------ Modal dibujo tecnico ------------*/
  .modal-img .img-show {
    height: 29%;
    display: block;
    object-fit: cover;
    border-radius: 0.7rem;
  }

  /*------------ Modal dibujo tecnico ------------*/

  /*------------ Modal Cotización ------------*/
  .modal-container .modal {
    width: 100%;
    margin: 1rem;
  }
  .modal-container .modal .modal-textos .form form .input_form {
    width: 100%;
  }

  /*------------ Modal Cotización ------------*/
  /*------------ Whatsapp ------------*/
  .whatsapp img {
    left: 2rem;
    bottom: 4rem;
    font-size: 3rem;
    width: 5rem;
    height: 5rem;
  }

  /*------------ Whatsapp ------------*/
}
/* -------------  600px  -------------- */
/*------------fin------------*/
.rotate li a {
  font-family: VisbyCF;
}
/*# sourceMappingURL=styles.css.map */
.nav_phones {
  display: flex;
  align-items: center;
}
.nav_phones_a {
  display: flex;
}
.nav_phones_a a {
  padding: 1rem 0.5rem;
}
.nav_phones span {
  font-family: VisbyCF;
  letter-spacing: 0.2rem;
  font-size: 1.4rem;
  font-weight: 100;
  padding: 1rem 0.5rem;
}