@import "https://use.typekit.net/mqj1gfx.css";
@import url("https://fonts.cdnfonts.com/css/codec-cold");
@import url("https://fonts.cdnfonts.com/css/codec-pro");
/* -------------------------------------------------------------------------- */
/*                                 RESPONSIVE                                 */
/* -------------------------------------------------------------------------- */
@media screen and (min-width: 200px) and (max-width: 1024px) {
  body.home .swiper-button-next, body.home .swiper-button-prev {
    top: -150px;
  }
  body .header-botonresponsive {
    display: block !important;
  }
  body .header.sticky .header-menu {
    top: 50px !important;
  }
  body .header-menu {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: auto;
    padding: 2rem 0;
    background-color: #2e3a4a;
    transform: translateX(-100%);
    transition: 0.5s;
  }
  body .header-menu.activo {
    transform: translateX(0);
  }
  body .header-menu nav {
    width: 100%;
  }
  body .header-menu nav ul {
    display: block !important;
    padding-left: 0;
  }
  body .header-menu nav ul li {
    padding: 1rem 0rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  body .header-menu nav ul li:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
  }
  body .main-serviciosyvariedades-content {
    padding: 4rem 1rem !important;
  }
  body .main-nuestrocompromiso-texto {
    max-width: 90vw !important;
  }
  body .main-clientes-list-box {
    padding: 1.5rem 0;
  }
  body .main-categorias-list-box {
    height: 400px !important;
    margin: 3rem auto 3rem auto !important;
  }
  body .main-categorias-list-box-content {
    padding: 4rem 1rem !important;
  }
  body .main-prendas.responsive {
    display: block !important;
  }
  body .main-prendas.desktop {
    display: none;
  }
  body .main-contacto > img, body .main-contactohorarios > img, body .main-servicios > img {
    display: none;
  }
}
/* -------------------------------------------------------------------------- */
/*                                  GENERALES                                 */
/* -------------------------------------------------------------------------- */
body {
  background-color: #fffaf3 !important;
  overflow-x: hidden;
  /* -------------------------------------------------------------------------- */
  /*                                  VARIABLES                                 */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                  GENERALES                                 */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                  PARALLAX                                  */
  /* -------------------------------------------------------------------------- */

  /* -------------------------------------------------------------------------- */
  /*                                   HEADER                                   */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                    MODAL                                   */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                    MAIN                                    */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                   FOOTER                                   */
  /* -------------------------------------------------------------------------- */
}
body.tax-tiposdeproductos .main-contacto-map > img {
  display: none;
}
body.home .main-servicios > img {
  display: none;
}
body.page .main-contacto-map > img {
  display: none;
}
body.page .main-servicios > img:nth-of-type(1) {
  position: absolute;
  left: -50px;
  top: 200px;
  width: auto;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 10;
}
body.page .main-servicios > img:nth-of-type(2) {
  position: absolute;
  right: 250px;
  bottom: -150px;
  z-index: 29;
  width: auto;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}
