/* Página: apoio.html — estilos específicos "Dia de Doar" e blocos de apoio */
/* ===== Bloco "Dia de Doar" (novo visual) ===== */
  .dd-hero { position:relative; overflow:hidden; text-align:center; color:#fff; margin-bottom:32px;
    padding:44px 20px 30px; border-radius:20px; background:linear-gradient(160deg,#16335c 0%,#0a1a33 100%); }
  .dd-hero::before { content:""; position:absolute; top:-90px; right:-90px; width:260px; height:260px;
    border-radius:50%; background:#ff9a1f; opacity:.22; }
  .dd-hero::after { content:""; position:absolute; bottom:-70px; left:-70px; width:200px; height:200px;
    border-radius:50%; background:#2ec4b6; opacity:.22; }
  .dd-hero > * { position:relative; z-index:1; }
  .dd-hero__linha { display:flex; align-items:center; justify-content:center; gap:30px; flex-wrap:wrap; }
  .dd-frase { background:#ff9a1f; color:#0a1a33; font-size:clamp(30px,6.5vw,50px); font-weight:800; line-height:1.2;
    padding:clamp(22px,5vw,36px) clamp(28px,6vw,56px); border-radius:18px; transform:rotate(-2deg);
    box-shadow:8px 8px 0 #2ec4b6; }
  .dd-logo { background:#ff0177; padding:14px 22px; border-radius:16px; box-shadow:8px 8px 0 #2ec4b6; }
  .dd-logo img { display:block; height:clamp(56px,12vw,84px); width:auto; }
  .dd-contagem { display:flex; justify-content:center; gap:10px; margin:30px 0 10px; flex-wrap:wrap; }
  .dd-contagem span { min-width:70px; padding:10px 8px; text-align:center; color:#fff;
    background:rgba(255,255,255,.12); border:2px solid #ff9a1f; border-radius:12px; }
  .dd-contagem b { display:block; font-size:28px; line-height:1.1; font-variant-numeric:tabular-nums; color:#ffd08a; }
  .dd-contagem small { font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
  .dd-legenda { margin:0; color:#bfeee9; }


  /* ===== Bloco "Sua Nota tem Valor" (cores do programa) ===== */
  .destaque-apoio.sn {
    --sn-azul:#0b4f9c; --sn-azul-esc:#073568; --sn-laranja:#f7941d; --sn-amarelo:#ffd23f; --sn-verde:#3aa935;
    position:relative; overflow:hidden; color:#fff; border-radius:24px; border:0;
    background:linear-gradient(150deg,var(--sn-azul) 0%,var(--sn-azul-esc) 100%);
    box-shadow:0 14px 34px rgba(7,53,104,.30);
  }
  .destaque-apoio.sn::before { content:""; position:absolute; top:-90px; right:-70px; width:260px; height:260px;
    border-radius:50%; background:var(--sn-laranja); opacity:.25; pointer-events:none; }
  .destaque-apoio.sn::after { content:""; position:absolute; bottom:-80px; left:-60px; width:210px; height:210px;
    border-radius:50%; background:var(--sn-verde); opacity:.22; pointer-events:none; }
  .destaque-apoio.sn > * { position:relative; z-index:1; }
  .destaque-apoio.sn .tag-destaque { display:inline-block; padding:6px 14px; font-weight:800; letter-spacing:.05em;
    text-transform:uppercase; color:var(--sn-azul-esc); background:var(--sn-amarelo); border-radius:999px; }
  .destaque-apoio.sn h2 { color:#fff; }
  .destaque-apoio.sn h2 em { font-style:normal; color:var(--sn-amarelo); }
  .destaque-apoio.sn p { color:#eaf3ff; }
  .destaque-apoio.sn strong { color:var(--sn-amarelo); }
  .destaque-apoio.sn .passos { margin-top:18px; padding:18px 20px; color:var(--sn-azul-esc); background:#fff;
    border-left:8px solid var(--sn-laranja); border-radius:16px; box-shadow:6px 6px 0 var(--sn-verde); }
  .destaque-apoio.sn .passos .titulo { margin:0 0 8px; font-weight:800; color:var(--sn-laranja); }
  .destaque-apoio.sn .passos li { color:var(--sn-azul-esc); }
  .destaque-apoio.sn .passos li::marker { color:var(--sn-laranja); font-weight:800; }
  .destaque-apoio.sn .destaque-apoio__qr { padding:22px 18px; text-align:center; color:var(--sn-azul-esc); background:#fff;
    border:4px solid var(--sn-laranja); border-radius:20px; box-shadow:8px 8px 0 var(--sn-amarelo); }
  .destaque-apoio.sn .qr-legenda { color:var(--sn-azul) !important; }
  .destaque-apoio.sn .qr-box { padding:10px; background:#fff; border:3px solid var(--sn-azul); border-radius:16px; }
  .destaque-apoio.sn .qr-box img { max-width:100%; height:auto; }
  .destaque-apoio.sn .qr-mono { color:var(--sn-azul); }
  .destaque-apoio.sn .destaque-apoio__qr a { color:var(--sn-azul); }
  .destaque-apoio.sn #texto-alvo { display:inline-block; margin:8px 0; padding:7px 14px; font-weight:800; color:#fff;
    background:var(--sn-azul); border-radius:10px; }
  .destaque-apoio.sn .btn { color:var(--sn-azul-esc); background:var(--sn-laranja); border:0; font-weight:800; }
  .destaque-apoio.sn .btn:hover { background:var(--sn-amarelo); }

  .sn-logo-linha { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; margin:6px 0 10px; }
  .sn-logo-linha > a { flex:0 1 auto; max-width:100%; }
  .sn-selos { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; text-align:left; }
  .sn-selo { display:flex; align-items:center; gap:8px; padding:7px 14px; font-size:.85rem; font-weight:800;
    border-radius:999px; box-shadow:3px 3px 0 rgba(7,53,104,.25); white-space:nowrap; }
  .sn-selo span { font-size:1rem; line-height:1; }
  .sn-selo--verde { color:#fff; background:#3aa935; }
  .sn-selo--laranja { color:#073568; background:#f7941d; }
  .sn-selo--azul { color:#fff; background:#0b4f9c; }
  .sn-selo--amarelo { color:#073568; background:#ffd23f; }

  /* ===== Por que doar + PIX (colorido) ===== */
  .pq-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; margin:32px 0; align-items:stretch; }
  .pq-card { position:relative; overflow:hidden; padding:30px 26px; border-radius:22px; box-shadow:0 12px 30px rgba(10,26,51,.18); }
  .pq-card::before { content:""; position:absolute; top:-70px; right:-70px; width:200px; height:200px; border-radius:50%; opacity:.25; }
  .pq-card > * { position:relative; z-index:1; }
  .pq-porque { color:#fff; background:linear-gradient(155deg,#0f8f7e 0%,#0a5c66 55%,#16335c 100%); }
  .pq-porque::before { background:#ffb347; }
  .pq-selo { display:inline-block; margin-bottom:12px; padding:6px 14px; font-size:13px; font-weight:800;
    letter-spacing:.05em; text-transform:uppercase; color:#0a1a33; background:#ff9a1f; border-radius:999px; }
  .pq-porque h3 { margin:0 0 4px; font-size:clamp(26px,5vw,34px); color:#fff; }
  .pq-porque h4 { margin:0 0 14px; font-size:18px; color:#ffd08a; }
  .pq-porque p { margin:0 0 12px; color:#f1fffd; line-height:1.55; }
  .pq-destaque { margin:16px 0; padding:14px 16px; font-weight:700; font-style:italic; color:#0a1a33;
    background:#ffe08a; border-left:6px solid #ff9a1f; border-radius:12px; }
  .pq-foto { margin-top:16px; padding:6px; background:#fff; border-radius:16px; box-shadow:6px 6px 0 #ff9a1f; transform:rotate(-1deg); }
  .pq-foto img { display:block; width:100%; height:auto; border-radius:12px; }

  .pq-pix { text-align:center; color:#0a1a33; background:linear-gradient(155deg,#ffd23f 0%,#ff9a1f 60%,#ff6a3d 100%); }
  .pq-pix::before { background:#fff; }
  .pq-pix h3 { margin:0 0 4px; font-size:clamp(24px,5vw,30px); color:#0a1a33; }
  .pq-pix .pq-sub { margin:0 0 16px; font-weight:600; color:#3a2200; }
  .pq-pix .pq-qr { display:inline-block; padding:14px; background:#fff; border-radius:18px; box-shadow:0 0 0 6px #16335c, 8px 8px 0 6px #2ec4b6; }
  .pq-pix .pq-qr img { display:block; max-width:100%; width:210px; height:auto; }
  .pq-banco { margin:22px 0 6px; font-size:.9rem; font-weight:600; color:#0a1a33; }
  .pq-cnpj { display:inline-block; margin:4px 0 14px; padding:8px 16px; font-size:1.1rem; font-weight:800; letter-spacing:.03em;
    color:#fff; background:#16335c; border-radius:10px; }
  @media (prefers-reduced-motion: reduce) { .dd-frase, .pq-foto { transform:none; } }