/* Página: como-doar.html — estilos específicos */
.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,#006400 0%,#0b4a1c 100%); }
  .dd-hero::before { content:""; position:absolute; top:-90px; right:-90px; width:260px; height:260px;
    border-radius:50%; background:#ffd23f; opacity:.18; }
  .dd-hero::after { content:""; position:absolute; bottom:-70px; left:-70px; width:200px; height:200px;
    border-radius:50%; background:#f0197d; 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:#f0197d; color:#fff; font-size:clamp(39px,8vw,60px); font-weight:700; line-height:1.2;
    padding:clamp(22px,5vw,36px) clamp(28px,6vw,56px); border-radius:18px; transform:rotate(-2deg);
    box-shadow:8px 8px 0 #ffd23f; }
  .dd-logo { background:#ff0177; padding:14px 22px; border-radius:16px; box-shadow:8px 8px 0 #ffd23f }
  .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; }
  .dd-contagem span { min-width:70px; padding:10px 8px; text-align:center; color:#006400;
    background:#fff3b3; border-radius:12px; }
  .dd-contagem b { display:block; font-size:28px; line-height:1.1; font-variant-numeric:tabular-nums; }
  .dd-contagem small { font-size:11px; }
  .dd-legenda { margin:0; color:#fff3b3; }

  .dd-passos { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:20px 0 28px; }
  .dd-passo { padding:20px; border-radius:14px; border-top:6px solid #f0197d; background:#fff3b3; color:#1d2b1d; }
  .dd-passo:nth-child(even) { border-top-color:#006400; }
  .dd-passo__icone { font-size:32px; line-height:1; margin-bottom:8px; }
  .dd-passo h3 { margin:0 0 6px; font-size:18px; color:inherit; }
  .dd-passo p { margin:0; font-size:15px; color:inherit; }
  .dd-passo a { color:#a3005a; font-weight:700; }

  .dd-gerador { margin:36px 0 12px; padding:26px 22px; border-radius:18px; background:#fff3b3; color:#1d2b1d;
    border:3px dashed #f0197d; }
  .dd-gerador h2 { margin-top:0; color:inherit; }
  .dd-gerador p { color:inherit; }
  .dd-gerador__form { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:14px 0 20px; }
  .dd-gerador label { display:block; font-size:13px; font-weight:700; margin-bottom:4px; }
  .dd-gerador input, .dd-gerador select { width:100%; box-sizing:border-box; padding:11px 12px; font:inherit;
    color:#1d2b1d; background:#fff; border:2px solid #006400; border-radius:10px; }
  .dd-cartao { padding:28px 20px; text-align:center; color:#fff; border-radius:16px;
    background:linear-gradient(160deg,#006400,#0b4a1c); }
  .dd-cartao__nome { display:inline-block; max-width:100%; overflow-wrap:anywhere; padding:10px 22px;
    font-size:clamp(24px,6vw,38px); font-weight:700; background:#f0197d; border-radius:12px;
    transform:rotate(-1.5deg); box-shadow:5px 5px 0 #ffd23f; }
  .dd-cartao__texto { margin:18px 0 6px; font-size:18px; color:#fff; }
  .dd-cartao__lema { margin:0; font-weight:700; color:#ffd23f; }
  .dd-gerador__botoes { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:18px; }
  [data-tema="escuro"] .dd-passo, [data-tema="escuro"] .dd-gerador { background:#2b2a1c; color:#f6f1d4; }
  [data-tema="escuro"] .dd-passo a { color:#ff7ac0; }
  @media (prefers-reduced-motion: reduce) { .dd-frase, .dd-cartao__nome { transform:none; } }