.sec1 .fondo {
  padding: 8% 3% 8%;
  background-image: url("../img/catalogo/banner-image.webp");
  border-radius: 15px;
  background-position: center;
  background-size: cover;
}
.sec1 h1 {
  padding: 12% 0 4%;
}
.sec1 h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1 h2 {
  color: var(--light);
}

.sec2 {
  padding: 4% 0;
}
.sec2 a {
  text-decoration: none;
  color: unset;
}
.sec2 .img-sec2 {
  width: 80%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 4%;
}
.sec2 p {
  text-align: center;
  font-size: 18px;
}
.sec2 .centered-element {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec2 .centered-element h4 {
  color: var(--sky);
  text-align: center;
}

.sec3 {
  padding: 2% 0 4%;
}
.sec3 h3 {
  margin-bottom: 20px;
  width: 20%;
  display: inline-block;
}
.sec3 h3 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec3 .centered-element {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  display: inline-block;
}
.sec3 .centered-element hr {
  border: 2px solid var(--sky);
}
.sec3 h4 {
  margin-top: 4%;
  text-align: center;
  color: var(--sky);
  font-weight: 700;
  min-height: 65px;
}
.sec3 .desc {
  text-align: center;
  margin-bottom: 2%;
  min-height: 110px;
  margin-top: 4%;
}
.sec3 .enlace {
  font-size: 20px;
  color: var(--sky);
  border: 1px solid var(--sky);
  text-decoration: none;
  border-radius: 25px;
  display: table;
  margin: 4% auto 6%;
  padding: 5px 15px;
}
.sec3 .img-sec3 {
  width: 80%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 2%;
}
.sec3 .glide__slide {
  text-align: center;
  padding: 20px;
  border: 1px solid #dadada;
  border-radius: 15px;
}
.sec3 .glide__slide img {
  width: 80%;
  height: auto;
  border-radius: 10px;
}
.sec3 .glide-tec, .sec3 .glide-prod {
  position: relative;
}
.sec3 .glide__arrow {
  background: transparent;
  color: var(--grey);
  border: none;
  padding: 10px;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sec3 .glide__arrow--left {
  background: url(images/controls.png) 0 -32px no-repeat;
}
.sec3 .arrows-tec, .sec3 .arrows-prod {
  position: absolute;
  top: 50%;
  left: -3%;
  right: -3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sec4 {
  padding: 2% 0 4%;
}
.sec4 h3 {
  margin-bottom: 20px;
  width: 45%;
  display: inline-block;
}
.sec4 h3 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec4 .centered-element {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55%;
  display: inline-block;
}
.sec4 .centered-element hr {
  border: 2px solid var(--sky);
}
.sec4 h4 {
  margin-top: 4%;
  text-align: center;
  color: var(--sky);
  font-weight: 700;
  min-height: 65px;
}
.sec4 .desc {
  text-align: center;
  margin-bottom: 2%;
  min-height: 110px;
  margin-top: 4%;
}
.sec4 .enlace {
  font-size: 20px;
  color: var(--sky);
  border: 1px solid var(--sky);
  text-decoration: none;
  border-radius: 25px;
  display: table;
  margin: 4% auto 6%;
  padding: 5px 15px;
}
.sec4 .img-sec3 {
  width: 100%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 2%;
}
.sec4 .caja {
  border: 1px solid #dadada;
  border-radius: 15px;
  min-height: 480px;
  margin-bottom: 4%;
}
.sec4 .enlace2 {
  text-decoration: none;
}
.sec4 .glide-spec h4 {
  min-height: 93px;
}
.sec4 .glide__slide {
  text-align: center;
  padding: 20px;
  border: 1px solid #dadada;
  border-radius: 15px;
}
.sec4 .glide-espec, .sec4 .glide-genericos {
  position: relative;
}
.sec4 .glide__slide img {
  width: 80%;
  height: auto;
  border-radius: 10px;
}
.sec4 .glide__arrow {
  background: transparent;
  color: var(--grey);
  border: none;
  padding: 10px;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sec4 .arrows-espec, .sec4 .arrows-gen {
  position: absolute;
  top: 50%;
  left: -3%;
  right: -3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sec9 {
  padding: 4% 0 0;
  background-image: url("../img/sesa/Dotsbackground.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.sec9 h2 {
  margin-bottom: 20px;
}
.sec9 h2 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec9 .desc {
  color: var(--primary);
  margin-bottom: 4%;
}
.sec9 .img-persona {
  width: 70%;
  margin: auto;
  display: block;
}
.sec9 .col-lg-6.bg-gota {
  padding-right: 10%;
}
.sec9 form {
  padding: 5% 12%;
}
.sec9 form input {
  width: 100%;
  color: #fff;
  background-color: #f4f4f4;
  opacity: 1;
  border: none;
  margin-bottom: 10px;
  border-radius: 25px;
  padding: 5px 10px;
  max-width: 456px;
  min-height: 48px;
}
.sec9 form input::-webkit-input-placeholder {
  color: var(--grey);
}
.sec9 form input::-moz-placeholder {
  color: var(--grey);
}
.sec9 form input:-ms-input-placeholder {
  color: var(--grey);
}
.sec9 form input::-ms-input-placeholder {
  color: var(--grey);
}
.sec9 form input::placeholder {
  color: var(--grey);
}
.sec9 form label {
  color: var(--grey);
  font-weight: 500;
}
.sec9 form textarea {
  width: 100%;
  color: #fff;
  background-color: #f4f4f4;
  opacity: 1;
  border: none;
  margin-bottom: 10px;
  border-radius: 15px;
  padding: 5px 10px;
  min-height: 80px;
  max-width: 456px;
}
.sec9 form textarea::-webkit-input-placeholder {
  color: var(--grey);
}
.sec9 form textarea::-moz-placeholder {
  color: var(--grey);
}
.sec9 form textarea:-ms-input-placeholder {
  color: var(--grey);
}
.sec9 form textarea::-ms-input-placeholder {
  color: var(--grey);
}
.sec9 form textarea::placeholder {
  color: var(--grey);
}
.sec9 form .btn-enviar {
  background-color: transparent;
  border: 2px solid var(--sky);
  border-radius: 20px;
  padding: 5px 50px;
  float: right;
  color: var(--primary);
}

.sec1-especializados .fondo {
  padding: 4% 3% 4%;
  background-image: url("../img/catalogo/especializados/Banner.webp");
  border-radius: 15px;
  background-position: center;
  background-size: cover;
}
.sec1-especializados h1 {
  padding: 12% 0 4%;
  color: var(--light);
}
.sec1-especializados h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1-especializados .desc {
  color: var(--light);
  font-size: 18px;
  margin-bottom: 4%;
}
.sec1-especializados .enlace-banner {
  background-color: var(--yellow);
  color: var(--primary);
  border-radius: 15px;
  padding: 5px 15px;
  text-decoration: none;
}

.sec1-especializados-prod .fondo {
  padding: 4% 3% 4%;
  background-image: url("../img/catalogo/especializados/productos-quimicos-especializados-header.webp");
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sec1-especializados-prod h1 {
  padding: 12% 0 4%;
  color: var(--light);
  text-align: center;
}
.sec1-especializados-prod h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1-especializados-prod .desc {
  color: var(--light);
  font-size: 18px;
}

.sec3-prod {
  padding: 2% 0 4%;
}
.sec3-prod h3 {
  margin-bottom: 20px;
  width: 20%;
  display: inline-block;
}
.sec3-prod h3 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec3-prod .centered-element {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  display: inline-block;
}
.sec3-prod .centered-element hr {
  border: 2px solid var(--sky);
}
.sec3-prod h4 {
  margin-top: 4%;
  color: var(--primary);
  font-weight: 700;
}
.sec3-prod h4 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec3-prod .desc {
  text-align: center;
  margin-bottom: 2%;
  min-height: 110px;
  margin-top: 4%;
}
.sec3-prod .enlace {
  font-size: 20px;
  color: var(--sky);
  border: 1px solid var(--sky);
  text-decoration: none;
  border-radius: 25px;
  display: table;
  margin: 4% auto 6%;
  padding: 5px 15px;
}
.sec3-prod .img-sec3 {
  width: 100%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 2%;
}
.sec3-prod .img-marca {
  width: 70%;
  border-radius: 15px;
  display: block;
  margin: 5% auto;
}
.sec3-prod .bx-wrapper {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: auto;
  width: 100%;
}
.sec3-prod .opciones .img-sec2-2 {
  width: 18px;
  display: inline-block;
}
.sec3-prod .opciones .text2 {
  display: inline-block;
  width: 80%;
  vertical-align: top;
  margin-left: 8px;
}

.sec1-productos .fondo {
  padding: 4% 3% 4%;
  background-image: url("../img/catalogo/productos/Banner.png");
  border-radius: 15px;
  background-position: center;
  background-size: initial;
}
.sec1-productos h1 {
  padding: 12% 0 4%;
  color: var(--light);
}
.sec1-productos h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1-productos .desc {
  color: var(--light);
  font-size: 18px;
  margin-bottom: 4%;
}
.sec1-productos .enlace-banner {
  background-color: var(--yellow);
  color: var(--primary);
  border-radius: 15px;
  padding: 5px 15px;
  text-decoration: none;
}

.sec3-productos-prod {
  padding: 2% 0 4%;
}
.sec3-productos-prod h4 {
  margin-top: 4%;
  text-align: center;
  color: var(--sky);
  font-weight: 700;
}
.sec3-productos-prod .desc {
  text-align: center;
  margin-bottom: 2%;
  min-height: 110px;
  margin-top: 4%;
}
.sec3-productos-prod .img-sec3 {
  width: 100%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 2%;
}
.sec3-productos-prod .caja {
  border: 1px solid #dadada;
  border-radius: 15px;
  min-height: 420px;
  margin-bottom: 4%;
}
.sec3-productos-prod .enlace2 {
  text-decoration: none;
}

.sec1-genericos .fondo {
  padding: 4% 3% 4%;
  background-image: url("../img/catalogo/genericos/Banner.webp");
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sec1-genericos h1 {
  padding: 12% 0 4%;
  color: var(--light);
}
.sec1-genericos h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1-genericos .desc {
  color: var(--light);
  font-size: 18px;
  margin-bottom: 4%;
}
.sec1-genericos .enlace-banner {
  background-color: var(--yellow);
  color: var(--primary);
  border-radius: 15px;
  padding: 5px 15px;
  text-decoration: none;
}

.sec4-genericos {
  padding: 2% 0 4%;
}
.sec4-genericos h3 {
  margin-bottom: 20px;
  width: 45%;
  display: inline-block;
}
.sec4-genericos h3 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec4-genericos .centered-element {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55%;
  display: inline-block;
}
.sec4-genericos .centered-element hr {
  border: 2px solid var(--sky);
}
.sec4-genericos h4 {
  margin-top: 4%;
  text-align: center;
  color: var(--sky);
  font-weight: 700;
}
.sec4-genericos .desc {
  text-align: center;
  margin-bottom: 2%;
  min-height: 110px;
  margin-top: 4%;
}
.sec4-genericos .enlace {
  font-size: 20px;
  color: var(--sky);
  border: 1px solid var(--sky);
  text-decoration: none;
  border-radius: 25px;
  display: table;
  margin: 4% auto 6%;
  padding: 5px 15px;
}
.sec4-genericos .img-sec3 {
  width: 100%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 2%;
}
.sec4-genericos .bx-wrapper {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: auto;
  width: 100%;
}
.sec4-genericos .caja {
  border: 1px solid #dadada;
  border-radius: 15px;
  min-height: 360px;
  margin-bottom: 4%;
}
.sec4-genericos .enlace2 {
  text-decoration: none;
}

.sec1-tecnologias .fondo {
  padding: 4% 3% 4%;
  background-image: url("../img/catalogo/tecnologias/Banner.jpeg");
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sec1-tecnologias h1 {
  padding: 12% 0 4%;
  color: var(--light);
}
.sec1-tecnologias h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1-tecnologias .desc {
  color: var(--light);
  font-size: 18px;
  margin-bottom: 4%;
}
.sec1-tecnologias .enlace-banner {
  background-color: var(--yellow);
  color: var(--primary);
  border-radius: 15px;
  padding: 5px 15px;
  text-decoration: none;
}

.sec1-tecnologias-prod .fondo {
  padding: 4% 3% 4%;
  background-image: url("../img/catalogo/tecnologias/Banner.jpeg");
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sec1-tecnologias-prod h1 {
  padding: 12% 0 4%;
  color: var(--light);
  text-align: center;
}
.sec1-tecnologias-prod h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1-tecnologias-prod .desc {
  color: var(--light);
  font-size: 18px;
}

.sec3-tec-prod {
  padding: 2% 0 4%;
}
.sec3-tec-prod h3 {
  margin-bottom: 20px;
  width: 20%;
  display: inline-block;
}
.sec3-tec-prod h3 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec3-tec-prod .centered-element {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  display: inline-block;
}
.sec3-tec-prod .centered-element hr {
  border: 2px solid var(--sky);
}
.sec3-tec-prod h4 {
  margin-top: 15%;
  color: var(--primary);
  font-weight: 700;
}
.sec3-tec-prod h4 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec3-tec-prod .desc {
  text-align: center;
  margin-bottom: 2%;
  min-height: 110px;
  margin-top: 4%;
}
.sec3-tec-prod .enlace {
  font-size: 20px;
  color: var(--sky);
  border: 1px solid var(--sky);
  text-decoration: none;
  border-radius: 25px;
  display: table;
  margin: 4% auto 6%;
  padding: 5px 15px;
}
.sec3-tec-prod .img-sec3 {
  width: 100%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 2%;
}
.sec3-tec-prod .bx-wrapper {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: auto;
  width: 100%;
}
.sec3-tec-prod .opciones .img-sec2-2 {
  width: 18px;
  display: inline-block;
}
.sec3-tec-prod .opciones .text2 {
  display: inline-block;
  width: 80%;
  vertical-align: top;
  margin-left: 8px;
}

.sec3-tec {
  padding: 2% 0 4%;
}
.sec3-tec h3 {
  margin-bottom: 20px;
  width: 45%;
  display: inline-block;
}
.sec3-tec h3 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec3-tec h4 {
  margin-top: 4%;
  text-align: center;
  color: var(--sky);
  font-weight: 700;
}
.sec3-tec .img-sec3 {
  width: 100%;
  border-radius: 15px;
  display: block;
  margin: 0 auto 2%;
}
.sec3-tec .caja {
  border: 1px solid #dadada;
  border-radius: 15px;
  min-height: 400px;
  margin-bottom: 4%;
}
.sec3-tec .enlace2 {
  text-decoration: none;
}

.sec4-tec {
  background-color: var(--primary);
}
.sec4-tec h2 {
  padding: 25% 0 6%;
  color: var(--primary);
}
.sec4-tec h2 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 15px;
  line-height: 1.5;
}
.sec4-tec .pd-left {
  padding-left: 15%;
  padding-right: 10%;
}
.sec4-tec .pd-0 {
  padding: 0;
}
.sec4-tec .pd-0 .banner-img {
  width: 100%;
}
.sec4-tec .opciones .img-sec2-2 {
  width: 18px;
  display: inline-block;
}
.sec4-tec .opciones .text2 {
  display: inline-block;
  width: 80%;
  vertical-align: top;
  margin-left: 8px;
  color: var(--light);
}

.sec1-productos-prod .fondo {
  padding: 4% 3% 4%;
  background-image: url("../img/catalogo/productos/productos-header.webp");
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sec1-productos-prod h1 {
  padding: 12% 0 4%;
  color: var(--light);
  text-align: center;
}
.sec1-productos-prod h1 span {
  background-color: var(--yellow);
  border-radius: 25px;
  padding: 0px 10px;
  line-height: 1.5;
}
.sec1-productos-prod .desc {
  color: var(--light);
  font-size: 18px;
}

@media (max-width: 479px) and (min-width: 0px) {
  .sec1-tecnologias .fondo, .sec1-productos .fondo, .sec1-genericos .fondo {
    min-height: 280px;
  }
  .sec1-tecnologias h1, .sec1-productos h1, .sec1-genericos h1 {
    padding: 8% 0 4%;
  }
  .sec1-especializados .fondo {
    min-height: 280px;
  }
  .sec1-especializados h1 {
    padding: 2% 0 0%;
  }
  .sec1-genericos .fondo {
    min-height: 280px;
  }
  .sec1-genericos h1 {
    padding: 10% 0 0%;
  }
  .sec1-especializados-prod .fondo, .sec1-tecnologias-prod .fondo, .sec1-productos-prod .fondo {
    min-height: 150px;
  }
  .sec2 h2 {
    padding: 4% 0;
  }
  .sec2 .enlace {
    width: auto;
  }
  .sec3 .img-sec3 {
    display: block;
    margin: 0 auto 10px;
    width: 70% !important;
  }
  .sec3 h3 {
    width: 50%;
  }
  .sec3 .desc {
    min-height: auto;
  }
  .sec3 .centered-element {
    width: 50%;
  }
  .sec3-prod h4 {
    font-size: 18px !important;
  }
  .sec3-prod .img-sec3 {
    width: 70% !important;
  }
  .sec3-prod p {
    text-align: justify;
  }
  .sec3-productos-prod .caja {
    min-height: 270px;
  }
  .sec3-tec .caja {
    min-height: 250px;
  }
  .sec3-tec-prod h4 {
    margin-top: 5%;
  }
  .sec3-tec-prod .img-sec3 {
    width: 70% !important;
  }
  .sec3-tec-prod p {
    text-align: justify;
  }
  .sec4 h3 {
    width: 70%;
  }
  .sec4 .text4 {
    width: 80%;
    text-align: justify;
  }
  .sec4 .img-sec3 {
    display: block;
    margin: 0 auto;
    width: 70% !important;
  }
  .sec4 .desc {
    padding: 4% 8%;
  }
  .sec4 .centered-element {
    width: 30%;
  }
  .sec4 .caja {
    min-height: 230px;
    margin-bottom: 6%;
  }
  .sec4-genericos .caja {
    min-height: 220px;
    margin-bottom: 6%;
  }
  .sec4-tec h2 {
    padding: 5% 0;
  }
}