/* Bride Era R14.7.143 — polimento da landing, planos e cards-resumo */

/* Corrige cabeçalhos que estavam colando o subtítulo com o título */
.landing-proc125-ui-head,
.landing-auto126-head{
  align-items:flex-start;
}
.landing-proc125-ui-head > div,
.landing-auto126-head > div{
  display:grid;
  gap:4px;
  min-width:0;
  flex:1 1 auto;
}
.landing-proc125-ui-head small,
.landing-auto126-head small{
  display:block;
  font-size:.76rem;
  line-height:1.15;
  letter-spacing:.02em;
  color:var(--muted-600);
}
.landing-proc125-ui-head b,
.landing-auto126-head b{
  display:block;
  line-height:1.2;
  font-size:1.08rem;
  overflow-wrap:anywhere;
}

/* Evita colunas estreitas demais dentro dos cards de automação */
.landing-auto126-flow > div,
.landing-auto126-rule{
  min-width:0;
}
.landing-auto126-flow > div > div,
.landing-auto126-rule > div{
  min-width:0;
}
.landing-auto126-flow b,
.landing-auto126-rule b{
  display:block;
  line-height:1.25;
}
.landing-auto126-flow small,
.landing-auto126-rule small{
  display:block;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.landing-auto126-flow i,
.landing-auto126-rule em{
  white-space:nowrap;
}

/* Desktop: manter os 5 planos lado a lado */
#planos .plans > .plan{
  display:flex;
  flex-direction:column;
  min-width:0;
}
#planos .plans > .plan .plan-features{
  flex:1 1 auto;
}
@media (min-width:1101px){
  #planos .container{
    max-width:min(97vw,1600px);
  }
  #planos .plans{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch;
  }
  #planos .plan{
    padding:22px 16px !important;
  }
  #planos .plan-name{
    font-size:1.35rem !important;
    line-height:1.15;
  }
  #planos .plan-audience{
    font-size:10.5px;
    padding:4px 8px;
    line-height:1.2;
  }
  #planos .plan-desc{
    min-height:68px;
    font-size:.8rem;
    line-height:1.45;
    margin-bottom:18px;
  }
  #planos .plan-price .val{
    font-size:2.3rem !important;
  }
  #planos .plan-note{
    font-size:.72rem;
    margin-bottom:16px;
  }
  #planos .plan .btn{
    font-size:.85rem;
    padding-inline:10px;
  }
  #planos .plan-features{
    margin-top:18px;
    gap:8px;
  }
  #planos .plan-features li{
    font-size:.74rem;
    line-height:1.35;
  }
  #planos .plan-tag{
    font-size:.62rem;
    padding:6px 9px;
  }
}

/* Tablet: mantém a legibilidade sem empurrar o 5º cartão para baixo cedo demais */
@media (min-width:1101px) and (max-width:1260px){
  #planos .plans{
    gap:10px !important;
  }
  #planos .plan{
    padding:18px 12px !important;
  }
  #planos .plan-name{
    font-size:1.22rem !important;
  }
  #planos .plan-price .val{
    font-size:2rem !important;
  }
  #planos .plan-features li{
    font-size:.69rem;
    line-height:1.32;
  }
}

/* Mobile: empilha o selo de ação para não esmagar o texto no centro */
@media (max-width:820px){
  .landing-proc125-ui-head,
  .landing-auto126-head{
    gap:12px;
  }
  .landing-proc125-score,
  .landing-auto126-bolt{
    flex:0 0 auto;
  }
  .landing-auto126-flow > div{
    grid-template-columns:40px minmax(0,1fr);
    align-items:flex-start;
  }
  .landing-auto126-flow > div > i{
    grid-column:2;
    justify-self:start;
    padding-top:2px;
  }
  .landing-auto126-rule{
    grid-template-columns:auto minmax(0,1fr);
    align-items:flex-start;
  }
  .landing-auto126-rule em{
    grid-column:2;
    justify-self:start;
    margin-top:4px;
  }
}