:root{--ca-cor:#e8590c;--ca-cor-texto:#fff}

.colibri-apoie-btn{
  display:inline-block;box-sizing:border-box;
  padding:14px 28px;min-height:48px;
  background:var(--ca-cor);color:var(--ca-cor-texto)!important;
  font-size:1.05rem;font-weight:700;line-height:1.3;text-align:center;
  text-decoration:none!important;border-radius:999px;border:0;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.colibri-apoie-btn:hover,.colibri-apoie-btn:focus{filter:brightness(.92);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.22)}
.colibri-apoie-btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}

.colibri-apoie-wrap{margin:1.5em 0;text-align:center}

.colibri-apoie-caixa{
  clear:both;margin:2em 0;padding:22px 20px;text-align:center;
  border:1px solid rgba(0,0,0,.12);border-left:5px solid var(--ca-cor);
  border-radius:10px;background:rgba(0,0,0,.03);
}
.colibri-apoie-chamada{margin:0 0 14px;font-size:1rem;line-height:1.55}
.colibri-apoie-saiba{display:block;margin-top:12px;font-size:.9rem;text-decoration:underline}

/* Página de apoio */
.colibri-apoie-pagina{max-width:760px;margin:0 auto}
.colibri-apoie-lead{font-size:1.1rem;line-height:1.6}
.colibri-apoie-painel{
  display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center;
  margin:28px 0;padding:24px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:rgba(0,0,0,.03);
}
.colibri-apoie-painel-acao{flex:1 1 280px;text-align:center}
.colibri-apoie-painel-acao h2{margin-top:0}
.colibri-apoie-painel-qr{flex:0 1 240px;text-align:center}
.colibri-apoie-painel-qr img{display:block;margin:0 auto 8px;max-width:100%;height:auto;background:#fff;padding:10px;border-radius:10px}
.colibri-apoie-painel-qr p{margin:0;font-size:.9rem}
.colibri-apoie-link-texto{margin-top:14px;font-size:.85rem;word-break:break-all}
.colibri-apoie-passos{padding-left:1.3em;line-height:1.7}
.colibri-apoie-passos li{margin-bottom:.5em}

@media (max-width:600px){
  .colibri-apoie-btn{display:block;width:100%}
  .colibri-apoie-painel{padding:18px}
  /* No celular o botão basta; o QR serve para quem está em outra tela */
}
@media (prefers-reduced-motion:reduce){.colibri-apoie-btn{transition:none}}
@media print{.colibri-apoie-caixa{display:none}}

/* ---------- Barra de progresso de leitura ---------- */
.colibri-apoie-progresso{position:fixed;top:0;left:0;right:0;height:4px;z-index:99980;background:transparent;pointer-events:none}
body.admin-bar .colibri-apoie-progresso{top:32px}
@media (max-width:782px){body.admin-bar .colibri-apoie-progresso{top:46px}}
.colibri-apoie-progresso span{display:block;height:100%;width:0;background:var(--ca-cor)}

/* ---------- Botão flutuante ---------- */
.colibri-apoie-flutuante{
  position:fixed;z-index:99990;right:20px;bottom:20px;
  opacity:0;transform:translateY(24px);pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
}
.colibri-apoie-flutuante.is-visivel{opacity:1;transform:none;pointer-events:auto}
.colibri-apoie-btn-flut{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.colibri-apoie-ico{flex:none}
@media (max-width:600px){
  .colibri-apoie-flutuante{
    left:0;right:0;bottom:0;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);box-shadow:0 -2px 12px rgba(0,0,0,.15);
  }
  .colibri-apoie-btn-flut{display:flex;width:100%;border-radius:12px}
  body.colibri-apoie-com-barra{padding-bottom:76px}
}

/* ---------- Pop-up ---------- */
html.colibri-apoie-aberto{overflow:hidden}
.colibri-apoie-popup{
  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  padding:16px;background:rgba(0,0,0,.6);animation:colibriApoieFade .2s ease;
}
.colibri-apoie-popup[hidden]{display:none}
.colibri-apoie-popup-card{
  position:relative;box-sizing:border-box;width:100%;max-width:520px;max-height:92vh;overflow:auto;
  padding:32px 28px 26px;background:#fff;color:#1b1b1b;border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.4);border-top:6px solid var(--ca-cor);
  animation:colibriApoieSobe .25s ease;
}
.colibri-apoie-popup-card h2{margin:0 0 10px;padding-right:28px;font-size:1.4rem;line-height:1.25;color:#1b1b1b}
.colibri-apoie-popup-card p{margin:0 0 18px;font-size:1rem;line-height:1.55;color:#333}
.colibri-apoie-popup-x{
  position:absolute;top:8px;right:10px;width:44px;height:44px;border:0;background:transparent;
  font-size:30px;line-height:1;color:#555;cursor:pointer;border-radius:50%;
}
.colibri-apoie-popup-x:hover,.colibri-apoie-popup-x:focus-visible{background:rgba(0,0,0,.08);color:#000}
.colibri-apoie-popup-corpo{display:flex;gap:20px;align-items:center;justify-content:space-between}
.colibri-apoie-popup-acoes{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;align-items:stretch}
.colibri-apoie-popup-acoes .colibri-apoie-btn{display:block;width:100%}
.colibri-apoie-popup-nao{border:0;background:transparent;color:#555;font-size:.95rem;text-decoration:underline;cursor:pointer;padding:10px;min-height:44px}
.colibri-apoie-popup-qr{flex:none;width:132px;height:132px;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:6px;background:#fff}
@media (max-width:600px){
  .colibri-apoie-popup{align-items:flex-end;padding:0}
  .colibri-apoie-popup-card{max-width:none;border-radius:16px 16px 0 0;padding:28px 20px calc(20px + env(safe-area-inset-bottom))}
  .colibri-apoie-popup-qr{display:none}
}
@keyframes colibriApoieFade{from{opacity:0}to{opacity:1}}
@keyframes colibriApoieSobe{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  .colibri-apoie-popup,.colibri-apoie-popup-card{animation:none}
  .colibri-apoie-flutuante{transition:none}
}
@media print{.colibri-apoie-flutuante,.colibri-apoie-progresso,.colibri-apoie-popup{display:none!important}}