body[data-default-category="infantil"] .catalog-hero{
  min-height:430px;
  padding:0;
  display:grid;
  align-items:center;
  background:#eef8f7 url("assets/banner-infantil.svg") center center/cover no-repeat;
}
body[data-default-category="infantil"] .catalog-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(246,252,251,.98) 0%,rgba(246,252,251,.94) 32%,rgba(246,252,251,.74) 48%,rgba(246,252,251,.22) 68%,rgba(246,252,251,.04) 82%);
}
body[data-default-category="infantil"] .catalog-hero::after{display:none}
body[data-default-category="infantil"] .catalog-hero-grid{
  width:min(1180px,92%);
  min-height:430px;
  margin:0 auto;
  grid-template-columns:minmax(0,650px) 1fr;
  gap:34px;
}
body[data-default-category="infantil"] .catalog-hero-grid>div:first-child{padding:42px 0}
body[data-default-category="infantil"] .catalog-hero-note{
  width:min(100%,360px);
  justify-self:end;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(7px);
  box-shadow:0 12px 32px rgba(5,46,70,.10);
}
@media(max-width:980px){
  body[data-default-category="infantil"] .catalog-hero{background-position:60% center}
  body[data-default-category="infantil"] .catalog-hero-grid{grid-template-columns:minmax(0,570px) 1fr}
}
@media(max-width:700px){
  body[data-default-category="infantil"] .catalog-hero{
    min-height:420px;
    background-position:62% center;
  }
  body[data-default-category="infantil"] .catalog-hero::before{
    background:linear-gradient(90deg,rgba(246,252,251,.98) 0%,rgba(246,252,251,.92) 42%,rgba(246,252,251,.58) 68%,rgba(246,252,251,.12) 100%);
  }
  body[data-default-category="infantil"] .catalog-hero-grid{
    min-height:420px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:18px;
    padding:26px 0 22px;
  }
  body[data-default-category="infantil"] .catalog-hero-grid>div:first-child{
    max-width:74%;
    padding:0;
  }
  body[data-default-category="infantil"] .catalog-hero h1{
    margin:10px 0 12px;
    font-size:clamp(31px,9.4vw,39px);
    line-height:1;
  }
  body[data-default-category="infantil"] .catalog-hero-grid>div:first-child>p{
    font-size:14px;
    line-height:1.48;
  }
  body[data-default-category="infantil"] .catalog-hero-note{
    width:100%;
    max-width:none;
    margin:0;
    padding:14px 16px;
    background:rgba(255,255,255,.94);
    border-radius:13px;
    backdrop-filter:blur(5px);
  }
}