/*
 * CORREÇÃO REAL: ALINHAMENTO VERTICAL DAS COLUNAS
 * O problema não era altura, mas alinhamento das colunas Bootstrap
 */

/* CORREÇÃO PRINCIPAL: Alinha as colunas no topo */
#agentes .scenarios-container .row {
  align-items: flex-start !important;
}

/* Garante que cada coluna inicie do topo */
#agentes .scenarios-container .row .col-lg-4 {
  align-self: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Remove margens/paddings inconsistentes que causam desalinhamento */
#agentes .scenarios-container .row .col-lg-4 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* CORREÇÃO CRÍTICA: Neutraliza efeitos das animações AOS no alinhamento */
#agentes .scenarios-container .row .col-lg-4[data-aos] {
  transform: none !important;
  opacity: 1 !important;
}

/* Força posicionamento correto após animações AOS */
#agentes .scenarios-container .row .col-lg-4[data-aos="fade-up"] {
  position: relative !important;
  top: 0 !important;
  transform: translateY(0) !important;
}

/* Previne flutuação vertical durante animações */
#agentes .scenarios-container .row .col-lg-4 {
  vertical-align: top !important;
  float: none !important;
}

/* Força altura uniforme com seletores ultra-específicos */
body section#agentes .row .col-lg-4 .scenario-card,
html body #agentes .scenario-card,
.scenario-card.behind,
.scenario-card.modern,
.scenario-card.leader {
  min-height: 800px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

/* Força flexbox na seção de problemas */
body section#agentes .row .col-lg-4 .scenario-card .scenario-problems,
html body #agentes .scenario-card .scenario-problems {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Força footer no final */
body section#agentes .row .col-lg-4 .scenario-card .scenario-footer,
html body #agentes .scenario-card .scenario-footer {
  margin-top: auto !important;
  flex-shrink: 0 !important;
}

/* Responsividade com ultra-especificidade */
@media screen and (max-width: 768px) {
  body section#agentes .row .col-lg-4 .scenario-card,
  html body #agentes .scenario-card,
  .scenario-card.behind,
  .scenario-card.modern,
  .scenario-card.leader {
    min-height: 700px !important;
  }
}

@media screen and (max-width: 576px) {
  body section#agentes .row .col-lg-4 .scenario-card,
  html body #agentes .scenario-card,
  .scenario-card.behind,
  .scenario-card.modern,
  .scenario-card.leader {
    min-height: 650px !important;
  }
}

/* Fallback universal para qualquer elemento com class scenario-card */
[class*="scenario-card"] {
  min-height: 800px !important;
  display: flex !important;
  flex-direction: column !important;
}

@media screen and (max-width: 768px) {
  [class*="scenario-card"] {
    min-height: 700px !important;
  }
}

@media screen and (max-width: 576px) {
  [class*="scenario-card"] {
    min-height: 650px !important;
  }
}