/* Approved home collection-card layout: wide cards with complete images. */
/* Desktop amplio: mantiene la composición validada sin desbordamientos. */
@media (min-width: 1440px) {
  html, body { min-width: 0 !important; overflow-x: hidden !important; }

  #inicio .home-collections {
    grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) 38px minmax(0, 1fr) !important;
    padding-left: clamp(48px, 4.2vw, 80px) !important;
    padding-right: clamp(48px, 4.2vw, 80px) !important;
  }

  #inicio .collection-showcase-card {
    height: 565px !important;
    min-height: 565px !important;
  }
}

/* Keep the two messages visually together in the introduction band. */
@media (min-width: 761px) {
  #inicio .home-commerce-intro .collection-intro {
    max-width: 1440px !important;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr) !important;
    gap: 0 !important;
  }

  #inicio .home-commerce-intro .collection-title-group {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 118px !important;
    padding: 0 56px 0 0 !important;
  }

  #inicio .home-commerce-intro .collection-heading,
  #inicio .home-commerce-intro .collection-heading h2 {
    text-align: center !important;
  }

  #inicio .home-commerce-intro .collection-summary {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 118px !important;
    padding: 0 0 0 62px !important;
    transform: translateX(2cm) !important;
  }

  #inicio .home-commerce-intro .collection-summary p {
    max-width: 31ch !important;
  }
}

#inicio .home-collections {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) 38px minmax(0, 1fr) !important;
  gap: 0 clamp(18px, 2vw, 34px) !important;
  align-items: stretch !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 30px clamp(36px, 4.2vw, 80px) !important;
  background: #ead9bf !important;
}

#inicio .collection-showcase-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  height: 565px !important;
  min-height: 565px !important;
  overflow: hidden !important;
  border: 1px solid #decdb7 !important;
  border-radius: 20px !important;
  background: #fbfaf8 !important;
}

#inicio .collection-showcase-card .showcase-copy {
  order: 1 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex: 0 0 207px !important;
  min-height: 207px !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 21px 22px 17px !important;
  text-align: center !important;
  background: #fbfaf8 !important;
}

#inicio .collection-showcase-card .collection-balance {
  display: block !important;
  margin: 0 0 14px !important;
  color: #9a510f !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  letter-spacing: .17em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

#inicio .collection-showcase-card .showcase-heading-row {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

#inicio .collection-showcase-card .showcase-heading-row .eyebrow {
  display: block !important;
  margin: 0 0 18px !important;
  text-align: center !important;
}

#inicio .collection-showcase-card .showcase-copy h2 {
  margin: 0 0 15px !important;
  color: #273542 !important;
  font-size: clamp(1.35rem, 1.55vw, 1.65rem) !important;
  line-height: 1.15 !important;
}

#inicio .collection-showcase-card .showcase-action {
  margin-top: 0 !important;
}

#inicio .collection-showcase-card .showcase-media {
  order: 2 !important;
  position: relative !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  background: #f6f1eb !important;
}

#inicio .collection-showcase-card .showcase-media img {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #f6f1eb !important;
}

#inicio .collection-showcase-card .showcase-media > .showcase-controls {
  display: none !important;
}

#inicio .collection-showcase-card .showcase-media > .showcase-controls .carousel-dots {
  margin: 0 !important;
}

@media (max-width: 980px) {
  #inicio .home-collections { grid-template-columns: 1fr !important; gap: 22px !important; padding: 26px 28px !important; }
  #inicio .collection-separator { display: none !important; }
  #inicio .collection-showcase-card { height: 560px !important; min-height: 560px !important; }
}

@media (max-width: 560px) {
  #inicio .home-collections { padding: 20px 16px !important; }
  #inicio .collection-showcase-card { height: 500px !important; min-height: 500px !important; }
  #inicio .collection-showcase-card .showcase-copy { flex-basis: 196px !important; min-height: 196px !important; }
}

/* Escala fluida en monitores grandes: el contenido crece con el navegador. */
@media (min-width: 1440px) {
  #inicio .hero.home-hero-images {
    min-height: clamp(440px, 29vw, 590px) !important;
  }

  #inicio .hero.home-hero-images > div {
    padding-top: clamp(52px, 4vw, 86px) !important;
    padding-bottom: clamp(52px, 4vw, 86px) !important;
  }

  #inicio .hero.home-hero-images .home-hero-pictures {
    width: 100% !important;
    height: clamp(440px, 29vw, 590px) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #inicio .home-commerce-intro .collection-intro {
    min-height: clamp(142px, 9vw, 184px) !important;
  }

  #inicio .collection-showcase-card {
    height: clamp(600px, 38vw, 720px) !important;
    min-height: clamp(600px, 38vw, 720px) !important;
  }

  #inicio .collection-showcase-card .showcase-copy {
    flex-basis: clamp(225px, 14vw, 270px) !important;
    min-height: clamp(225px, 14vw, 270px) !important;
    padding-top: clamp(24px, 1.7vw, 34px) !important;
  }

  #inicio .collection-showcase-card .showcase-copy h2 {
    font-size: clamp(1.55rem, 1.55vw, 2rem) !important;
  }
}