.elementor-16 .elementor-element.elementor-element-323735d{--display:flex;--margin-top:-0px;--margin-bottom:-0px;--margin-left:-0px;--margin-right:-0px;--padding-top:-0px;--padding-bottom:-0px;--padding-left:-0px;--padding-right:-0px;}.elementor-16 .elementor-element.elementor-element-323735d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16 .elementor-element.elementor-element-92561e5{width:100%;max-width:100%;margin:-0px -0px calc(var(--kit-widget-spacing, 0px) + -0px) -0px;padding:-0px -0px -0px -0px;z-index:0;}.elementor-16 .elementor-element.elementor-element-92561e5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-92561e5 img{width:100%;}.elementor-16 .elementor-element.elementor-element-36c7e44{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-e98eaab{width:var( --container-widget-width, 101.773% );max-width:101.773%;--container-widget-width:101.773%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-e98eaab.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-eef4862{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--padding-top:-0px;--padding-bottom:-0px;--padding-left:-0px;--padding-right:-0px;}.elementor-16 .elementor-element.elementor-element-eef4862.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-5fba175.elementor-element{--align-self:flex-end;}.elementor-16 .elementor-element.elementor-element-5fba175{text-align:center;}.elementor-16 .elementor-element.elementor-element-5fba175 img{width:100%;max-width:100%;height:8%;}.elementor-16 .elementor-element.elementor-element-ac3c22e img{max-width:100%;height:100%;}.elementor-16 .elementor-element.elementor-element-d53a8d9{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-d53a8d9 img{width:100%;max-width:100%;height:100%;}.elementor-16 .elementor-element.elementor-element-e7216bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-8491d8e{width:var( --container-widget-width, 101.773% );max-width:101.773%;--container-widget-width:101.773%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-8491d8e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-c4c649c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:-0px;--padding-bottom:-0px;--padding-left:-0px;--padding-right:-0px;}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-eef4862{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-323735d{--width:100%;}.elementor-16 .elementor-element.elementor-element-36c7e44{--content-width:100%;}.elementor-16 .elementor-element.elementor-element-eef4862{--content-width:100%;}.elementor-16 .elementor-element.elementor-element-e7216bb{--content-width:100%;}.elementor-16 .elementor-element.elementor-element-c4c649c{--content-width:100%;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-323735d{--margin-top:-0px;--margin-bottom:-0px;--margin-left:-0px;--margin-right:-0px;--padding-top:-0px;--padding-bottom:-0px;--padding-left:-0px;--padding-right:-0px;}.elementor-16 .elementor-element.elementor-element-92561e5 img{width:100%;max-width:100%;}.elementor-16 .elementor-element.elementor-element-eef4862{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-16 .elementor-element.elementor-element-5fba175 img{height:100%;}.elementor-16 .elementor-element.elementor-element-ac3c22e img{width:100%;height:100%;}.elementor-16 .elementor-element.elementor-element-d53a8d9 img{width:100%;}.elementor-16 .elementor-element.elementor-element-c4c649c{--padding-top:-0px;--padding-bottom:-0px;--padding-left:-0px;--padding-right:-0px;}}/* Start custom CSS for html, class: .elementor-element-e98eaab */.banner-marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid #d3c0b2;
  border-bottom: 1px solid #d3c0b2;
  box-sizing: border-box;
  background-color: #F8F8F3;
}

.marquee-content {
  display: inline-flex;
  white-space: nowrap;
  animation: scroll-text 15s linear infinite;
}

.marquee-content span {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #4A2620;
  margin: 0 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Animación continua sin huecos */
@keyframes scroll-text {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5fba175 *//* Contenedor individual de REMERA */
.elementor-element-5fba175 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.elementor-element-5fba175 img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* Efecto zoom */
.elementor-element-5fba175:hover img {
  transform: scale(1.05);
}

/* Overlay con texto */
.elementor-element-5fba175::after {
  content: "Remeras";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(74, 38, 32, 0.55);
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Mostrar texto al hacer hover */
.elementor-element-5fba175:hover::after {
  opacity: 1;
}
/* Contenedor general */
.elementor-widget-image {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.elementor-widget-image a {
  display: block;
  position: relative;
  z-index: 2;
}

/* Imagen con efecto zoom */
.elementor-widget-image img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

.elementor-widget-image:hover img {
  transform: scale(1.05);
}

/* Overlay con texto visible */
.elementor-widget-image a::after {
  content: attr(data-hover);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(74, 38, 32, 0.55);
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 3;           /* ✅ Asegura que el texto esté arriba */
  pointer-events: none; /* ✅ Permite clic */
}

/* Hover visible */
.elementor-widget-image:hover a::after {
  opacity: 1;
}
/* Estilo general para todas las imágenes */
.elementor-widget-image {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.elementor-widget-image a {
  display: block;
  position: relative;
  z-index: 2;
}

.elementor-widget-image img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

.elementor-widget-image:hover img {
  transform: scale(1.05);
}

/* Overlay y texto para cada categoría */
.elementor-element-5fba175 a::after,  /* Remeras */
.elementor-element-ac3c22e a::after,  /* Buzos */
.elementor-element-d53a8d9 a::after { /* Camperas */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(74, 38, 32, 0.55);
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 3;
  pointer-events: none;
  content: "";
}

/* Texto individual */
.elementor-element-5fba175 a::after {
  content: "Remeras";
}

.elementor-element-ac3c22e a::after {
  content: "Buzos";
}

.elementor-element-d53a8d9 a::after {
  content: "Camperas";
}

/* Mostrar al pasar el mouse */
.elementor-widget-image:hover a::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ac3c22e *//* Contenedor individual de BUZOS */
.elementor-element-ac3c22e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.elementor-element-ac3c22e img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* Efecto zoom */
.elementor-element-ac3c22e:hover img {
  transform: scale(1.05);
}

/* Overlay con texto */
.elementor-element-ac3c22e::after {
  content: "Buzos";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(74, 38, 32, 0.55);
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Mostrar texto al hacer hover */
.elementor-element-ac3c22e:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d53a8d9 *//* Contenedor individual de CAMPERAS */
.elementor-element-d53a8d9 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.elementor-element-d53a8d9 img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* Efecto zoom */
.elementor-element-d53a8d9:hover img {
  transform: scale(1.05);
}

/* Overlay con texto */
.elementor-element-d53a8d9::after {
  content: "Camperas";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(74, 38, 32, 0.55);
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Mostrar texto al hacer hover */
.elementor-element-d53a8d9:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eef4862 *//* Contenedor general */
.categorias-container {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.categorias-container .elementor-widget-image {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Imagen base */
.categorias-container .elementor-widget-image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* Efecto zoom suave */
.categorias-container .elementor-widget-image:hover img {
  transform: scale(1.05);
}

/* Overlay hover */
.categorias-container .elementor-widget-image::after {
  content: attr(data-title); /* Toma el texto del atributo data-title */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8491d8e */.banner-marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid #d3c0b2;
  border-bottom: 1px solid #d3c0b2;
  box-sizing: border-box;
  background-color: #F8F8F3;
}

.marquee-content {
  display: inline-flex;
  white-space: nowrap;
  animation: scroll-text 15s linear infinite;
}

.marquee-content span {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #4A2620;
  margin: 0 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Animación continua sin huecos */
@keyframes scroll-text {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ced5126 */.elementor-widget-html .video-hero .overlay a.btn-lookbook {
  position: absolute !important;
  bottom: 22vh !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color: #e6dfd8 !important;
  color: #4a2620 !important;
  padding: 14px 28px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  z-index: 999999 !important;
  display: inline-block !important;
}
.btn-lookbook {
  background-color: #4A2620 !important;
  color: #fff !important;
}
/* Mostrar solo video desktop */
.video-desktop { display: block; }
.video-mobile { display: none; }/* End custom CSS */