:root {
  --gris-oficial: #000;
  --white: #fff;
  --transparent: #fff0;
  --semi-blanco: #f1f0ee;
}

body {
  color: #333;
  background-color: #f1f0ee;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

p {
  margin-bottom: 0;
}

.wrapper {
  position: fixed;
  inset: 0%;
}

.header {
  z-index: 4;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.logo-link-header {
  z-index: 3;
  position: static;
  top: 2rem;
  left: 1.4rem;
}

.logo-img {
  width: 9rem;
}

.menu-btn {
  z-index: 6;
  justify-content: space-between;
  align-items: center;
  width: 2rem;
  height: .8rem;
  display: none;
  position: fixed;
  top: 2rem;
  right: 1.4rem;
}

.linea-top-btn {
  border-top: 1px solid var(--gris-oficial);
  width: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: all .2s;
  position: absolute;
  inset: 0 0% auto;
}

.linea-top-btn.on {
  top: .3rem;
  transform: rotate(45deg);
}

.linea-bottom-btn {
  border-top: 1px solid var(--gris-oficial);
  width: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: all .2s;
  position: absolute;
  inset: auto 0% 0;
}

.linea-bottom-btn.on {
  bottom: .4rem;
  transform: rotate(-45deg);
}

.linea-media-btn {
  border-top: 1px solid var(--gris-oficial);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-right: 0;
  transition: all .2s;
}

.linea-media-btn.on {
  width: 0%;
}

.section-home {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100svh;
  display: flex;
}

.cintillo-bottom {
  width: 100%;
  overflow: hidden;
}

.mask-cintillo {
  width: 1000vw;
}

.img-carrousel {
  height: 27rem;
}

.img-carrousel.hide {
  display: none;
}

.vacio-top {
  height: 10vh;
}

.medio-hero {
  z-index: 1;
  background-image: linear-gradient(#0000, #000);
  justify-content: space-between;
  align-items: flex-end;
  padding: 4rem 1.4rem;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.title-hero {
  color: var(--white);
  width: 29rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.2em;
}

.direccion {
  color: var(--gris-oficial);
  width: 50%;
  max-width: 22.87rem;
  font-size: .9rem;
  line-height: 1.3rem;
}

.col-b-hero-medio {
  justify-content: space-between;
  align-items: flex-end;
  width: 54%;
  display: flex;
  position: relative;
  bottom: -.5rem;
}

.datos-contacto {
  color: var(--gris-oficial);
  font-size: .9rem;
  line-height: 1.3rem;
}

.link-normal {
  color: var(--gris-oficial);
}

.linea-hero {
  border-bottom: 1px solid #c9c7c3;
  height: 0;
}

.link-categoria {
  color: var(--gris-oficial);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .8s cubic-bezier(.075, .82, .165, 1);
}

.link-categoria:hover {
  padding-top: 0;
  padding-bottom: 1rem;
}

.slide {
  float: left;
  padding-left: 1.4rem;
}

.slide.hide {
  display: none;
}

.menu-over {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
  top: 2.1rem;
  right: 1.4rem;
}

.menu-over.on {
  right: 0;
}

.link-menu-main {
  color: var(--gris-oficial);
  margin-right: 4rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  position: relative;
}

.socials-menu {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: none;
}

.link-red {
  color: var(--gris-oficial);
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.3em;
  text-decoration: none;
}

.cerrar-btn {
  z-index: 4;
  display: none;
  position: fixed;
  inset: 0%;
}

.pie-de-foto {
  opacity: .5;
  margin-bottom: 1rem;
  font-size: .8rem;
  line-height: 1em;
}

.linea-hover {
  border-bottom: 1px solid var(--gris-oficial);
  opacity: .37;
  color: var(--transparent);
  width: 0%;
  height: 0;
  line-height: 0;
  transition: width .8s cubic-bezier(.075, .82, .165, 1);
  display: inline-block;
  position: absolute;
  top: auto;
  bottom: -.3rem;
  left: 0%;
}

.linea-hover.hover, .linea-hover.on-fijo {
  width: 100%;
}

.header-wrapper {
  z-index: 4;
  background-color: var(--semi-blanco);
  justify-content: space-between;
  align-items: center;
  padding: 2rem 1.4rem;
  display: flex;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.section-about-us {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.col-a-about-us {
  z-index: 3;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  padding-top: 9.2rem;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  display: flex;
}

.title-about-us {
  color: var(--gris-oficial);
  max-width: 27.2rem;
  margin-top: 0;
  margin-bottom: 5rem;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.2em;
}

.col-b-sbout-us {
  background-color: var(--transparent);
  width: 55%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.p-desc-about {
  opacity: .7;
  color: var(--gris-oficial);
  letter-spacing: .01em;
  column-count: 1;
  max-width: 33rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
}

.imagen-sticky {
  z-index: 0;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: all 1.2s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  top: 5.4rem;
  left: 100%;
}

.imagen-sticky.dos {
  width: 80%;
}

.imagen-sticky.menor {
  width: 90%;
  height: auto;
}

.imagen-sticky.cuatro {
  width: 70%;
}

.imagen-sticky.container {
  object-fit: contain;
  padding-top: 2rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.imagen-sticky.on {
  top: 0;
  left: 0%;
}

.bottom-about {
  width: 100%;
  height: 0;
}

.sticky-about {
  width: 100%;
  height: 100vh;
  position: relative;
}

.sticky-about.menor, .sticky-about.tres {
  justify-content: center;
  align-items: center;
}

.video-full {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-products {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.col-a-products {
  z-index: 3;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 26%;
  display: flex;
  position: sticky;
  top: 0;
}

.col-a-products.full {
  width: 100%;
}

.col-b-products {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 74%;
  padding-top: 5rem;
  display: flex;
}

.fila-productos {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.logo-sticky {
  flex-flow: column;
  width: 100%;
  height: 100vh;
  padding-top: 5rem;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  display: flex;
}

.logo-producto {
  width: auto;
  max-width: 10rem;
  max-height: 2.7rem;
  margin-bottom: 10rem;
}

.imagen-producto {
  width: 100%;
  transition: all .5s;
}

.imagen-producto.hover {
  position: relative;
  top: 0;
}

.col-producto {
  width: 33.33%;
  margin-bottom: 3rem;
  padding-left: 1.4rem;
  text-decoration: none;
}

.col-producto.medium {
  width: 66.66%;
}

.col-producto.full {
  width: 100%;
}

.pie-de-foto-producto {
  color: var(--gris-oficial);
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1em;
}

.p-desc-category {
  color: var(--gris-oficial);
  letter-spacing: .01em;
  max-width: 72rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
}

.footer {
  background-color: var(--semi-blanco);
  border-top: 1px solid #5c5e6033;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.4rem;
  display: flex;
}

.nota-footer {
  color: var(--gris-oficial);
  letter-spacing: .01em;
  font-size: .8rem;
  line-height: 1em;
  text-decoration: none;
}

.section-contact {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100svh;
  padding-top: 5.4rem;
  display: flex;
}

.col-b-contact {
  width: 55%;
}

.col-a-contact {
  z-index: 3;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 40%;
  padding-bottom: 1.4rem;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  display: flex;
}

.fila-contact {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.form-interna-contact {
  width: 100%;
  height: 100%;
}

.label {
  opacity: .7;
  color: var(--gris-oficial);
  letter-spacing: .01em;
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1em;
}

.input {
  background-color: var(--transparent);
  color: var(--gris-oficial);
  border: 1px #000;
  border-bottom: 1px solid #5c5e6033;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 3vh;
  padding: .9rem 0 .3rem;
  font-size: .8rem;
  line-height: 1em;
}

.input:focus, .input:focus-visible, .input[data-wf-focus-visible] {
  border-bottom-color: #5c5e607d;
}

.input.textarea {
  height: 10rem;
}

.video-fondo {
  z-index: 0;
  width: 60%;
  height: 70%;
  display: none;
  position: absolute;
  top: 5.4rem;
  right: 0%;
}

.lng-switch {
  padding-right: 1.5rem;
  position: relative;
}

.flecha-lang {
  border-right: 1px solid var(--gris-oficial);
  border-bottom: 1px solid var(--gris-oficial);
  width: .6rem;
  height: .6rem;
  transition: all .2s;
  position: absolute;
  top: 0;
  right: .2rem;
  transform: rotate(45deg);
}

.flecha-lang.on {
  top: .55rem;
  transform: rotate(-135deg);
}

.langs {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  background-color: var(--semi-blanco);
  flex-flow: column;
  padding: .7rem .5rem .5rem;
  display: none;
  position: absolute;
  left: -.5rem;
}

.link-indicador-lang {
  color: var(--gris-oficial);
  font-size: .9rem;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  display: block;
  position: relative;
}

.espacio-lng {
  width: 0;
  height: .6rem;
}

.section-brands {
  padding-top: 5.4rem;
}

.lista-de-marcas {
  z-index: 1;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.col-marca {
  aspect-ratio: 1;
  border-right: 1px solid var(--semi-blanco);
  border-bottom: 1px solid var(--semi-blanco);
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
  position: relative;
}

.col-marca.off {
  opacity: 0;
}

.logo-brand {
  z-index: 1;
  filter: brightness(300%);
  max-width: 14rem;
  max-height: 8rem;
  position: relative;
}

.logo-brand.hover {
  filter: brightness(0%) invert();
  transition: all .2s;
}

.fondo-slider {
  z-index: 1;
  background-color: var(--transparent);
  pointer-events: none;
  width: 30rem;
  height: 20rem;
  position: fixed;
  top: 0;
  left: 0;
}

.btn-hidden {
  display: none;
}

.slide-imagen-brand {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.imagen-fondo-marca {
  max-height: 100%;
}

.slider {
  display: none;
}

.imagen-slide {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.contenedor-imagen-ondo {
  z-index: 0;
  background-color: var(--gris-oficial);
  justify-content: center;
  align-items: center;
  transition: opacity 1s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.img-fondo-marca {
  z-index: 0;
  opacity: .59;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.itulo-cat {
  color: var(--gris-oficial);
  max-width: 27rem;
  margin-top: 0;
  margin-bottom: 10rem;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.2em;
}

.bottom-form {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.mapa-contacto {
  background-color: #fff;
  width: 60%;
  height: 25%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.marker {
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.p-marker {
  color: var(--gris-oficial);
  background-color: #f1f0ee;
  border-radius: .5rem;
  padding: .5rem .5rem .4rem;
  font-size: .8rem;
  line-height: 1em;
}

.marker-svg {
  width: 1.5rem;
  margin-bottom: .6rem;
}

.marker-container {
  height: 0;
  overflow: hidden;
}

.form {
  width: 100%;
  margin-bottom: 8vh;
}

.col-info-contact {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.p-contact-info {
  color: var(--gris-oficial);
  letter-spacing: .01em;
  max-width: 15.7rem;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.5em;
}

.small-title-contact {
  color: var(--gris-oficial);
  max-width: 27rem;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.2em;
}

.link-contacto {
  color: var(--gris-oficial);
  font-size: 1rem;
  text-decoration: none;
}

.vacio-contacto {
  width: 100%;
  height: 0;
}

.minititle-contact {
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
}

.btn-enviar {
  color: var(--gris-oficial);
  margin-top: 2rem;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .8s cubic-bezier(.075, .82, .165, 1);
  display: inline-block;
}

.section-projects {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.contenido-projects {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10rem;
  padding-left: .7rem;
  padding-right: .7rem;
  display: flex;
}

.fila-sub-categoria {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 200vw;
  display: block;
  position: relative;
  left: -400vw;
}

.fila-sub-categoria.red {
  background-color: #e03939;
}

.fila-sub-categoria.green {
  background-color: #4ae296;
}

.fila-sub-categoria.blue {
  background-color: #40bff1;
}

.fila-sub-categoria.orange {
  background-color: #f18e1c;
}

.fila-sub-categoria.purple {
  background-color: #d15cc5;
}

.sub-categoria-thumb {
  float: left;
  justify-content: center;
  align-items: center;
  width: 14.28%;
  padding-left: 1.4rem;
  display: block;
  position: relative;
}

.sub-categoria-thumb.hide {
  display: none;
}

.img-sub-categoria {
  z-index: 0;
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.texto-sub-cat {
  color: #f1f0ee;
  text-align: center;
  background-color: #00000094;
  justify-content: center;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 1.3rem;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0 0 0 1.4rem;
}

.texto-sub-cat:hover {
  background-color: var(--transparent);
}

.col-proyecto {
  width: 100%;
  margin-bottom: 3rem;
  padding-left: .7rem;
  padding-right: .7rem;
  text-decoration: none;
  overflow: hidden;
}

.top-side-cat {
  width: 100%;
}

.shop-comming-soon {
  display: inline-flex;
  position: relative;
}

.text-noti {
  font-size: .8rem;
  line-height: 1em;
  display: none;
  position: absolute;
  top: 1.6rem;
}

.btn-slider {
  width: 4rem;
  font-size: 1rem;
  line-height: 1em;
  display: none;
}

.puntos-slide {
  height: 3rem;
  font-size: .2rem;
  line-height: 1em;
}

.section-categorias {
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.scroll-flex-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100svh;
  min-height: 500px;
  display: flex;
}

.titulo-cat-responsive {
  color: var(--gris-oficial);
  max-width: 27rem;
  margin-top: 0;
  margin-bottom: 10rem;
  font-size: 2.2rem;
  font-weight: 100;
  line-height: 1.2em;
  display: none;
}

.parche-products-resp, .sticky-titulo-cat {
  display: none;
}

.col-intro-project {
  z-index: 3;
  width: 90%;
  padding-left: .7rem;
}

.col-intro-proyecto {
  width: 100%;
  margin-bottom: 3rem;
  padding-left: .7rem;
  padding-right: .7rem;
  text-decoration: none;
  overflow: hidden;
}

.imagen-projecto {
  width: 100%;
  transition: all .5s;
}

.imagen-projecto.hover {
  position: relative;
  top: 0;
}

.col-projecto {
  width: 100%;
  margin-bottom: 3rem;
  padding-left: .7rem;
  padding-right: .7rem;
  text-decoration: none;
  overflow: hidden;
}

.col-projecto.tercio {
  width: 33.33%;
}

.col-projecto.medio {
  width: 50%;
}

.itulo-project {
  color: var(--gris-oficial);
  max-width: 27rem;
  margin-top: 0;
  margin-bottom: 10rem;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.2em;
}

.imagen-projecto-thumb {
  width: 100%;
  transition: all .5s;
  position: relative;
  top: -1rem;
}

.imagen-projecto-thumb.hover {
  position: relative;
  top: 0;
}

.sticky-scroll {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  left: 0;
}

.mask-scroll {
  justify-content: flex-start;
  align-items: center;
  width: 0;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.imagen-right {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 4s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  top: 5.4rem;
  left: -55vw;
}

.imagen-right.on {
  z-index: 1;
  top: 0;
  left: 0;
}

.imagen-right.on.old {
  z-index: 0;
}

.imagen-left {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 4s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  top: 5.4rem;
  left: -100%;
}

.imagen-left.on {
  z-index: 1;
  top: 0;
  left: 0%;
}

.imagen-about {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 1s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
}

.imagen-about.left {
  top: 9rem;
  left: -100%;
}

.imagen-about.left.on {
  top: 0;
  left: 0%;
}

.imagen-about.right {
  top: 9rem;
  right: -100%;
}

.imagen-about.right.on {
  top: 0;
  right: 0%;
}

.slider-home {
  background-color: var(--transparent);
  height: 100%;
}

.btn-hide-slide {
  display: none;
}

.imagen-fondo-home {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-contact {
  object-fit: cover;
  width: 60%;
  height: 75%;
}

.intro-categoria {
  z-index: 3;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 6rem;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  display: flex;
}

.intro-categoria.full {
  width: 100%;
}

.itulo-cat-principal {
  color: var(--gris-oficial);
  max-width: 27rem;
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: 2.5rem;
  font-weight: 100;
  line-height: 1.2em;
}

.p-main-cat {
  opacity: .79;
  color: var(--gris-oficial);
  letter-spacing: .01em;
  max-width: 28.7rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
}

.sub-titulo-main {
  opacity: .73;
  color: var(--gris-oficial);
  letter-spacing: .01em;
  max-width: 28.7rem;
  margin-bottom: 2rem;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.3em;
}

.content-categoria {
  padding-top: 1.1rem;
  padding-left: 3.5rem;
  position: relative;
}

@media screen and (max-width: 479px) {
  .menu-btn {
    display: flex;
    position: relative;
    top: auto;
    right: auto;
  }

  .linea-top-btn.on, .linea-bottom-btn.on, .linea-media-btn.on {
    border-top-color: var(--white);
  }

  .cintillo-bottom {
    padding-bottom: 1.4rem;
  }

  .img-carrousel {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: auto;
    height: auto;
  }

  .title-hero {
    width: auto;
  }

  .slide {
    width: 100%;
    padding-right: 1.4rem;
  }

  .slide.hide-resp {
    display: none;
  }

  .menu-over {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0000001f;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 70vw;
    padding: 1.7rem 1.4rem 2rem;
    transition: all .8s cubic-bezier(.075, .82, .165, 1);
    position: fixed;
    top: 0;
    bottom: 0;
    right: -70vw;
  }

  .link-menu-main {
    color: var(--white);
    font-size: 2rem;
    font-weight: 200;
  }

  .header-wrapper {
    background-color: var(--semi-blanco);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .section-about-us {
    flex-flow: column;
    padding: 7rem 1.4rem 1.4rem;
  }

  .col-a-about-us {
    width: 100%;
    margin-bottom: 3rem;
    padding: 0;
    position: static;
  }

  .title-about-us {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .col-b-sbout-us {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
  }

  .p-desc-about {
    column-count: 1;
  }

  .imagen-sticky {
    aspect-ratio: 1;
    object-fit: cover;
    padding-top: 0;
    position: static;
  }

  .imagen-sticky.container {
    object-fit: cover;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-about {
    height: auto;
  }

  .section-products {
    padding-top: 7rem;
  }

  .col-a-products {
    z-index: 0;
    order: -1;
    width: 100%;
    position: relative;
  }

  .col-b-products {
    width: 100%;
    padding-top: 0;
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .fila-productos {
    flex-flow: column;
  }

  .logo-sticky {
    z-index: 0;
    height: auto;
    padding-top: 0;
    padding-bottom: 2rem;
    padding-left: 1.4rem;
  }

  .col-producto {
    width: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .col-producto.medium {
    width: 100%;
  }

  .p-desc-category {
    margin-top: 2rem;
  }

  .nota-footer {
    font-size: .7rem;
  }

  .section-contact {
    flex-flow: column;
    height: auto;
    padding: 7rem 1.4rem 1.4rem;
  }

  .col-a-contact {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .video-fondo {
    aspect-ratio: 3 / 2;
    width: auto;
    height: auto;
    margin-top: 2rem;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .lng-switch {
    margin-top: 4rem;
  }

  .flecha-lang {
    border-right-color: var(--white);
    border-bottom-color: var(--white);
    top: 0;
  }

  .link-indicador-lang {
    color: var(--white);
    font-size: 1rem;
  }

  .section-brands {
    padding-top: 3.3rem;
  }

  .lista-de-marcas {
    border-top: 1px solid #5c5e6033;
  }

  .col-marca {
    width: 50%;
  }

  .logo-brand {
    max-width: 4.4rem;
  }

  .itulo-cat {
    max-width: none;
    font-size: 2rem;
    display: none;
  }

  .mapa-contacto {
    aspect-ratio: 3 / 2;
    width: 100%;
    height: auto;
    position: static;
  }

  .col-info-contact {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    margin-bottom: 2rem;
  }

  .small-title-contact {
    max-width: none;
    margin-top: 0;
    margin-bottom: 4rem;
    font-size: 2rem;
  }

  .contenido-projects {
    padding-top: 7rem;
  }

  .fila-sub-categoria {
    width: auto;
    display: none;
  }

  .fila-sub-categoria.primera-resp {
    display: block;
    position: static;
  }

  .sub-categoria-thumb {
    width: auto;
    padding-bottom: 4rem;
    padding-right: 1.4rem;
  }

  .sub-categoria-thumb.hide-resp {
    display: none;
  }

  .texto-sub-cat {
    background-color: var(--transparent);
    color: var(--gris-oficial);
    text-align: left;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 2.2rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    font-size: 1rem;
    display: flex;
    inset: 0%;
  }

  .col-proyecto {
    width: 100%;
  }

  .puntos-slide {
    height: 2.1rem;
  }

  .section-categorias {
    height: auto;
    padding-top: 7rem;
  }

  .hamb-btn {
    border-top: 1px solid var(--gris-oficial);
    border-bottom: 1px solid var(--gris-oficial);
    width: 2rem;
    height: 1.4rem;
    padding-bottom: 0;
    padding-right: 2.9rem;
    display: none;
    position: fixed;
    top: 2rem;
    right: 1.4rem;
  }

  .titulo-cat-responsive {
    background-color: var(--semi-blanco);
    order: -1;
    max-width: none;
    margin-bottom: 0;
    padding-bottom: 1.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    font-size: 2rem;
    display: block;
    position: static;
  }

  .parche-products-resp {
    z-index: 1;
    background-color: var(--semi-blanco);
    width: 100%;
    height: 7rem;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: fixed;
    top: 0;
  }

  .sticky-titulo-cat {
    z-index: 1;
    order: -1;
    width: 100%;
    padding-bottom: 3.1rem;
    display: block;
    position: sticky;
    top: 7rem;
  }

  .col-intro-project {
    z-index: 0;
    order: -1;
    width: 100%;
    margin-bottom: 4rem;
    position: relative;
  }

  .col-intro-proyecto, .col-projecto, .col-projecto.tercio, .col-projecto.medio {
    width: 100%;
  }

  .itulo-project {
    max-width: none;
    margin-bottom: 3rem;
    font-size: 3rem;
  }

  .imagen-projecto-thumb {
    top: 0;
  }

  .sticky-scroll {
    height: auto;
    display: block;
  }

  .img-contact {
    width: 100%;
    height: auto;
  }

  .intro-categoria {
    z-index: 0;
    border-bottom: 1px solid #cfcfcf;
    flex-flow: column;
    order: -1;
    width: 100%;
    margin-bottom: 4rem;
    padding-top: 0;
    padding-bottom: 4rem;
    position: relative;
  }

  .itulo-cat-principal {
    max-width: none;
  }

  .p-main-cat {
    margin-top: 2rem;
  }

  .content-categoria {
    padding-top: 0;
    padding-left: 0;
  }
}