/* Mercado Escolar · banner institucional v5
   Cambio visual aislado al hero de Inicio. */
.market-v8 .heroRetail.heroRetailCss.heroV9{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.42fr) minmax(116px,.58fr)!important;
  grid-template-areas:
    "copy art"
    "cta art"!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:7px 14px!important;
  height:auto!important;
  min-height:178px!important;
  max-height:none!important;
  margin:18px 0 12px!important;
  padding:18px 20px 17px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#fff 0%,#fdfbff 58%,#f7f1ff 100%)!important;
  border:1.5px solid #d9bfff!important;
  border-radius:24px!important;
  box-shadow:0 10px 24px rgba(76,29,149,.07)!important;
}
.market-v8 .heroRetail.heroRetailCss.heroV9::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:144px!important;
  height:144px!important;
  right:7px!important;
  top:16px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(124,58,237,.09) 0%,rgba(124,58,237,.04) 58%,transparent 72%)!important;
  pointer-events:none!important;
}
.market-v8 .heroRetail.heroRetailCss.heroV9::after{display:none!important;}
.market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy{
  grid-area:copy!important;
  position:relative!important;
  z-index:2!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#6d28d9!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
}
.market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy h2{
  display:block!important;
  margin:0!important;
  max-width:none!important;
  color:#111827!important;
  font-size:24px!important;
  line-height:1.03!important;
  letter-spacing:-.03em!important;
  font-weight:900!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy p{
  display:block!important;
  margin:8px 0 0!important;
  max-width:300px!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.22!important;
  font-weight:600!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.market-v8 .heroRetail.heroRetailCss.heroV9 .heroPublishV9{
  grid-area:cta!important;
  justify-self:start!important;
  align-self:start!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  z-index:2!important;
  width:auto!important;
  min-width:142px!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 16px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(109,40,217,.18)!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.market-v8 .heroRetail.heroRetailCss.heroV9 .heroItems{
  grid-area:art!important;
  align-self:center!important;
  justify-self:end!important;
  position:relative!important;
  z-index:1!important;
  right:auto!important;
  bottom:auto!important;
  top:-2px!important;
  width:min(100%,176px)!important;
  max-width:none!important;
  height:auto!important;
  max-height:136px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 10px 11px rgba(51,30,92,.10))!important;
  transform:none!important;
}

/* Móvil: flujo normal para texto + CTA, ilustración posicionada aparte.
   Evita que cualquier regla heredada del hero anterior pueda solapar contenido. */
@media(max-width:680px){
  .market-v8 .heroRetail.heroRetailCss.heroV9{
    display:block!important;
    min-height:190px!important;
    padding:17px 138px 17px 16px!important;
    border-radius:21px!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9::before{
    width:126px!important;
    height:126px!important;
    right:2px!important;
    top:26px!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy>span{
    font-size:9px!important;
    margin-bottom:6px!important;
    letter-spacing:.10em!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy h2{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    font-size:19px!important;
    line-height:1.04!important;
    overflow:visible!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy p{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:7px 0 0!important;
    font-size:11.5px!important;
    line-height:1.22!important;
    overflow:visible!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroPublishV9{
    display:inline-block!important;
    position:relative!important;
    z-index:3!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:128px!important;
    margin:12px 0 0!important;
    padding:9px 14px!important;
    font-size:12.5px!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroItems{
    position:absolute!important;
    z-index:1!important;
    right:14px!important;
    top:50%!important;
    bottom:auto!important;
    left:auto!important;
    width:112px!important;
    max-width:112px!important;
    max-height:116px!important;
    transform:translateY(-46%)!important;
    object-fit:contain!important;
  }
}
@media(max-width:390px){
  .market-v8 .heroRetail.heroRetailCss.heroV9{
    min-height:188px!important;
    padding:16px 124px 16px 14px!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy>span{font-size:8.5px!important;}
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy h2{font-size:18px!important;}
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroCopy p{font-size:10.8px!important;}
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroPublishV9{
    min-width:122px!important;
    margin-top:11px!important;
    padding:9px 13px!important;
    font-size:12px!important;
  }
  .market-v8 .heroRetail.heroRetailCss.heroV9 .heroItems{
    right:10px!important;
    width:102px!important;
    max-width:102px!important;
    max-height:108px!important;
  }
}