.content-asset:has(#more-than-shoes), .content-asset:has(#what-defines-us) {
  width: 100%;
}

#more-than-shoes, #what-defines-us {
  width: 100%;
  margin: 0 auto;
  padding: 2% 5%;
  flex-direction: column;
  align-items: center;
}

#more-than-shoes {
  background-color: #FDF9F2;
  padding: 2% 5%;
  margin-bottom: 75px;
  margin-top: 40px;
}

#more-than-shoes .title, #what-defines-us .title{
  font-size: 20px;
  text-align: center;
  color: #333;
  font-weight: bold;
  padding: 0;
  margin-bottom: 25px;
}

#more-than-shoes .title {  
  margin-top: 25px;
}

#more-than-shoes .content, #what-defines-us .content {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 15px;
}

#more-than-shoes .content .column, #what-defines-us .content .column  {
  display: flex;
  flex-direction: column;
}

#more-than-shoes .content .column {
  width: 100%;
}

#what-defines-us .content .column {
  align-items: center;
  max-width: 130px;
}

#more-than-shoes .content .column h4 {
  font-size: 18px;
  font-weight: bolder;
}
#more-than-shoes .content .column p, #what-defines-us .content .column p {
  font-size: 14px;
}
#what-defines-us .content .column p{
  text-align: center;
  margin-top: 15px;
}

#more-than-shoes .content .column video, #more-than-shoes .content .column img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
#more-than-shoes .content .column .discover-more {
  text-transform: none;
  color: #31ACC2;
  margin-bottom: 10px;
  font-weight: bold;
}
#what-defines-us .icon-defines {
  background-image: url('../../images/common/PK_iconos_Aplus_min.svg');
  background-size: auto 70px;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  display: inline-block;
}
#what-defines-us .icon-defines.piel {
  background-position: 0px 0;
}
#what-defines-us .icon-defines.adn {
  background-position: -70px 0;
}
#what-defines-us .icon-defines.calidad {
  background-position: -140px 0;
}
#what-defines-us .icon-defines.comodidad {
  background-position: -210px 0;
}
#what-defines-us .icon-defines.ergonomia {
  background-position: -280px 0;
}
#what-defines-us .icon-defines.autentico {
  background-position: -350px 0;
}

@media screen and (min-width: 768px) {
  #more-than-shoes .content .column {
    max-width: 300px;
  }

  #what-defines-us .content .column {
    align-items: center;
    max-width: 200px;
  }
}

@media screen and (min-width: 992px) {
  #more-than-shoes .content, #what-defines-us .content {
    flex-direction: row;
  }
  #more-than-shoes .title, #what-defines-us .title {
    font-size: 26px;
  }
  #more-than-shoes .content .column {
    max-width: 300px;
    flex: 1;
  }
  #what-defines-us .content {
    flex-wrap: nowrap;
  }
}