body.page .main-contacto {
  background: linear-gradient(to right, #2a2b2a, #4b5f4c);
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "wedding-gothic-atf" !important;
}
body h1 strong,
body h2 strong,
body h3 strong,
body h4 strong,
body h5 strong,
body h6 strong {
  font-family: "wedding-gothic-atf" !important;
}
body p,
body span,
body ul li,
body em,
body ul ol {
  font-family: "Codec Pro", sans-serif;
}
body * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body a {
  text-decoration: none;
}
body ul li {
  list-style: none;
}
body h1, body h2, body h3, body h4, body h5, body h6, body ul li, body span, body ol li, body em, body quote, body strong {
  letter-spacing: 0.06rem;
}
body .boton.blanco button {
  background-color: #fff;
  color: #2e3a4a;
}
body .boton.blanco button:hover {
  color: #fff;
  background-color: #771c1c;
}
body .boton button {
  background-color: #771c1c;
  padding: 0.4rem 2rem;
  border-radius: 4rem;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
  border: 0;
  transition: 0.5s;
}
body .boton button:focus, body .boton button:focus-visible, body .boton button:focus-within {
  outline: none;
}
body .boton button:hover {
  background-color: #2e3a4a;
}
body .titulo.primary h1 {
  color: #2e3a4a;
}
body .titulo.primary h1 strong {
  border-bottom: 3px solid #2e3a4a;
}
body .titulo h1 {
  flex-direction: column;
  justify-content: center;
  display: flex;
  color: #fff;
  text-transform: uppercase;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  font-size: clamp(0.6rem, 5vw, 1.2rem);
  line-height: 1.3;
  letter-spacing: 0.3rem;
}
body .titulo h1 strong {
  font-size: clamp(1.5rem, 5vw, 2rem);
  border-bottom: 3px solid #fff;
  font-weight: bold;
  letter-spacing: 0.3rem;
}
body .height {
  height: 200px;
}
body .swiper-button-next, body .swiper-button-prev {
  color: #333;
  height: 100%;
  top: 0;
}
body .parallax {
  position: relative;
  height: 600px;
  background-size: cover;
  background-position: center top;
}
body .swiper-container {
  margin-left: 0;
}
body .opacitynone {
  opacity: 0 !important;
}
body .transform-cell {
  -o-object-fit: contain;
  object-fit: contain;
}
body .project {
  opacity: 0;
  transform: translateY(100px);
  transition: 1.25s;
}
body .project-down {
  opacity: 0;
  transform: translateY(100px);
  transition: 1.25s;
}
body .project-left {
  opacity: 0;
  transform: translateX(-100px);
  transition: 1.25s;
}
body .project-right {
  opacity: 0;
  transform: translateX(100px);
  transition: 1.25s;
}
body .project-zoom {
  opacity: 0;
  transform: scale(0);
  transition: 0.65s;
}
body .project-zoom_dos {
  opacity: 0;
  transform: scale(0);
  transition: 1.5s;
}
body .project-zoom_tres {
  opacity: 0;
  transform: scale(0);
  transition: 2s;
}
body .project-zoom_cuatro {
  opacity: 0;
  transform: scale(0);
  transition: 2.5s;
}
body .project-zoom_cinco {
  opacity: 0;
  transform: scale(0);
  transition: 2.8s;
}
body .project-zoom_seis {
  opacity: 0;
  transform: scale(0);
  transition: 3.1s;
}
body .fade-left {
  opacity: 1;
  transform: translateX(0);
}
body .fade-right {
  opacity: 1;
  transform: translateX(0);
}
body .fade-in {
  opacity: 1;
  transform: translateX(0);
}
body .zoom-in {
  opacity: 1;
  transform: scale(1);
}
body .fade-up {
  opacity: 1;
  transform: translateY(0);
}
body .projectdisplay {
  display: none !important;
}
body .header {
  position: fixed;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 999;
  transition: 0.5s;
}
body .header.sticky {
  background-color: #2e3a4a;
  height: 50px;
}
body .header.sticky .header-logo img {
  height: 30px;
}
body .header.sticky .header-menu nav ul li a {
  font-size: 0.7rem;
}
body .header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
body .header-logo img {
  width: auto;
  height: 55px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.5s;
}
body .header-botonresponsive {
  display: none;
}
body .header-botonresponsive button {
  border: 0;
  background-color: transparent;
}
body .header-botonresponsive button:focus, body .header-botonresponsive button:focus-visible, body .header-botonresponsive button:focus-within {
  outline: none;
}
body .header-menu {
  display: flex;
  align-items: center;
}
body .header-menu nav ul {
  display: flex;
  margin-bottom: 0;
}
body .header-menu nav ul li {
  list-style: none;
}
body .header-menu nav ul li.current_page_item a {
  background-color: #2e3a4a;
  border-radius: 2rem;
}
body .header-menu nav ul li a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-size: 0.8rem;
  padding: 0.5rem 1.5rem;
  transition: 0.5s;
}
body .header-menu nav ul li a:hover {
  background-color: #2e3a4a;
  border-radius: 2rem;
}
body .modaltextil {
  position: fixed;
  z-index: 999;
  top: 100px;
  width: 100%;
  max-width: 95vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff2e2;
  box-shadow: 10px 15px 25px rgba(0, 0, 0, 0.1);
  transform: scale(0);
  transition: 0.5s;
}
body .modaltextil.activo {
  transform: scale(1);
}
body .modaltextil-cerrar {
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 999;
}
body .modaltextil-cerrar button {
  background-color: transparent;
  border: 0;
}
body .modaltextil-cerrar button svg {
  width: 2em;
  height: 2em;
}
body .modaltextil-cerrar button svg path {
  fill: red;
}
body .modaltextil-singleproducto {
  height: 70vh;
}
body .modaltextil-singleproducto-box {
  height: 100%;
  align-items: center;
  display: flex;
}
body .modaltextil-singleproducto-box-feature {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 2rem;
  border-right: 3px solid #2e3a4a;
}
body .modaltextil-singleproducto-box-feature img {
  width: 100%;
  margin: 0 auto;
  height: 350px;
  -o-object-fit: contain;
     object-fit: contain;
}
body .modaltextil-singleproducto-box-info {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 2rem;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
body .modaltextil-singleproducto-box-info h1 {
  font-size: 2rem !important;
}
body .modaltextil-singleproducto-box-info span {
  text-transform: uppercase;
}
body .modaltextil-singleproducto-box-info-descripcion {
  padding-top: 1rem;
}
body .modaltextil-singleproducto-box-info-descripcion p {
  font-size: 0.85rem;
  opacity: 0.8;
}
body .modaltextil-singleproducto .swiper-container,
body .modaltextil-singleproducto .swiper-wrapper {
  height: 100%;
}
body .modaltextil-singleproducto .swiper-slide {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-image: url("../img/bgproductossingle.png");
  background-size: cover;
  background-color: #fff2e2;
  background-blend-mode: multiply;
}
body .modaltextil-singleproducto .swiper-slide .container {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body .main {
  /* -------------------------------------------------------------------------- */
  /*                              BANNER PRINCIPAL                              */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                   PRENDAS                                  */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                 CATEGORIAS                                 */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                           SERVICIOS Y VARIEDADES                           */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                  SERVICIOS                                 */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                             NUESTRO COMPROMISO                             */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                  CLIENTES                                  */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                  CONTACTO                                  */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                    PAGE                                    */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                              CONTACTO HORARIOS                             */
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*                                TAXONOMY PAGE                               */
  /* -------------------------------------------------------------------------- */
}
body .main-bannerprincipal {
  height: calc(100vh - 10px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  position: relative;
}
body .main-bannerprincipal .container {
  position: relative;
  z-index: 2;
}
body .main-bannerprincipal-titulo {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}
body .main-bannerprincipal-titulo h1 {
  padding: 0.5rem 1.2rem;
  font-size: clamp(1rem, 4vw, 2.2rem);
  background-color: rgba(46, 58, 74, 0.9);
  background-blend-mode: multiply;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5rem;
  margin-bottom: 0;
}
body .main-bannerprincipal-boton {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 3;
}
body .main-bannerprincipal-boton .boton button {
  font-size: clamp(0.6rem, 5vw, 1.2rem);
  letter-spacing: 0.2rem;
}
body .main-bannerprincipal .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
body .main-prendas {
  background-color: #2e3a4a;
  padding: 7rem 0 4rem 0;
  position: relative;
  overflow: hidden;
}
body .main-prendas.responsive {
  display: none;
}
body .main-prendas .patternbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 150%;
  height: 150%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-blend-mode: multiply;
  opacity: 0.1;
}
body .main-prendas .container {
  position: relative;
  z-index: 3;
}
body .main-prendas-boton {
  padding: 3rem 0;
  display: flex;
  justify-content: center;
}
body .main-prendas-boton button {
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
}
body .main-prendas-titulo {
  text-align: center;
  margin-bottom: 4rem;
}
body .main-prendas-list {
  padding: 3rem;
  background: #fff;
}
body .main-prendas-list .space {
  width: 3vw;
  margin-right: 100px;
}
body .main-prendas-list-boton {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
body .main-prendas-list-boton button {
  background-color: transparent;
  border: 2px solid #333;
  padding: 0.2rem 1rem;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.15rem;
}
body .main-prendas-list-boton button.camisa {
  transform: translateX(50px);
}
body .main-prendas-list-boton button.uniformeempresariao {
  transform: translateX(50px);
}
body .main-prendas-list .dos .main-prendas-list-box img {
  transform: scale(1.2);
}
body .main-prendas-list-box {
  position: relative;
  cursor: pointer;
}
body .main-prendas-list-box:hover .main-prendas-list-box-atras {
  opacity: 1;
}
body .main-prendas-list-box-alante {
  position: relative;
  z-index: 2;
}
body .main-prendas-list-box-atras {
  position: relative;
}
body .main-prendas-list-box img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 500px;
  transition: 0.5s;
}
body .main-categorias {
  padding: 7rem 0;
  position: relative;
}
body .main-categoriaspage {
  position: relative;
}
body .main-categoriaspage .patternbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-blend-mode: multiply;
  opacity: 1;
}
body .main-categorias .patternbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-blend-mode: multiply;
  opacity: 1;
}
body .main-categorias .container {
  max-width: 900px;
  margin: 0 auto;
}
body .main-categorias-botones {
  text-align: center;
  margin: 3rem 0;
  z-index: 4;
  position: relative;
}
body .main-categorias-botones span {
  font-size: clamp(1rem, 4vw, 1.5rem);
  color: #2e3a4a;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
body .main-categorias-botones button {
  font-weight: 500;
}
body .main-categorias-titulo {
  text-align: center;
}
body .main-categorias-list {
  padding-top: 5rem;
}
body .main-categorias-list-box {
  position: relative;
  margin: 0 auto 0.4rem auto;
  height: 550px;
  align-items: center;
  display: flex;
  width: 100%;
}
body .main-categorias-list-box:nth-of-type(1) .main-categorias-list-box-feature img {
  border-radius: 2rem;
}
body .main-categorias-list-box.page {
  max-width: 300px;
}
body .main-categorias-list-box.page .main-categorias-list-box-content h2 {
  font-size: 1.2rem !important;
  transform: translate(0, -40px);
}
body .main-categorias-list-box.page .main-categorias-list-box-feature {
  transform: translateX(0) translateY(-80px) !important;
  z-index: 10;
}
body .main-categorias-list-box.page .main-categorias-list-box-feature img {
  height: 300px;
}
body .main-categorias-list-box:nth-child(4) .main-categorias-list-box-feature img, body .main-categorias-list-box:nth-child(5) .main-categorias-list-box-feature img {
  height: 400px;
}
body .main-categorias-list-box .row .col-lg-8 {
  position: absolute;
  z-index: -10;
  transform: scale(0);
  transition: all 0.5s;
  top: 0;
}
body .main-categorias-list-box .row .col-lg-4 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.5s;
  top: 40px;
}
body .main-categorias-list-box.activo:nth-of-type(1) .main-categorias-list-box-feature {
  transform: translateX(-5px);
}
body .main-categorias-list-box.activo:nth-of-type(2) .main-categorias-list-box-feature {
  transform: translateX(5px);
}
body .main-categorias-list-box.activo:nth-of-type(3) .main-categorias-list-box-feature {
  transform: translateX(-25px);
}
body .main-categorias-list-box.activo:nth-of-type(4) .main-categorias-list-box-feature {
  transform: translateX(30px);
}
body .main-categorias-list-box.activo:last-of-type .main-categorias-list-box-feature {
  transform: translateX(-60px);
}
body .main-categorias-list-box.activo .col-lg-8 {
  display: block !important;
  transform: scale(1);
  position: relative;
  z-index: 3;
}
body .main-categorias-list-box.activo.derecha .col-lg-4 {
  position: absolute;
  z-index: 4;
  transform: translateX(100%);
}
body .main-categorias-list-box.activo.izquierda .row {
  justify-content: end;
}
body .main-categorias-list-box.activo.izquierda .col-lg-4 {
  position: absolute;
  z-index: 4;
  transform: translateX(-100%);
}
body .main-categorias-list-box-feature {
  display: flex;
}
body .main-categorias-list-box-feature a:hover img {
  transform: scale(1.1);
}
body .main-categorias-list-box-feature img {
  width: 100%;
  width: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.5s;
}
body .main-categorias-list-box-content {
  background-color: #2e3a4a;
  padding: 4rem 2rem;
  height: 380px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 1.5rem;
  z-index: 3;
  position: relative;
  text-align: center;
}
body .main-categorias-list-box-content .boton,
body .main-categorias-list-box-content p,
body .main-categorias-list-box-content h2 {
  z-index: 3;
  position: relative;
}
body .main-categorias-list-box-content button {
  cursor: pointer;
}
body .main-categorias-list-box-content .patternbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  opacity: 0.8;
}
body .main-categorias-list-box-content h2 {
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  font-size: clamp(1rem, 4vw, 1.7rem);
  padding-bottom: 0.5rem;
  display: flex;
  font-weight: 700;
  flex-direction: column;
}
body .main-categorias-list-box-content p {
  max-width: 85%;
  margin: 0 auto;
  font-size: 0.9rem;
  font-weight: 400;
}
body .main-categorias-list-box-content h2,
body .main-categorias-list-box-content p {
  color: #fff;
}
body .main-serviciosyvariedades {
  padding: 4rem 0;
  background-color: #4b5e4c;
  position: relative;
}
body .main-serviciosyvariedades.page {
  background-color: #fff;
}
body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-titulo h1, body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-titulo p, body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-texto h1, body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-texto p {
  color: #2e3a4a;
}
body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-titulo h1 strong, body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-titulo p strong, body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-texto h1 strong, body .main-serviciosyvariedades.page .main-serviciosyvariedades-content-texto p strong {
  border-bottom: 3px solid #2e3a4a;
}
body .main-serviciosyvariedades.page .main-serviciosyvariedades-feature {
  background-color: #771c1c;
}
body .main-serviciosyvariedades.page .fondoserviciosyvariedades {
  display: none;
}
body .main-serviciosyvariedades .fondoserviciosyvariedades {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.1;
  background-attachment: fixed;
}
body .main-serviciosyvariedades-feature {
  z-index: 3;
  position: relative;
}
body .main-serviciosyvariedades-feature img {
  width: 100%;
  height: 750px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
body .main-serviciosyvariedades-content {
  padding: 4rem;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  z-index: 4;
  position: relative;
}
body .main-serviciosyvariedades-content-titulo {
  padding-bottom: 2rem;
}
body .main-serviciosyvariedades-content-titulo h1 {
  color: #fff;
}
body .main-serviciosyvariedades-content-texto {
  color: #fff;
  font-size: clamp(0.85rem, 5vw, 1.1rem);
  letter-spacing: 0.05rem;
}
body .main-servicios {
  padding: 7rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
}
body .main-servicios .container {
  position: relative;
  z-index: 3;
}
body .main-servicios .imgoverlay {
  position: absolute;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body .main-servicios .imgoverlay img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
body .main-servicios-list {
  padding-top: 5rem;
}
body .main-servicios-list-box {
  background-color: #2e3a4a;
  padding: 1rem;
  height: 400px;
  display: flex;
  justify-content: center;
}
body .main-servicios-list-box-titulo {
  padding-top: 2rem;
}
body .main-servicios-list-box-titulo h2 {
  font-size: clamp(0.9rem, 4vw, 1.1rem);
  letter-spacing: 0.3rem;
  color: #fff;
  text-transform: uppercase;
  width: 70%;
  margin: 0 auto;
}
body .main-servicios-list-box-feature {
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 120px;
  height: 120px;
}
body .main-servicios-list-box-feature img {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}
body .main-servicios-list-box .border {
  display: flex;
  justify-items: center;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #fff;
  height: 100%;
  width: 100%;
}
body .main-nuestrocompromiso {
  padding: 7rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-position: center center;
  background-color: rgba(46, 58, 74, 0.5);
  background-blend-mode: multiply;
  text-align: center;
  position: relative;
  transition: 0.5s;
}
body .main-nuestrocompromiso .container {
  position: relative;
  z-index: 3;
}
body .main-nuestrocompromiso-texto {
  color: #fff;
  padding-top: 3rem;
  font-size: 1.1rem;
  max-width: 60vw;
  margin: 0 auto;
}
body .main-nuestrocompromiso-texto p {
  letter-spacing: 0.15rem;
}
body .main-nuestrocompromiso .overlay {
  background-color: rgba(46, 58, 74, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  z-index: 1;
  width: 100%;
  height: 100%;
}
body .main .main-clientes {
  padding: 5rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body .main .main-clientes .container {
  text-align: center;
  display: flex;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}
body .main .main-clientes-titulo h1 {
  font-size: clamp(1.5rem, 5vw, 2rem);
  text-transform: uppercase;
  color: #2e3a4a;
  border-bottom: 5px solid #2e3a4a;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}
body .main .main-clientes-list {
  padding: 4rem 0;
}
body .main .main-clientes-list .col-lg-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .main .main-clientes-list .col-lg-3:nth-of-type(2) .main-clientes-list-box img {
  height: 130px;
}
body .main .main-clientes-list-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .main .main-clientes-list-box img {
  width: 100%;
  height: 65px;
  -o-object-fit: contain;
     object-fit: contain;
}
body .main-contacto {
  padding: 5rem 0;
  background: linear-gradient(to right, #081421, #405e7f);
  text-align: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
}
body .main-contacto.nosotros {
  background: #2e3a4a;
}
body .main-contacto.nosotros > img {
  width: auto;
  position: absolute;
  right: 300px;
  top: 120px;
  height: 75px;
  -o-object-fit: contain;
     object-fit: contain;
}
body .main-contacto .bgoverlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
}
body .main-contacto .bgoverlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.7;
}
body .main-contacto.page {
  padding: 0;
  z-index: 4;
}
body .main-contacto.page .main-contacto-titulo {
  padding: 7rem 0 4rem 0;
}
body .main-contacto.page .main-contacto-direccion h2 {
  font-size: 1.1rem;
  margin-bottom: 0;
}
body .main-contacto .container {
  max-width: 600px;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
body .main-contacto .row {
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 0;
  z-index: 4;
  position: relative;
}
body .main-contacto .row .main-contacto-map {
  margin: 0 !important;
}
body .main-contacto .row .main-contacto-map-titulo h3 {
  color: #fff;
  padding-bottom: 1rem;
  text-transform: uppercase;
}
body .main-contacto .row .main-contacto-map iframe {
  border-radius: 1.5em;
}
body .main-contacto .row .main-contacto-map img {
  right: -50px;
  top: -80px;
}
body .main-contacto .row .main-contacto-whatsapp {
  border-radius: 2rem;
}
body .main-contacto .row .main-contacto-whatsapp h1 {
  font-size: clamp(1.4rem, 4vw, 2.2rem);
}
body .main-contacto-titulo {
  padding-bottom: 2rem;
}
body .main-contacto-whatsapp {
  background-color: #fff;
  padding: 0.25rem 1rem;
  color: #2e3a4a;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}
body .main-contacto-whatsapp a {
  color: #2e3a4a;
}
body .main-contacto-whatsapp ~ img {
  width: 100%;
  height: auto;
  padding-top: 2rem;
  transform: translateX(-60px);
}
body .main-contacto-whatsapp h1 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
body .main-contacto-whatsapp h1 svg {
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.5rem;
}
body .main-contacto-whatsapp h1 svg path {
  fill: #771c1c;
}
body .main-contacto-map {
  margin: 2rem 0;
  position: relative;
}
body .main-contacto-map img {
  position: absolute;
  bottom: -20px;
  right: -100px;
  height: 200px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
body .main-contacto-direccion {
  color: #fff;
}
body .main-contacto-direccion h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
}
body .main-contacto-direccion span {
  font-size: 0.85rem;
  font-family: "Codec Pro", sans-serif !important;
}
body .main-contactohorarios {
  padding: 7rem 0;
  position: relative;
}
body .main-contactohorarios img {
  position: absolute;
  right: -61px;
  top: 31%;
  width: auto;
  height: 256px;
}
body .main-contactohorarios-titulo {
  text-align: center;
}
body .main-contactohorarios-titulo h1 {
  font-weight: bold;
}
body .main-contactohorarios-horas {
  padding: 0.5rem;
  background-color: #2e3a4a;
  margin-top: 4rem;
  max-width: 1024px;
  margin: 4rem auto 0 auto;
  position: relative;
}
body .main-contactohorarios-horas img {
  position: absolute;
  left: -50px;
  top: -50px;
  width: auto;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
body .main-contactohorarios-horas .border {
  padding: 4rem;
  border: 2px solid #fff;
}
body .main-contactohorarios-horas ul li {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px dashed #fff;
}
body .main-contactohorarios-horas ul li strong, body .main-contactohorarios-horas ul li span {
  color: #fff;
}
body .main-contactohorarios-horas ul li strong {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: bold;
}
body .main-contactohorarios-horas ul li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
body .main-productoslist {
  padding: 6rem 0;
  position: relative;
}
body .main-productoslist .patternbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 120%;
  height: 120%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-blend-mode: multiply;
  opacity: 1;
}
body .main-productoslist .container {
  position: relative;
  z-index: 4;
}
body .main-productoslist-titulo {
  padding-bottom: 4rem;
}
body .main-productoslist-titulo h1 strong {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
}
body .main-productoslist-box {
  background-color: #fff2e2;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  height: 400px;
  cursor: pointer;
  transition: 0.5s;
}
body .main-productoslist-box:hover {
  box-shadow: 4px 8px 15px rgba(0, 0, 0, 0.08);
}
body .main-productoslist-box:hover .main-productoslist-box-feature img {
  transform: scale(1.1);
}
body .main-productoslist-box-feature {
  padding-bottom: 1.5rem;
  cursor: pointer;
}
body .main-productoslist-box-feature img {
  width: 100%;
  height: 220px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.5s;
}
body .main-productoslist-box-titulo {
  padding-top: 2rem;
  border-top: 2px solid #2e3a4a;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
body .main-productoslist-box-titulo h4 {
  font-size: clamp(1rem, 4vw, 1.15rem);
}
body .footer {
  padding: 1.5rem 0;
  text-align: center;
  position: relative;
}
body .footer .message {
  position: absolute;
  right: 100px;
  top: -50px;
  cursor: pointer;
  z-index: 999;
  transition: 0.5s;
  border-radius: 1rem;
}
body .footer .message:hover {
  box-shadow: 10px 17px 34px rgba(0, 0, 0, 0.3);
}
body .footer .message .border {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  border: 0 !important;
  align-items: center;
}
body .footer .message .border img {
  width: 75px;
  height: 75px;
  border-radius: 1rem;
}
body .footer span {
  color: #2e3a4a;
  font-size: 0.8rem;
}/*# sourceMappingURL=estilos.css.map */