/* Abrigo com Deus — Núcleo v0.10.18
 * Hero mobile: CTA textual integrado ao resumo.
 * Referência homologada: título -> resumo -> CTA, sem uma linha vazia entre
 * resumo e ação. Os dots continuam independentes e centralizados no rodapé.
 */

@media (max-width:700px){
  /* O conteúdo continua ocupando a altura do Hero, porém sem empurrar a ação
     para o fundo. Isso mantém o CTA visualmente pertencente ao texto. */
  body.acd-core-mobile-v01018.acd-site .acd-hero-content{
    justify-content:flex-start!important;
  }

  body.acd-core-mobile-v01018.acd-site .acd-hero-description{
    margin-bottom:0!important;
  }

  body.acd-core-mobile-v01018.acd-site .acd-hero-actions{
    width:auto!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    margin-top:2px!important;
    padding:0!important;
  }

  /* O link continua com área de toque acessível, mas a caixa invisível não
     cria um vão visual. */
  body.acd-core-mobile-v01018.acd-site .acd-hero-actions .acd-button,
  body.acd-core-mobile-v01018.acd-site .acd-hero-actions .acd-button-primary,
  body.acd-core-mobile-v01018.acd-site .acd-hero-actions .acd-button-secondary{
    min-height:34px!important;
    padding:0 1px!important;
    line-height:1.05!important;
  }

  /* Nos slides editoriais, o mesmo encaixe vale para Ler matéria / Explorar
     especial: sempre diretamente abaixo do resumo. */
  body.acd-core-mobile-v01018.acd-site .acd-hero-slide:not(.acd-hero-slide-institutional) .acd-hero-actions{
    margin-top:2px!important;
  }
}

@media (max-width:390px){
  body.acd-core-mobile-v01018.acd-site .acd-hero-actions{
    margin-top:1px!important;
  }
}