/* Deskia — compact hero artwork, 2026-09-07.
   Loaded after both the home critical/bundled styles and the channel styles.
   Resize the actual figure so the grid also reserves less vertical space. */
body.page-home-inferencia .di-hero .di-shot-card,
body.page-voice.page-channel-premium .channel-premium-hero .voice-approved-hero,
body.page-whatsapp-premium .wa-premium-hero .wa-hero-art {
  width: min(100%, 580px) !important;
  max-width: 100%;
  min-height: 0 !important;
  height: auto;
  align-self: center;
}

@media (max-width: 1180px) {
  body.page-home-inferencia .di-hero .di-shot-card,
  body.page-voice.page-channel-premium .channel-premium-hero .voice-approved-hero,
  body.page-whatsapp-premium .wa-premium-hero .wa-hero-art {
    width: min(100%, 520px) !important;
    justify-self: center !important;
  }
}

@media (max-width: 720px) {
  body.page-home-inferencia .di-hero .di-shot-card,
  body.page-voice.page-channel-premium .channel-premium-hero .voice-approved-hero,
  body.page-whatsapp-premium .wa-premium-hero .wa-hero-art {
    width: min(90%, 480px) !important;
  }
}

/* 2026-09-12 — Casos hero: preserve the complete 16:9 product panel.
   Overrides the older 3:2 marketing-art rule from the home bundle. */
body.page-home-inferencia .di-hero .di-shot-card{
  width:min(100%,700px)!important;
  max-width:700px!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1672 / 941!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
body.page-home-inferencia .di-hero .di-shot-card picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1672 / 941!important;
  overflow:hidden!important;
}
body.page-home-inferencia .di-hero .di-shot-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.page-home-inferencia .di-hero .di-shot-card:hover img{
  transform:none!important;
}
@media (max-width:1180px){
  body.page-home-inferencia .di-hero .di-shot-card{
    width:min(100%,620px)!important;
    max-width:620px!important;
    justify-self:center!important;
  }
}
@media (max-width:820px){
  body.page-home-inferencia .di-hero .di-shot-card{
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
    border-radius:14px!important;
  }
  body.page-home-inferencia .di-hero .di-shot-card picture,
  body.page-home-inferencia .di-hero .di-shot-card img{
    border-radius:14px!important;
  }
}

/* v2.47.22.60 — Mobile hero panels on channel pages match the Index full-width treatment.
   Remove the compact 90% width behavior on small screens so the Voz and WhatsApp hero artwork
   spans the available shell width exactly like the Index hero card. */
@media (max-width:820px){
  body.page-voice.page-channel-premium .channel-premium-hero .voice-approved-hero,
  body.page-whatsapp-premium .wa-premium-hero .wa-hero-art{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    margin-inline:0!important;
    border-radius:14px!important;
  }

  body.page-voice.page-channel-premium .channel-premium-hero .voice-approved-hero .hero-art-picture,
  body.page-voice.page-channel-premium .channel-premium-hero .voice-approved-hero .hero-art-picture>img,
  body.page-whatsapp-premium .wa-premium-hero .wa-hero-art .hero-art-picture,
  body.page-whatsapp-premium .wa-premium-hero .wa-hero-art .hero-art-picture>img{
    width:100%!important;
    max-width:100%!important;
    border-radius:14px!important;
  }
}