@font-face {
  font-family: 'Epilogue', sans-serif;
}
@font-face {
  font-family: 'Barlow Semi Condensed', sans-serif;
}
body{
  font-family: 'Barlow Semi Condensed', sans-serif;
  -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1{
  font-family: 'Epilogue', sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
}
a{
  text-decoration: none;
  cursor: pointer!important;
}
.d-hidden{
  display: none;
}
.p0{
  padding: 0;
}
.bg-b{
  background-color: #333333;
  padding: 0 8rem;
}
.p-relative{
  position: relative;
}
section{
  padding: 1.5rem 0;
}
section.logosTecnorampa {
  padding: 0rem 0rem 2.5rem 0rem;
}
/* ----- MENU ----- */
section.nav-fixed{
  padding: 0;
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
}
section.phone-bar{
  background-color: #323333;
  color: #898989;
  text-align: right;
  font-weight: 600;
  padding: .5rem 0;
  position: relative;
  z-index: 999;
}
section.phone-bar a{
  color: #898989;
}
.logo-menu{
  width: 12rem;
  margin: 1rem auto;
}
section.contact-links ul li a, .nav-link{
  font-family: 'Epilogue', sans-serif;
  color: #333333;
}
section.contact-links ul li a{
  font-size: .8rem;
}
nav{
  background-color: #ffffff;
  position: fixed;
  z-index: 20;
}
.nav-link{
  text-transform: uppercase;
  font-size: .9rem;
  transition: all .5s ease;
}
/* .nav-link:hover{
  border-bottom: 1px solid #f8d844;
} */
.navbar-expand-lg .navbar-collapse{
  justify-content: flex-end;
}
.line{
  background-color: #dedfdf;
  display: block;
  width: 115%;
  height: 1px;
  margin: 1rem auto;
  margin-left: -25%;
}
section.contact-links {
  position: relative;
  padding: 1rem 0;
}
section.contact-links ul li{
  list-style: none;
}
section.contact-links ul{
  position: absolute;
  right: 0;
  top: -1rem;
}
.nav-link.active{
  color: #f8d844!important;
  font-weight: 600;
}
.nav-item {
  color: #fff;
  letter-spacing: .1rem;
  transition: all .3s;
  position: relative;
  /* overflow: hidden; */
  z-index: 1;
}
.nav-item::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
height: 100%;
background-color: #f8d844;
transition: all .3s;
z-index: -1;
}
.nav-item:hover,.nav-link:hover,.nav-link.active:hover{
  color: #000000!important;
}
.nav-item:hover::before {
  width: 100%;
}

