/** Shopify CDN: Minification failed

Line 44:15 Expected identifier but found whitespace
Line 44:17 Unexpected "{"
Line 44:26 Expected ":"
Line 231:0 All "@import" rules must come first
Line 582:0 All "@import" rules must come first
Line 600:0 All "@import" rules must come first
Line 624:0 All "@import" rules must come first
Line 649:0 All "@import" rules must come first
Line 663:0 All "@import" rules must come first
Line 690:6 Expected identifier but found whitespace
... and 6 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:marcas_externas (INDEX:40) */
.small-banners-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); /* ← Más pequeños */
  gap: 20px; /* ← Espacio fijo más grande (puedes cambiar a 18px o 22px) */
  max-width: 100%;
}

.small-banner {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
}

.small-banner__link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.small-banner__image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: {{ section.settings.aspect_ratio }};
  overflow: hidden;
  background-color: #f5f5f5;
}

.small-banner__image,
.small-banner__placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.small-banner:hover .small-banner__image {
  transform: scale(1.06);
}

.small-banner__overlay {
  position: absolute;
  inset: 0;
  background: #000;
  z-index: 1;
}

.small-banner__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  color: #fff;
}

.small-banner__heading {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.small-banner__subheading {
  font-size: 0.75rem;
  margin: 0 0 8px;
  opacity: 0.95;
}

.small-banner__button {
  display: inline-block;
  padding: 5px 14px;
  border: 1.5px solid #fff;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 2px;
}

/* ==================== RESPONSIVE (MÓVIL SIN CAMBIOS) ==================== */
@media (max-width: 992px) {
  .small-banners-grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
}

@media (max-width: 768px) {
  .small-banners-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .small-banner {
    max-width: 100%;
  }

  .small-banner__heading {
    font-size: 0.8rem;
  }

  .small-banner__subheading {
    font-size: 0.7rem;
    margin-bottom: 6px;
  }

  .small-banner__button {
    font-size: 0.65rem;
    padding: 4px 10px;
  }
}

@media (max-width: 480px) {
  .small-banners-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* END_SECTION:marcas_externas */

/* START_SECTION:propuesta-categorias-marcas (INDEX:58) */
.propuesta-cats-marcas {
  padding: clamp(40px, 5vw, 72px) 0 clamp(32px, 4vw, 56px);
  background: #fff;
  max-width: 1440px;
  margin: 0 auto;
}
.propuesta-cats-marcas__title {
  margin: 0 0 18px;
  padding: 0 clamp(20px, 3vw, 40px);
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 44px);
  letter-spacing: -.02em;
  color: #111;
}
.propuesta-cats-marcas__tabs {
  display: flex;
  gap: 20px;
  padding: 0 clamp(20px, 3vw, 40px) 14px;
  overflow-x: auto;
}
.propuesta-cats-marcas__tab {
  cursor: pointer;
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .04em;
  color: #111;
  background: none;
  border: 0;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.propuesta-cats-marcas__tab.is-active {
  border-bottom-color: #111;
}
.propuesta-cats-marcas__panel { display: none; }
.propuesta-cats-marcas__panel.is-active { display: block; }
.propuesta-cats-marcas__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 6px;
  padding: 0 6px;
}
.propuesta-cats-marcas__item { display: block; text-decoration: none; }
.propuesta-cats-marcas__img {
  position: relative;
  aspect-ratio: 3/4;
  background: #efefef;
  overflow: hidden;
}
.propuesta-cats-marcas__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .3s ease;
}
.propuesta-cats-marcas__item:hover .propuesta-cats-marcas__img img {
  transform: scale(1.04);
}
.propuesta-cats-marcas__label {
  margin: 0;
  padding: 16px 0 0;
  text-align: center;
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  color: #111;
}
/* END_SECTION:propuesta-categorias-marcas */

