/*
 * ABRASTA — Home stabilization hotfix v2
 * 16/09/2026
 * Substitui integralmente o conteúdo do home-fixes.css anterior.
 * Não altera Core, banco, páginas internas ou HTML.
 */

/* Lojinha no menu desktop */
@media (min-width: 1101px) {
  .a4-header .desktop-menu > .a4-store-menu {
    display: inline-flex !important;
  }

  /* Menos respiro vertical em toda a Home, sem afetar páginas internas */
  .a4-home .a4-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  /* HUMANIZAÇÃO — compactar de verdade */
  .a4-community {
    align-items: center;
    gap: 18px;
  }

  .a4-community-copy {
    align-self: center;
    padding: 28px 30px;
  }

  .a4-community-copy h2 {
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .a4-community-copy p {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .a4-community-visual {
    height: 370px;
    grid-template-rows: 180px 180px;
    gap: 10px;
  }

  .a4-community-visual figure,
  .a4-community-visual .a4-big,
  .a4-community-visual .a4-small {
    min-height: 0 !important;
    height: auto;
  }

  /* IMPACTO — impedir que a coluna de fotos determine uma altura exagerada */
  .a4-impact-wrap {
    align-items: center;
    gap: 18px;
  }

  .a4-impact-panel {
    align-self: center;
    padding: 28px 30px;
  }

  .a4-impact-panel > p {
    margin-bottom: 0;
  }

  .a4-stats {
    margin-top: 18px;
    gap: 10px;
  }

  .a4-impact-actions {
    margin-top: 18px;
  }

  .a4-impact-people {
    height: 430px;
    grid-template-rows: 209px 209px;
    gap: 12px;
  }

  .a4-impact-people .a4-pic {
    min-height: 0 !important;
    height: 100%;
  }

  /* LOJINHA — remover o grande espaço vertical */
  .a4-shop-wrap {
    gap: 18px;
    align-items: center;
  }

  .a4-shop-photo {
    height: 330px;
    min-height: 0 !important;
  }

  .a4-shop-copy {
    padding: 28px 30px;
  }

  .a4-shop-copy h2 {
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .a4-shop-copy p {
    margin-top: 0;
  }
}

/* Tablet */
@media (min-width: 761px) and (max-width: 1100px) {
  .a4-home .a4-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .a4-community-visual {
    max-height: 430px;
  }

  .a4-shop-photo {
    height: 320px;
    min-height: 0 !important;
  }
}

/* Mobile — preservar leitura sem criar blocos excessivamente altos */
@media (max-width: 760px) {
  .a4-home .a4-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .a4-shop-photo {
    height: 280px;
    min-height: 0 !important;
  }
}