/* ------------------------------------------------------------------
   Mobile-only: CTAs fixos no rodapé + estatísticas abaixo da imagem
   Escopo: página de campanha (/vaquinha/*). Somente CSS, DOM intacto.
   ------------------------------------------------------------------ */
@media (max-width: 767px) {

  /* container da campanha passa a ser coluna única, full-bleed */
  .gduZIE.gJoJPl {
    background: #fff;
    padding: 0;
  }

  .gduZIE.gJoJPl > .eWGeoZ {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0 12px;
    row-gap: 12px;
  }

  /* tudo fica depois das estatísticas por padrão (inclui netos dos invólucros) */
  .gduZIE.gJoJPl > .eWGeoZ * {
    order: 4;
  }

  /* desmonta os invólucros: os netos viram itens do flex acima */
  .eWGeoZ > .khNLdt,
  .eWGeoZ > .khNLdt > .jsjyxm,
  .eWGeoZ > .khNLdt .dXnPLT,
  .eWGeoZ > .eTWelm,
  .eWGeoZ > .eTWelm > .Qfelw {
    display: contents !important;
  }

  /* 1) imagem da campanha */
  .eWGeoZ > .khNLdt .gdoSnV {
    order: 1;
    border-radius: 8px;
    overflow: hidden;
  }

  /* 2) valores arrecadados, meta, corações e apoiadores */
  .eWGeoZ > .eTWelm .dzCpjk {
    order: 2;
    padding: 0;
    row-gap: 0;
  }

  .eWGeoZ > .eTWelm .dzCpjk > .jUzxdk {
    row-gap: 8px;
  }

  /* 3) barra de ações fixa no rodapé (mesma pilha do original: ajudar acima de compartilhar) */
  .eWGeoZ > .eTWelm .dzCpjk > .jUzxdk > .hvkCOw {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    column-gap: 0;
    row-gap: 8px;
    width: auto;
    margin: 0;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #f1f0f0;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .14);
  }

  .eWGeoZ > .eTWelm .dzCpjk > .jUzxdk > .hvkCOw > button {
    flex: 0 0 auto;
    width: 100%;
    pointer-events: auto !important;
    min-width: 0;
    height: 56px;
    padding: 0 12px;
    font-size: 20px;
    border-radius: 8px;
  }

  .eWGeoZ > .eTWelm .dzCpjk > .jUzxdk > .hvkCOw > button > div {
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
  }

  /* espaço para a barra fixa no fim do documento (145px = barra + folga) */
  html body {
    padding-bottom: calc(146px + env(safe-area-inset-bottom));
  }
}