/* START_SECTION:propuesta-categorias (INDEX:59) */
.propuesta-cats { padding: 32px 24px 40px; max-width: 1440px; margin: 0 auto; }
.propuesta-cats__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 20px; }
.propuesta-cats__item { display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; }
.propuesta-cats__circle { display: block; width: 100%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: #eee; }
.propuesta-cats__circle img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.propuesta-cats__item:hover .propuesta-cats__circle img { transform: scale(1.06); }
.propuesta-cats__label { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #111; }
@media (max-width: 749px) { .propuesta-cats__grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } }
/* END_SECTION:propuesta-categorias */

/* START_SECTION:propuesta-hero-home (INDEX:60) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800&family=Barlow:wght@400;500;600&display=swap');

.propuesta-hero-home {
  position: relative;
  width: 100%;
  height: clamp(420px, 40vw, 620px);
  background: #1a1416;
  overflow: hidden;
}
.propuesta-hero-home__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.propuesta-hero-home__bg--mobile { display: none; }
.propuesta-hero-home__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,0) 75%);
  pointer-events: none;
}
.propuesta-hero-home__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  padding: 0 clamp(24px, 5%, 72px);
}
.propuesta-hero-home__title {
  margin: 0;
  font-family: 'Archivo', sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: clamp(30px, 4.4vw, 62px);
  line-height: .95;
  letter-spacing: -.01em;
  text-transform: uppercase;
  max-width: 60%;
}
.propuesta-hero-home__subtitle {
  margin: 0;
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: clamp(13px, 1.3vw, 19px);
  letter-spacing: .2em;
  text-transform: uppercase;
  opacity: .9;
}
.propuesta-hero-home__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}
.propuesta-hero-home__btn {
  background: #fff;
  color: #111;
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 15px 24px;
  text-align: center;
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}
.propuesta-hero-home__btn:hover {
  background: #111;
  color: #fff;
}

@media (max-width: 749px) {
  .propuesta-hero-home { height: 540px; }
  .propuesta-hero-home__bg--desktop { display: none; }
  .propuesta-hero-home__bg--mobile { display: block; }
  .propuesta-hero-home__content {
    justify-content: flex-end;
    gap: 12px;
    padding: 0 20px 32px;
  }
  .propuesta-hero-home__title { font-size: 38px; max-width: 260px; }
  .propuesta-hero-home__subtitle { font-size: 13px; }
  .propuesta-hero-home__btn { font-size: 10px; padding: 9px 13px; }
}
/* END_SECTION:propuesta-hero-home */

/* START_SECTION:propuesta-mosaic (INDEX:61) */
.propuesta-mosaic { padding: 0 24px 48px; max-width: 1440px; margin: 0 auto; }

/* Desktop / tablet: collage con cortes diagonales */
.propuesta-mosaic__box { position: relative; width: 100%; height: 560px; overflow: hidden; background: #111; }
.propuesta-mosaic__item { position: absolute; inset: 0; display: block; text-decoration: none; }
.propuesta-mosaic__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.propuesta-mosaic__item--1 { clip-path: polygon(0 0, 60% 0, 38% 100%, 0 100%); }
.propuesta-mosaic__item--2 { clip-path: polygon(60% 0, 100% 0, 100% 56%, 48% 56%); }
.propuesta-mosaic__item--3 { clip-path: polygon(48% 56%, 100% 56%, 100% 100%, 38% 100%); }
.propuesta-mosaic__title { position: absolute; color: #fff; font-size: 26px; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.propuesta-mosaic__item--1 .propuesta-mosaic__title { left: 6%; bottom: 8%; }
.propuesta-mosaic__item--2 .propuesta-mosaic__title { right: 6%; top: 10%; font-size: 22px; }
.propuesta-mosaic__item--3 .propuesta-mosaic__title { left: 55%; bottom: 8%; font-size: 22px; }

/* Movil: tarjetas apiladas simples, sin cortes diagonales */
@media (max-width: 749px) {
  .propuesta-mosaic { padding: 0 16px 32px; }
  .propuesta-mosaic__box {
    position: static;
    height: auto;
    overflow: visible;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .propuesta-mosaic__item {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    clip-path: none;
    overflow: hidden;
    border-radius: 8px;
  }
  .propuesta-mosaic__item .propuesta-mosaic__title,
  .propuesta-mosaic__item--1 .propuesta-mosaic__title,
  .propuesta-mosaic__item--2 .propuesta-mosaic__title,
  .propuesta-mosaic__item--3 .propuesta-mosaic__title {
    left: 5%;
    right: auto;
    top: auto;
    bottom: 6%;
    font-size: 20px;
  }
}
/* END_SECTION:propuesta-mosaic */

/* START_SECTION:propuesta-mosaico-marcas2 (INDEX:62) */
.propuesta-mosaico2 {
  padding: clamp(32px, 4vw, 56px) 6px clamp(40px, 5vw, 72px);
  background: #fff;
  max-width: 1440px;
  margin: 0 auto;
}
.propuesta-mosaico2__title {
  margin: 0 0 26px;
  padding: 0 clamp(14px, 2.4vw, 34px);
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 44px);
  letter-spacing: -.02em;
  color: #111;
}
.propuesta-mosaico2__box {
  position: relative;
  width: 100%;
  height: clamp(300px, 38vw, 560px);
  background: #111;
  overflow: hidden;
}
.propuesta-mosaico2__item {
  position: absolute;
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.propuesta-mosaico2__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.propuesta-mosaico2__gradient { position: absolute; inset: 0; pointer-events: none; }
.propuesta-mosaico2__label {
  position: absolute;
  margin: 0;
  font-family: 'Archivo', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.01em;
  color: #fff;
}

/* Item 1: Puma - trapecio izquierdo grande */
.propuesta-mosaico2__item--1 {
  left: 0; top: 0; width: 58%; height: 100%;
  clip-path: polygon(0 0, 100% 0, 72.4% 100%, 0 100%);
}
.propuesta-mosaico2__item--1 .propuesta-mosaico2__gradient {
  background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.66) 100%);
}
.propuesta-mosaico2__item--1 .propuesta-mosaico2__label {
  left: 0; bottom: 0; padding: clamp(16px, 2.2vw, 34px);
  font-size: clamp(26px, 3.4vw, 52px);
}

/* Item 2: New Era - paralelogramo centro-superior */
.propuesta-mosaico2__item--2 {
  left: 42%; top: 0; width: 58%; height: 62%;
  clip-path: polygon(27.6% 0, 100% 0, 100% 77.4%, 11% 96.8%);
}
.propuesta-mosaico2__item--2 .propuesta-mosaico2__gradient {
  background: linear-gradient(200deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.08) 60%);
}
.propuesta-mosaico2__item--2 .propuesta-mosaico2__label {
  right: clamp(16px, 2.2vw, 34px); top: clamp(20px, 3vw, 42px);
  text-align: right; max-width: 44%;
  font-size: clamp(18px, 2.4vw, 38px);
}

/* Item 3: L'occitane - paralelogramo inferior derecho */
.propuesta-mosaico2__item--3 {
  left: 42%; top: 48%; width: 58%; height: 52%;
  clip-path: polygon(11% 23.1%, 100% 0, 100% 100%, 0 100%);
}
.propuesta-mosaico2__item--3 .propuesta-mosaico2__gradient {
  background: rgba(22,28,20,.34);
}
.propuesta-mosaico2__item--3 .propuesta-mosaico2__label {
  left: 24%; right: 6%; bottom: clamp(14px, 1.6vw, 24px);
  text-align: center; letter-spacing: .02em;
  font-size: clamp(13px, 1.8vw, 30px);
}

@media (max-width: 749px) {
  .propuesta-mosaico2 { padding: 0 16px 32px; }
  .propuesta-mosaico2__title { padding: 0 4px; }
  .propuesta-mosaico2__box {
    position: static; height: auto; overflow: visible; background: transparent;
    display: flex; flex-direction: column; gap: 10px;
  }
  .propuesta-mosaico2__item {
    position: relative; inset: auto; left: auto !important; top: auto !important;
    width: 100% !important; height: auto !important; aspect-ratio: 4/3;
    clip-path: none !important; border-radius: 8px;
  }
  .propuesta-mosaico2__item--1 { aspect-ratio: 16/10; }
  .propuesta-mosaico2__item--1 .propuesta-mosaico2__label,
  .propuesta-mosaico2__item--2 .propuesta-mosaico2__label,
  .propuesta-mosaico2__item--3 .propuesta-mosaico2__label {
    left: 5% !important; right: auto !important; top: auto !important;
    bottom: 6% !important; text-align: left !important; max-width: none !important;
    font-size: 22px !important;
  }
}
/* END_SECTION:propuesta-mosaico-marcas2 */

/* START_SECTION:propuesta-ofertas-carrusel (INDEX:63) */
.propuesta-ofertas2 {
  padding: clamp(36px, 4vw, 64px) 0 clamp(48px, 5vw, 80px);
  background: #f7f7f7;
}
.propuesta-ofertas2__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 0 clamp(20px, 3vw, 40px);
  margin: 0 auto 24px;
  max-width: 1440px;
}
.propuesta-ofertas2__title {
  margin: 0;
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 44px);
  letter-spacing: -.02em;
  color: #111;
}
.propuesta-ofertas2__subtitle {
  margin: 6px 0 0;
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  color: #6a6a6a;
}
.propuesta-ofertas2__arrows { display: flex; gap: 8px; flex: 0 0 auto; }
.propuesta-ofertas2__arrow {
  width: 44px; height: 44px;
  border: 1px solid #cfcfcf; background: #fff; color: #111;
  font-size: 18px; cursor: pointer;
}
.propuesta-ofertas2__arrow:hover { background: #111; color: #fff; border-color: #111; }
.propuesta-ofertas2__track {
  display: flex; gap: 14px; overflow-x: auto; scroll-behavior: smooth;
  scrollbar-width: none; padding: 4px clamp(20px, 3vw, 40px) 8px;
  scroll-snap-type: x mandatory; max-width: 1440px; margin: 0 auto;
}
.propuesta-ofertas2__track::-webkit-scrollbar { display: none; }
.propuesta-ofertas2__item {
  flex: 0 0 clamp(210px, 22%, 280px);
  scroll-snap-align: start;
}
/* END_SECTION:propuesta-ofertas-carrusel */

/* START_SECTION:propuesta-ribbon-envios (INDEX:64) */
.propuesta-ribbon-envios {
  width: 100%;
  background: #111;
  overflow: hidden;
  padding: 14px 0;
}
.propuesta-ribbon-envios__track {
  display: flex;
  width: max-content;
  animation: propuesta-ribbon-envios-scroll 18s linear infinite;
}
.propuesta-ribbon-envios__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.propuesta-ribbon-envios__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 28px;
  flex: 0 0 auto;
}
.propuesta-ribbon-envios__item span {
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.propuesta-ribbon-envios__logo {
  height: 18px;
  width: auto;
  display: block;
}
@keyframes propuesta-ribbon-envios-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (max-width: 749px) {
  .propuesta-ribbon-envios { padding: 10px 0; }
  .propuesta-ribbon-envios__item { padding: 0 16px; }
  .propuesta-ribbon-envios__item span { font-size: 11px; }
  .propuesta-ribbon-envios__logo { height: 14px; }
}
/* END_SECTION:propuesta-ribbon-envios */

/* START_SECTION:propuesta-septiembre-categorias (INDEX:65) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=Barlow&display=swap');
.sept-cats { padding: clamp(40px, 5vw, 72px) 0 clamp(32px, 4vw, 56px); background: #fff; max-width: 1440px; margin: 0 auto; }
.sept-cats__title { margin: 0 0 18px; padding: 0 clamp(20px, 3vw, 40px); font-family: 'Archivo', sans-serif; font-weight: 600; font-size: clamp(26px, 3.2vw, 44px); letter-spacing: -.02em; color: #111; }
.sept-cats__tabs { display: flex; gap: 20px; padding: 0 clamp(20px, 3vw, 40px) 14px; }
.sept-cats__tab { cursor: pointer; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .04em; color: #111; padding-bottom: 6px; border-bottom: 2px solid transparent; }
.sept-cats__tab.is-active { border-bottom-color: #111; }
.sept-cats__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 6px; padding: 0 6px; }
.sept-cats__item { display: block; text-decoration: none; }
.sept-cats__img { position: relative; aspect-ratio: 3 / 4; background: #efefef; overflow: hidden; }
.sept-cats__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.sept-cats__item:hover .sept-cats__img img { transform: scale(1.06); }
.sept-cats__label { margin: 0; padding: 16px 0 0; text-align: center; font-family: 'Barlow', sans-serif; font-size: 15px; color: #111; }
@media (max-width: 749px) {
  .sept-cats__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}
/* END_SECTION:propuesta-septiembre-categorias */

/* START_SECTION:propuesta-septiembre-hero (INDEX:66) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800&family=Barlow:wght@400;500;600&display=swap');
.sept-hero { position: relative; width: 100%; height: clamp(420px, 40vw, 620px); background: #1a1416; overflow: hidden; }
.sept-hero__media { position: absolute; inset: 0; }
.sept-hero__media--mobile { display: none; }
.sept-hero__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sept-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,0) 75%); pointer-events: none; }
.sept-hero__content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 18px; padding: 0 clamp(24px,5%,72px); }
.sept-hero__title { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 800; color: #fff; font-size: clamp(30px,4.4vw,62px); line-height: .95; letter-spacing: -.01em; text-transform: uppercase; max-width: 60%; }
.sept-hero__subtitle { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; color: #fff; font-size: clamp(13px,1.3vw,19px); letter-spacing: .2em; text-transform: uppercase; opacity: .9; }
.sept-hero__buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.sept-hero__btn { background: #fff; color: #111; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; padding: 15px 24px; text-align: center; text-decoration: none; transition: background .2s ease, color .2s ease; }
.sept-hero__btn:hover { background: #111; color: #fff; }
@media (max-width: 749px) {
  .sept-hero { height: 540px; }
  .sept-hero__media--desktop { display: none; }
  .sept-hero__media--mobile { display: block; }
  .sept-hero__content { justify-content: flex-end; padding: 0 20px 32px; gap: 12px; }
  .sept-hero__title { font-size: 38px; max-width: 260px; }
  .sept-hero__subtitle { font-size: 13px; }
  .sept-hero__btn { font-size: 10px; padding: 9px 13px; }
}
/* END_SECTION:propuesta-septiembre-hero */

/* START_SECTION:propuesta-septiembre-mosaico (INDEX:67) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@800&display=swap');
.sept-mosaic { padding: clamp(32px, 4vw, 56px) 6px clamp(40px, 5vw, 72px); max-width: 1440px; margin: 0 auto; background: #fff; }
.sept-mosaic__title { margin: 0 0 26px; padding: 0 clamp(14px, 2.4vw, 34px); font-family: 'Archivo', sans-serif; font-weight: 600; font-size: clamp(26px, 3.2vw, 44px); letter-spacing: -.02em; color: #111; }
.sept-mosaic__box { position: relative; width: 100%; height: clamp(300px, 38vw, 560px); background: #111; overflow: hidden; }
.sept-mosaic__item { position: absolute; display: block; text-decoration: none; overflow: hidden; }
.sept-mosaic__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sept-mosaic__overlay { position: absolute; inset: 0; pointer-events: none; }
.sept-mosaic__label { position: absolute; margin: 0; font-family: 'Archivo', sans-serif; font-weight: 800; text-transform: uppercase; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.4); }
.sept-mosaic__item--1 { left: 0; top: 0; width: 58%; height: 100%; clip-path: polygon(0 0, 100% 0, 72.4% 100%, 0 100%); }
.sept-mosaic__item--1 .sept-mosaic__overlay { background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.66) 100%); }
.sept-mosaic__item--1 .sept-mosaic__label { left: 0; bottom: 0; padding: clamp(16px, 2.2vw, 34px); font-size: clamp(26px, 3.4vw, 52px); }
.sept-mosaic__item--2 { left: 42%; top: 0; width: 58%; height: 62%; clip-path: polygon(27.6% 0, 100% 0, 100% 77.4%, 11% 96.8%); }
.sept-mosaic__item--2 .sept-mosaic__overlay { background: linear-gradient(200deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.08) 60%); }
.sept-mosaic__item--2 .sept-mosaic__label { right: clamp(16px, 2.2vw, 34px); top: clamp(20px, 3vw, 42px); text-align: right; font-size: clamp(18px, 2.4vw, 38px); }
.sept-mosaic__item--3 { left: 42%; top: 48%; width: 58%; height: 52%; clip-path: polygon(11% 23.1%, 100% 0, 100% 100%, 0 100%); }
.sept-mosaic__item--3 .sept-mosaic__overlay { background: rgba(22,28,20,.34); }
.sept-mosaic__item--3 .sept-mosaic__label { left: 24%; right: 6%; bottom: clamp(14px, 1.6vw, 24px); text-align: center; font-size: clamp(13px, 1.8vw, 30px); }
@media (max-width: 749px) {
  .sept-mosaic__box { position: static; height: auto; overflow: visible; background: transparent; display: flex; flex-direction: column; gap: 10px; }
  .sept-mosaic__item { position: relative; width: 100%; aspect-ratio: 4 / 3; clip-path: none; border-radius: 8px; }
  .sept-mosaic__item--1 .sept-mosaic__label, .sept-mosaic__item--2 .sept-mosaic__label, .sept-mosaic__item--3 .sept-mosaic__label { left: 5%; right: auto; top: auto; bottom: 6%; font-size: 20px; text-align: left; }
}
/* END_SECTION:propuesta-septiembre-mosaico */

/* START_SECTION:propuesta-septiembre-ofertas (INDEX:68) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=Barlow&display=swap');
.sept-offers { padding: clamp(36px, 4vw, 64px) 0 clamp(48px, 5vw, 80px); background: #f7f7f7; }
.sept-offers__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 0 clamp(20px, 3vw, 40px); margin-bottom: 24px; }
.sept-offers__title { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: clamp(26px, 3.2vw, 44px); letter-spacing: -.02em; color: #111; }
.sept-offers__subtitle { margin: 6px 0 0; font-family: 'Barlow', sans-serif; font-size: 15px; color: #6a6a6a; }
.sept-offers__nav { display: flex; gap: 8px; flex: 0 0 auto; }
.sept-offers__arrow { width: 44px; height: 44px; border: 1px solid #cfcfcf; background: #fff; color: #111; font-size: 16px; cursor: pointer; transition: background .2s ease, color .2s ease; }
.sept-offers__arrow:hover { background: #111; color: #fff; border-color: #111; }
.sept-offers__track { display: flex; gap: 14px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: 4px clamp(20px, 3vw, 40px) 8px; scroll-snap-type: x mandatory; }
.sept-offers__track::-webkit-scrollbar { display: none; }
.sept-offers__card { flex: 0 0 clamp(210px, 22%, 280px); scroll-snap-align: start; }
/* END_SECTION:propuesta-septiembre-ofertas */

/* START_SECTION:propuesta-septiembre-ribbon (INDEX:69) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600&display=swap');
.sept-ribbon { width: 100%; background: #111; overflow: hidden; padding: 14px 0; }
.sept-ribbon__track { display: flex; align-items: center; width: max-content; animation: sept-ribbon-scroll 18s linear infinite; }
.sept-ribbon__item { display: flex; align-items: center; gap: 8px; padding: 0 28px; flex: 0 0 auto; }
.sept-ribbon__text { font-family: 'Archivo', sans-serif; font-weight: 600; color: #fff; font-size: 14px; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.sept-ribbon__logo { height: 18px; width: auto; display: block; }
@keyframes sept-ribbon-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 749px) {
  .sept-ribbon { padding: 10px 0; }
  .sept-ribbon__text { font-size: 11px; }
  .sept-ribbon__logo { height: 14px; }
}
/* END_SECTION:propuesta-septiembre-ribbon */

/* START_SECTION:propuesta-trust (INDEX:70) */
.propuesta-trust { background: #111111; overflow: hidden; padding: 10px 0; }
.propuesta-trust__track { display: flex; width: max-content; animation: propuesta-trust-scroll 22s linear infinite; }
.propuesta-trust__group { display: flex; align-items: center; flex-shrink: 0; padding-right: 40px; }
.propuesta-trust__item { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; padding: 0 16px; }
.propuesta-trust__dot { color: #666; font-size: 6px; }
@keyframes propuesta-trust-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* END_SECTION:propuesta-trust */

/* START_SECTION:three-banners-row (INDEX:106) */
.three-banners-row__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: {{ section.settings.gap }}px;
  max-width: 100%;
}

.three-banners-row__item {
  position: relative;
  overflow: hidden;
}

.three-banners-row__link {
  display: block;
  text-decoration: none;
}

.three-banners-row__image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: {{ section.settings.aspect_ratio }};
  overflow: hidden;
}

.three-banners-row__image,
.three-banners-row__placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

/* Ocultar imagen móvil en escritorio */
.mobile-image {
  display: none;
}

/* Mostrar imagen móvil en pantallas pequeñas */
@media (max-width: 768px) {
  .desktop-image {
    display: none;
  }
  .mobile-image {
    display: block;
  }
}

.three-banners-row__item:hover .three-banners-row__image {
  transform: scale(1.04);
}

.three-banners-row__overlay {
  position: absolute;
  inset: 0;
  background: #000;
}

.three-banners-row__text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px;
  color: #fff;
}

.three-banners-row__heading {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.three-banners-row__subheading {
  font-size: 0.9rem;
  margin: 0 0 12px;
}

.three-banners-row__button {
  display: inline-block;
  padding: 8px 20px;
  border: 2px solid #fff;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 175px;
  align-self: flex-start;
  margin-left: 15px;
  transition: background-color 0.3s ease;
}

.three-banners-row__button:hover {
  background-color: rgba(255, 255, 255, 0.18);
}

/* ==================== RESPONSIVE (MÓVIL) ==================== */
@media (max-width: 768px) {
  .three-banners-row__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .three-banners-row__image-wrapper {
    aspect-ratio: 16/9;
    max-height: 220px;
  }

  .three-banners-row__text {
    padding: 12px;
  }

  .three-banners-row__heading {
    font-size: 1.1rem;
    margin-bottom: 4px;
  }

  .three-banners-row__subheading {
    font-size: 0.85rem;
    margin-bottom: 8px;
  }

  .three-banners-row__button {
    font-size: 0.75rem;
    padding: 6px 16px;
    margin-top: auto;
    transition: background-color 0.3s ease;
  }

  .three-banners-row__button:hover {
    background-color: rgba(255, 255, 255, 0.18);
  }
}
/* END_SECTION:three-banners-row */