/* Connect Home Categories 1.3.0
 * Layout do mockup: foto ocupa a faixa superior inteira; texto fica abaixo.
 */
.category-card.chc-v130-has-image {
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 325px !important;
  background: #fff !important;
}

/* Remove o círculo decorativo original da área que passa a ser foto. */
.category-card.chc-v130-has-image::before {
  opacity: 0 !important;
  display: none !important;
}

.category-card.chc-v130-has-image > .category-top {
  display: none !important;
}

.category-card.chc-v130-has-image > .chc-homecat-media-v130 {
  position: relative !important;
  width: 100% !important;
  height: 185px;
  min-height: 185px;
  flex: 0 0 185px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f3f6fb !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.category-card.chc-v130-has-image > .chc-homecat-media-v130 img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: auto !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  transform: scale(1) !important;
  transform-origin: center !important;
  transition: transform .3s ease, opacity .3s ease !important;
  filter: none !important;
}

.category-card.chc-v130-has-image.chc-v130-hover:hover > .chc-homecat-media-v130 img {
  transform: scale(1.045) !important;
}

.category-card.chc-v130-has-image > .chc-homecat-copy-v130 {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 62px 22px 20px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.category-card.chc-v130-has-image > .chc-homecat-copy-v130 h3 {
  margin: 0 0 8px !important;
}

.category-card.chc-v130-has-image > .chc-homecat-copy-v130 p {
  margin: 0 !important;
}

.category-card.chc-v130-has-image > .category-arrow {
  position: absolute !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 5 !important;
}

/* A segunda linha originalmente é menor; com foto passa a usar a mesma linguagem visual. */
.category-card.chc-v130-has-image:nth-child(5),
.category-card.chc-v130-has-image:nth-child(6),
.category-card.chc-v130-has-image:nth-child(7) {
  min-height: 325px !important;
}

@media (max-width: 640px) {
  .category-card.chc-v130-has-image,
  .category-card.chc-v130-has-image:nth-child(5),
  .category-card.chc-v130-has-image:nth-child(6),
  .category-card.chc-v130-has-image:nth-child(7) {
    min-height: 300px !important;
  }

  .category-card.chc-v130-has-image > .chc-homecat-media-v130 {
    height: 165px !important;
    min-height: 165px !important;
    flex-basis: 165px !important;
  }

  .category-card.chc-v130-has-image > .chc-homecat-copy-v130 {
    padding: 17px 62px 20px 18px !important;
  }
}