footer{
  background-color: #f8d844;
  padding: 5rem 0;
}
footer h5{
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
footer h2{
  font-family: 'Epilogue', sans-serif;
  font-weight: bold;
  color: #333333;
  font-size: .9rem;
  margin: 3rem auto 1.5rem;
}
footer h3{
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 300;
  color: #333333;
  font-size: .9rem;
}
footer .tr-footer{
  display: block;
  margin: 4rem 0;
}
footer .mapa-footer{
  display: block;
  margin: 3rem ;
}
footer .link-contact{
  font-family: 'Epilogue', sans-serif;
  font-weight: 300;
  color: #333333;
  text-transform: uppercase;
  border: 1px solid #333333;
  text-align: center;
  letter-spacing: .1rem;
  padding: 1rem;
  margin: 2rem auto;
  display: block;
  transition: all .5s ease;
}
footer .link-contact:hover{
  background-color: #333333;
  color: white;
}
 hgroup a:hover h3{
  font-weight: 600;
}
footer .link-woorx{
  font-family: 'Epilogue', sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: right;
  display: block;
  color: #333333;

}
      /* ----- HOME ----- */
      section.header-home{
        padding-top: 12rem;
      }
      section.header-home h1{
        margin-bottom: 0;
      }
      section.header-home hgroup h2{
        display: inline-block;
        font-weight: 500;
        color: #c3c3c3;
        font-size: 1.2rem;
        text-transform: uppercase;
      }
      section.banner-principal{
        position: relative;
      }
      section.banner-principal img{
        /* padding-left: 5rem; */
      }
      section.banner-principal .txt-banner-principal{
        position: absolute;
            bottom: 3rem;
            right: 5rem;
      }
      section.banner-principal .txt-banner-principal span{
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 2rem;
        display: block;
        line-height: 2.2rem;
        text-align: right;
      }
      section.banner-principal .txt-banner-principal span:last-child{
        font-family: 'Epilogue', sans-serif;
        text-transform: none;
        font-size: 1rem;
        line-height: 1.4rem;
      }
      section.logos-certificacion h2{
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        color: #8a8a8a;
      }
      section.logos-certificacion a{
        color: #333333;
        text-align: right;
        font-family: 'Barlow Semi Condensed', sans-serif;
      }
      .cont-hexagono{
        display: inline-block;
        margin: 0rem 0 -.5rem 1rem;
      }
      .hexagono{
        position: relative;
        display: block;
        /* background-color: #28AFFA; */
        width: 1rem;
        height: 1.8rem;
        z-index: 999;
        border-top: 1px solid #f8d844;
        border-bottom: 1px solid #f8d844;
        border-radius: 5%;
        transition: all .5s ease-out;
      }
      .hexagono::after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: inherit;
        height: inherit;
        transform: rotate(120deg);
        background-color: inherit;
        border-top: 1px solid #f8d844;
        border-bottom: 1px solid #f8d844;
      }
      .hexagono::before{
        border-top: 1px solid #f8d844;
        border-bottom: 1px solid #f8d844;
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        width: inherit;
        height: inherit;
        transform: rotate(-120deg);
        background-color: inherit;
      }
      .hexagono:hover{
        background-color: #f8d844;
      }
      .hexagono-content{
        position: absolute;
        z-index: 1000;
        width: 90%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        text-align: center;
        line-height: 25px;
        color: #000;
        font-size: 1.3rem;
        }
      /* section.logos-certificacion a span{
        font-size: 1.2rem;
        border: solid 1px #f8d844;
        border-radius: 1rem;
        padding: 0 0.4rem;
      } */
      section.logos-certificacion img{
          margin: 2rem 1rem;
          display: inline-block;
          max-width: 8rem;
        }
                  /* CARRUSEL DE PRODUCTOS */
      section.carousel-products{
        background-color: #f7f7f7;
        /* margin-left: 3rem; */
        padding-top: 2rem;
        margin-top: 2rem;
      }
      section.carousel-products .carousel-indicators [data-bs-target]{
        text-align: right;
        font-family: 'Barlow Semi Condensed', sans-serif;
        padding-right: 2.5rem;
        width: 4rem;
      }
      section.carousel-products{
        bottom: 0;
        padding-bottom: 0;
        text-align: left;
      }
      section.carousel-products p, section.carousel-products h2{
        color: #353535;
      }
      section.carousel-products .carousel-caption h2{
        font-family: 'Epilogue', sans-serif;
        font-size: 1.6rem;
      }
      section.carousel-products h5{
        color: #8a8a8a;
        text-transform: uppercase;
        font-size: 2.4rem;
        font-weight: 500;
      }
      section.carousel-products .cont-lift-option{
        display: block;
        margin: auto;
      }
      section.carousel-products .lift-option{
        color: white;
        font-family: 'Epilogue', sans-serif;
        font-weight: 400;
        font-size: 1.3rem;
        /* text-align: center; */
        margin: 4rem auto;
      }
      section.carousel-products .lift-option span{
        color: #e3ce52;
        font-family: 'Barlow Semi Condensed', sans-serif;
      }
      .carousel-indicators{
        /* display: block; */
        position: relative;
        align-items: center;
        left: auto;
        /* top: 0; */
      }
      .carousel-indicators [data-bs-target]{
        background-color: #8a8a8a;
        width: 5rem;
        height: .22rem;
        opacity: 1;
      }
      .carousel-indicators .active{
        background-color: #f8d844;
      }

      /* CATALOGO PRODUCTOS */
      section.catalogo-productos{
        margin: .5rem auto 5rem auto;
      }
      section.catalogo-productos .line{
        background-color: #dedfdf;
        display: block;
        width: 110%;
        height: 1px;
        margin: 1rem auto;
        margin-left: -25%;
      }
      section.catalogo-productos .cont-plus{
        width: 1.8rem;
        height: 1.8rem;
        display: inline-block;
      }
      section.catalogo-productos h2{
        margin-top: 8rem;
        color: #353535;
        text-transform: uppercase;
        font-size: 2rem;
      }
      section.catalogo-productos h3{
        color: #8a8a8a;
        font-family: 'Epilogue', sans-serif;
      }
      section.catalogo-productos p{
        margin: 3rem auto;
      }
      section.catalogo-productos .cont-img-product{
        position: relative;
      }
      section.catalogo-productos .cont-img-product .label-new{
        position: absolute;
        left: 1rem;
        top:1rem;
        background-color: #f8d844;
        padding: .5rem 1.5rem;
        font-family: 'Barlow Semi Condensed', sans-serif;
        text-transform: uppercase;
        font-weight: 500;
      }
      section.catalogo-productos .img-product{
        float: left;
        transition: all .5s ease;
        position: relative;
        display: block;
        overflow: hidden;
        background: transparent;
        border: 1px solid #e6e6e6;
        margin: 2rem auto;
      }
      section.catalogo-productos .img-product::before{
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        height: 4px;
        width: 100%;
        border-bottom: 4px solid transparent;
        border-left: 4px solid transparent;
        box-sizing: border-box;
        transform: translateX(100%);
      }
      section.catalogo-productos .img-product::after{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        border-top: 4px solid black;
        border-right: 4px solid transparent;
        box-sizing: border-box;
        transform: translateX(-100%);
      }
      section.catalogo-productos .img-product:hover, section.info-detalles .cont-button a:hover, section.catalogo-productos .cont-btn-back a:hover, .img-noticia:hover{
        box-shadow: 0 5px 15px rgba(0,0,0,0.5);
      }
      section.catalogo-productos .img-product::before:hover{
        border-color: #f8d844;
        height: 100%;
        transform: translateX(0);
        transition: .3s transform linear, .3s height linear .3s;
      }
      section.catalogo-productos hgroup h4{
        font-weight: 400;
        font-size: .9rem;
        color: #333333;
        letter-spacing: .1rem;
        text-transform: uppercase;
      }
      section.catalogo-productos hgroup h3{
        font-family: 'Epilogue', sans-serif;
        color: #333333;
        font-weight: 700;
        font-size: 1.5rem;
      }
      section.catalogo-productos hgroup p{
        color:#8a8a8a;
        font-family: 'Epilogue', sans-serif;
        margin: auto;
      }
      section.catalogo-productos hgroup p span{
        font-family: 'Barlow Semi Condensed', sans-serif;
        color: #333333;
        font-weight: 800;
      }
      section.catalogo-productos a{
        font-family: 'Epilogue', sans-serif;
        font-weight: 200;
        color: #333333;
        text-decoration: none;
        transition: all .5s ease;
      }
      section.noticias .btn-read:hover span{
        color: white;
        font-weight: 600;
        background-color: #f8d844;
      }
      section.catalogo-productos a span{
        font-family: 'Barlow Semi Condensed', sans-serif;
          font-size: 1.2rem;
          position: relative;
          text-align: center;
          display: block;
          z-index: 1;
      }
      section.catalogo-productos a span::after{
        content: '';
        font-family: 'Barlow Semi Condensed', sans-serif;
          font-size: 1.2rem;
          border: solid 1px #f8d844;
          border-radius: 1rem;
          display: block;
          text-align: center;
          width: 1.8rem;
          height: 1.8rem;
          position: absolute;
          top: 0;
          z-index: -1;
      }
      section.catalogo-productos a:hover span{
        color: white;
        font-weight: 600;
      }
      section.catalogo-productos a:hover span::after{
        background-color: #f8d844;
      }
      /* ----- VIDEO ----- */
      section.video{
        text-align: center;
        background-image: url('../img/bg-video.png');
        padding: 5rem 0;
      }
      section.video h5{
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-size: 2rem;
        margin: 2rem auto;
      }
      section.video iframe{
        box-shadow: 0px 29px 28px rgb(0 0 0 / 50%);
      }

      /* ----- LOGOS ----- */
      section.logos{
        /* height: 80vh; */
        padding-bottom: 5rem 0;
      }
      section.logos h2{
        text-align: center;
        text-transform: uppercase;
      }
      section.logos h2::after{
        content: '';
        background-color: #f8d844;
        width: 18rem;
        height: 2px;
        display: block;
        margin: auto;
      }
      section.logos img{
        margin: 3rem 1rem;
        display: inline-block;
        width: auto;
        /* max-height: 1.5rem; */
        max-width: 14rem;
      }
      section.logos .carousel-indicators{
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
      }
      section.logos .carousel-inner{
        height: 25vh;
      }


                  /* ----- DETALLES DE PRODUCTO ----- */
                  section.galeria-detalle{
                    margin: 3rem auto;
                  }
                  section.galeria-detalle .indicators-detail{
                    position: relative;
                    z-index: 999;
                    margin: 0.3rem;
                    display: block;
                  }
                  section.galeria-detalle .carousel-inner{
                    margin-top: .8rem;
                  }
                  section.galeria-detalle .indicators-detail .active img{
                    border: 1px solid #f8d844;
                  }
                  section.galeria-detalle .carousel-indicators [data-bs-target]{
                    width: 100%;
                    height: 100%;
                  }
                  section.galeria-detalle .indicators-detail button img, section.galeria-detalle .carousel-inner{
                    border: 1px solid #e6e6e6;
                  }
                  section.info-detalles .line{
                    margin-bottom: 4rem;
                  }
                  section.info-detalles h3{
                    font-family: 'Epilogue', sans-serif;
                    font-weight: 500;
                    color: #8a8a8a;                  }
                  section.info-detalles .cont-button{
                    display: block;
                    margin: auto;
                    text-align: center;
                  }
                  section.info-detalles .cont-button a{
                    font-family: 'Epilogue', sans-serif;
                    text-transform: uppercase;
                    font-weight: 600;
                    color: black;
                    padding: 1rem 3rem;
                    transition: all .5s ease;
                    background-color: #f8d844;
                  }
                  section.info-detalles table{
                    margin: 3em 0;
                    font-size: .9rem;
                  }
                  section.info-detalles .tg{
                    border-collapse:collapse;
                    border-spacing:0;
                  }
                  section.info-detalles .tg td{
                    border-color:#e4e4e4;
                    border-style:solid;
                    border-width:1px;
                    font-family: 'Epilogue', sans-serif;
                    font-weight: 600;
                    overflow:hidden;
                    padding:1rem 2rem;
                    word-break:normal;

                  }
                  section.info-detalles .tg th{
                    border-color:#e4e4e4;
                    border-style:solid;
                    border-width:1px;
                    font-family: 'Epilogue', sans-serif;
                    font-weight:600;
                    overflow:hidden;
                    padding:1rem 2rem;
                    word-break:normal;
                  }
                  section.info-detalles .tg .tg-0lax{
                    text-align:center;
                    vertical-align:top;
                  }
                  section.info-detalles img{
                    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
                    display: block;
                    margin: auto;
                    margin-bottom: 2rem;
                    max-width: 14rem;
                  }
                  section.info-detalles a{
                    display: block;
                    text-align: center;
                  }
                  section.info-detalles a{
                    font-family: 'Epilogue', sans-serif;
                    font-weight: 600;
                    margin: .5rem auto;
                    color: #353535;
                  }
                  section.info-detalles a.btn-pdf{
                    color: #f8d844;
                  }
                  section.productos-similares h3{
                    font-family: 'Barlow Semi Condensed', sans-serif;
                    color: #353535;
                    text-transform: uppercase;
                    font-weight: 500;
                    margin: 5rem auto 2rem;
                  }

                                          /* ----- NOTICIAS ----- */
                                          section.noticias h2{
                                            font-family: 'Barlow Semi Condensed', sans-serif;
                                            font-weight: 600;
                                            text-transform: uppercase;
                                          }
                                          .linea{
                                            background-color: #dedfdf;
                                            display: block;
                                            width: 100%;
                                            height: 1px;
                                            margin: 1rem auto 1rem -25%;
                                          }
                                          .page-link:hover{
                                            border-radius: 0;
                                            color: #ffffff;
                                            background: #f8d844;
                                          }
                                          .page-item:last-child .page-link{
                                            border-radius: 0;
                                          }
                                          section.noticias .articulo{
                                            margin: 5rem auto;
                                          }
                                          section.noticias .line{
                                            background-color: #dedfdf;
                                            display: block;
                                            width: 100%;
                                            height: 1px;
                                            margin: 1rem auto 0;
                                          }
                                          section.noticias .line-1{
                                            background-color: #dedfdf;
                                            display: block;
                                            width: 8%;
                                            height: .3rem;
                                            margin: 0 0 1rem 0;
                                          }
                                          section.noticias .btn-read{
                                            font-family: 'Epilogue', sans-serif;
                                            font-weight: 200;
                                            color: #333333;
                                            text-decoration: none;
                                            display: block;
                                            margin-top: 5rem;
                                          }
                                          section.noticias .titulo-noticia{
                                            font-family: 'Barlow Semi Condensed', sans-serif;
                                            font-weight: 600;
                                            font-size: 1.3rem;
                                          }
                                          section.noticias p{
                                            padding-right: 25%;
                                          }
                                          section.noticias .btn-read span{
                                            font-family: 'Barlow Semi Condensed', sans-serif;
                                            font-size: 1.2rem;
                                            border: solid 1px #f8d844;
                                            border-radius: 1rem;
                                            padding: 0 0.4rem;
                                          }
                                          .pagination{
                                            margin-bottom: 0;
                                          }
                                          .page-item:first-child .page-link, .page-link{
                                            border-radius: 0;
                                            font-family: 'Epilogue', sans-serif;
                                            font-size: .9rem;
                                            padding: .5rem .5rem 0 .5rem;
                                            color: #989898;
                                          }
                                          .page-link{
                                            border: none;
                                            border-radius: 0;
                                          }
                                          .active>.page-link, .page-link.active{
                                            background-color: transparent;
                                            color: #fad845!important;
                                            border-bottom: 2px solid #fad845;
                                          }
                                          .linea-pag{
                                            margin-top: 0;
                                          }
                                          .load-pagination{
                                            font-family: 'Epilogue', sans-serif;
                                            font-size: .9rem;
                                            color: #989898;
                                          }

            /* ----- INTERIOR NOTICIAS ----- */
            .img-noticia-1{
              margin-bottom: 5rem;
              margin-top: 2rem;
            }
            section.int-noticias img{
              margin: 3rem auto;
            }
            section.int-noticias h2{
              font-family: 'Barlow Semi Condensed', sans-serif;
              text-transform: uppercase;
              color: #353535;
            }
            section.int-noticias h5{
              font-family: 'Epilogue', sans-serif;
              color: #8a8a8a;
              }
            section.int-noticias h3{
              font-family: 'Barlow Semi Condensed', sans-serif;
              color: #353535;
              }
              section.int-noticias p{
                font-family: 'Epilogue', sans-serif;
                color: #333333;
                font-size: .9rem;
              }
              section.int-noticias .frase{
                font-family: 'Barlow Semi Condensed', sans-serif;
                color: #f8d844;
                padding: 0 8rem;
              }
              section.int-noticias .articulo-txt .linea{
                margin: 2rem auto;
                background-color: #f8d844;
              }
              section.int-noticias h3, section.int-noticias p{
                padding-left: 5rem;
              }

                                               /* ----- PRODUCTOS & GALERIAS DE PRODUCTOS ----- */
                                          section.pag-productos{
                                              margin-bottom: 1rem;
                                            }
                                            section.pag-productos h2{
                                              margin: 0;
                                            }
                                            section.fotos-galeria{
                                              margin-bottom: 5rem;
                                            }
                                            .text-gallery-product{
                                              color: #333333!important;
                                              margin-top: 1rem;
                                            }
                                            .fotos-galeria img{
                                              padding: .5rem;
                                            }
                                            .cont-btn-back{
                                              text-align: right;
                                            }
                                            .cont-btn-back a{
                                              background: #f8d844;
                                              padding: .8rem 2rem;
                                              font-family: 'Epilogue', sans-serif!important;
                                              font-weight: 600!important;
                                              font-size: 1.2rem;
                                            }
                                            .btn-close{
                                              border: 1px solid #f8d844;
                                              border-radius: 5rem;
                                              margin: .5rem;
                                            }
                                                                                          /* ----- CONTACTO ----- */
                                                                                          section.form-contact h2{
                                                                                            text-transform: uppercase;
                                                                                          }
                                                                                          section.form-contact form{
                                                                                            margin: 5rem auto;
                                                                                          }
                                                                                          .form-control,.form-select,textarea{
                                                                                            border-radius: 0;
                                                                                          }
                                                                                          .form-control:focus,.form-select:focus,textarea:focus{
                                                                                            border-color: #f8d844;
                                                                                            box-shadow: 0 0 0 0.25rem rgb(248 216 68 / 25%);
                                                                                          }
                                                                                          textarea:focus-visible{
                                                                                            outline-color: #f8d844;
                                                                                          }
                                                                                          textarea{
                                                                                            width: 100%;
                                                                                            display: block;
                                                                                            width: 100%;
                                                                                            padding: 0.375rem 0.75rem;
                                                                                            font-size: 1rem;
                                                                                            font-weight: 400;
                                                                                            line-height: 1.5;
                                                                                            color: #212529;
                                                                                            background-color: #fff;
                                                                                            background-clip: padding-box;
                                                                                            border: 1px solid #ced4da;
                                                                                          }
                                                                                          .btn-contact{
                                                                                            background: #f8d844;
                                                                                            border-radius: 0;
                                                                                            width: 50%;
                                                                                            text-align: left;
                                                                                            font-family: 'Epilogue', sans-serif!important;
                                                                                            font-weight: 600!important;
                                                                                            font-size: 1rem;
                                                                                            transition: all .5s ease;
                                                                                          }
                                                                                          .btn-contact:hover{
                                                                                            background-color: #333333!important;
                                                                                            color: white!important;
                                                                                          }


  .texto-negritas {
    color: #000!important;
    font-weight: 400;
  }


.nosotros-img-1 img {
    max-width: 100%;
    height: auto;
}