/* PATCH_HERO_ALIGN_V4
   Objetivo: misma altura entre columnas + “aire” interno en la derecha:
   - video NO pegado arriba
   - testimonio NO pegado abajo
   Scope: SOLO layout. NO JS.
*/
@media (min-width: 1024px){

  /* wrapper 2 columnas */
  .wrap.heroGrid{
    align-items: stretch !important;
  }
  .wrap.heroGrid > *{
    align-self: stretch !important;
  }

  /* Panel derecho: flex column con padding top/bottom + gap */
  .wrap.heroGrid > .panel.videoShell.bnHeroRightCard{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin-top: 0 !important;
  }

  /* Video: no pegado arriba, sin márgenes raros */
  .wrap.heroGrid > .panel.videoShell.bnHeroRightCard .videoPoster,
  .wrap.heroGrid > .panel.videoShell.bnHeroRightCard .videoWrap,
  .wrap.heroGrid > .panel.videoShell.bnHeroRightCard .videoShell,
  .wrap.heroGrid > .panel.videoShell.bnHeroRightCard .heroVideo,
  .wrap.heroGrid > .panel.videoShell.bnHeroRightCard .hero-video{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Testimonio: no pegado abajo */
  #testimonioCard{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}