/* Amor de Bicho - Doações */
.abd { font-family: "Nunito Sans", sans-serif; color: #3D3D35; }
    .abd * { box-sizing: border-box; }
    .abd h2, .abd h3 { font-family: "Playfair Display", "Playfair", Georgia, serif; font-weight: 500; color: #3D3D35; }
    .abd .abd-verde { color: #98BF41; }
    .abd-aviso-teste { margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; background: #fff4d6; color: #7a5b00; font-size: 14px; }

    .abd-hero { padding: 56px 24px; border-radius: 22px; text-align: center; background: linear-gradient(135deg, #EAF3DE 0%, #F2F8EA 55%, #E4F0D2 100%); }
    .abd-hero-icone { font-size: 40px; line-height: 1; margin-bottom: 14px; }
    .abd-hero h2 { margin: 0 0 12px; font-size: 38px; }
    .abd-hero p { max-width: 480px; margin: 0 auto; font-size: 17px; line-height: 1.5; }

    .abd-titulo-secao { margin: 42px 0 28px; font-size: 26px; }
    .abd-valores { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
    .abd .abd-valor { min-width: 104px; padding: 16px 24px; border: 2px solid #e2e6dc !important; border-radius: 12px !important; background: #fff !important; color: #333 !important; font: 700 19px "Nunito Sans", sans-serif; cursor: pointer; transition: all .2s ease; }
    .abd .abd-valor:hover { border-color: #98BF41 !important; }
    .abd .abd-valor.ativo { border-color: #6a9f38 !important; background: #EAF3DE !important; color: #6a9f38 !important; }
    .abd-outro { display: none; justify-content: center; margin-top: 16px; }
    .abd-outro.visivel { display: flex; }
    .abd-outro label { display: flex; align-items: center; gap: 8px; font-weight: 700; }
    .abd-outro input { width: 160px; padding: 12px 14px; border: 2px solid #98BF41; border-radius: 12px; font-size: 18px; font-weight: 700; }

    .abd-impacto { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 30px; }
    .abd-impacto-card { padding: 26px 16px; border: 1px solid #e6e8e2; border-radius: 14px; background: #fff; text-align: center; cursor: pointer; transition: border-color .2s ease, transform .2s ease; }
    .abd-impacto-card:hover, .abd-impacto-card.ativo { border-color: #98BF41; transform: translateY(-2px); }
    .abd-impacto-card .abd-emoji { font-size: 30px; line-height: 1; }
    .abd-impacto-card strong { display: block; margin: 12px 0 4px; font-size: 19px; color: #6a9f38; }
    .abd-impacto-card span { font-size: 14px; line-height: 1.4; }

    .abd-pix { margin-top: 30px; padding: 28px 24px; border-radius: 16px; background: #F4F4F4; text-align: center; }
    .abd-pix-rotulo { margin: 0 0 6px; color: #666; }
    .abd-pix-valor { margin: 0 0 16px; font-size: 22px; font-weight: 800; letter-spacing: .5px; color: #333; }
    .abd-campos { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 640px; margin: 0 auto 12px; }
    .abd-campos input, .abd-campos select { flex: 1 1 220px; padding: 12px 14px; border: 1px solid #ddd; border-radius: 10px; font-size: 15px; font-family: inherit; background: #fff; }
    .abd-lgpd { display: flex; justify-content: center; align-items: flex-start; gap: 8px; max-width: 640px; margin: 4px auto 16px; font-size: 13px; text-align: left; }
    .abd-lgpd a { color: #3B6D11; font-weight: 700; }
    .abd .abd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 30px; border: none !important; border-radius: 50px !important; background: #6aa629 !important; color: #fff !important; font: 800 17px "Nunito Sans", sans-serif; cursor: pointer; text-decoration: none !important; transition: background .2s ease; }
    .abd .abd-btn:hover { background: #3B6D11 !important; }
    .abd .abd-btn:disabled { opacity: .6; cursor: wait; }
    .abd .abd-btn-contorno { padding: 9px 22px; border: 2px solid #6aa629 !important; background: #fff !important; color: #3B6D11 !important; font-size: 15px; }
    .abd .abd-btn-contorno:hover { background: #EAF3DE !important; }
    .abd .abd-btn-perigo { background: #fff !important; border: 2px solid #c62828 !important; color: #c62828 !important; padding: 9px 20px; font-size: 14px; }
    .abd .abd-btn-perigo:hover { background: #fdecec !important; }
    .abd-msg { margin: 12px auto 0; max-width: 640px; font-weight: 700; font-size: 14px; }
    .abd-msg.erro { color: #c62828; }
    .abd-msg.ok { color: #3B6D11; }

    .abd-resultado { display: none; max-width: 520px; margin: 0 auto; }
    .abd-resultado.visivel { display: block; }
    .abd-qr { width: 220px; height: 220px; margin: 6px auto 14px; padding: 10px; background: #fff; border-radius: 14px; }
    .abd-qr img { width: 100%; height: 100%; display: block; }
    .abd-codigo { width: 100%; min-height: 70px; padding: 10px 12px; border: 1px solid #ddd; border-radius: 10px; font: 12px monospace; resize: none; background: #fff; }
    .abd-status { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 0; color: #666; font-size: 14px; }
    .abd-status::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #e0a800; animation: abd-pulsar 1.2s infinite; }
    .abd-status.pago { color: #3B6D11; font-weight: 800; font-size: 17px; }
    .abd-status.pago::before { background: #3B6D11; animation: none; }
    @keyframes abd-pulsar { 50% { opacity: .3; } }

    .abd-opcoes { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }
    .abd-opcao { padding: 28px 22px; border: 1px solid #e6e8e2; border-radius: 16px; background: #fff; text-align: center; }
    .abd-opcao .abd-emoji { font-size: 26px; }
    .abd-opcao h3 { margin: 8px 0 4px; font-family: "Nunito Sans", sans-serif; font-weight: 800; font-size: 18px; }
    .abd-opcao > p { margin: 0 0 16px; font-size: 14px; color: #555; }
    .abd-painel { display: none; margin-top: 18px; padding-top: 18px; border-top: 1px dashed #dfe3d8; text-align: left; }
    .abd-painel.visivel { display: block; }
    .abd-painel p { font-size: 14px; }
    .abd-painel .abd-campos { justify-content: flex-start; }
    .abd-painel .abd-lgpd { justify-content: flex-start; }

    /* ===== Minha área ===== */
    .abd-area { max-width: 980px; margin: 0 auto; }
    .abd-abas { display: flex; gap: 8px; margin-bottom: 18px; }
    .abd .abd-aba { display: inline-block; text-decoration: none !important; padding: 10px 22px; border: 2px solid #e2e6dc !important; border-radius: 50px !important; background: #fff !important; color: #555 !important; font-weight: 800; cursor: pointer; }
    .abd .abd-aba.ativo { border-color: #98BF41 !important; background: #EAF3DE !important; color: #3B6D11 !important; }
    .abd-caixa { padding: 26px; border: 1px solid #e6e8e2; border-radius: 16px; background: #fff; margin-bottom: 18px; }
    .abd-caixa h3 { margin: 0 0 14px; font-size: 22px; }
    .abd-form label { display: block; margin: 12px 0 6px; font-size: 14px; font-weight: 700; }
    .abd-form input[type=text], .abd-form input[type=email], .abd-form input[type=password], .abd-form input[type=number] { width: 100%; padding: 12px 14px; border: 1px solid #ddd; border-radius: 10px; font-size: 15px; font-family: inherit; }
    .abd-form .abd-lgpd { justify-content: flex-start; margin: 14px 0; }
    .abd-mel { position: absolute; left: -9999px; }
    .abd-link { color: #3B6D11; font-weight: 700; }
    .abd-resumo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; }
    .abd-resumo div { padding: 20px; border-radius: 14px; background: #EAF3DE; }
    .abd-resumo small { display: block; font-size: 13px; color: #555; }
    .abd-resumo strong { font-size: 24px; color: #3B6D11; }
    .abd-tabela { width: 100%; border-collapse: collapse; font-size: 14px; }
    .abd-tabela th, .abd-tabela td { padding: 10px 8px; border-bottom: 1px solid #eee; text-align: left; }
    .abd-tabela th { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #777; }
    .abd-selo { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 800; background: #eee; color: #666; }
    .abd-selo.pago, .abd-selo.ativa { background: #e3f3d9; color: #3B6D11; }
    .abd-selo.pendente, .abd-selo.pausada { background: #fdf3d8; color: #9c7a1e; }
    .abd-selo.falhou, .abd-selo.cancelada, .abd-selo.expirado, .abd-selo.cancelado { background: #fbdada; color: #c62828; }
    .abd-linha-acoes { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-top: 14px; }
    .abd-linha-acoes form { display: flex; align-items: flex-end; gap: 8px; margin: 0; }
    .abd-linha-acoes input[type=number] { width: 130px; }
    .abd-alerta { padding: 12px 16px; border-radius: 12px; margin-bottom: 16px; font-weight: 700; }
    .abd-alerta.ok { background: #e3f3d9; color: #3B6D11; }
    .abd-alerta.erro { background: #fbdada; color: #c62828; }
    .abd-sair { float: right; font-size: 14px; }

    @media (max-width: 900px) {
        .abd-impacto { grid-template-columns: repeat(2, 1fr); }
        .abd-opcoes { grid-template-columns: 1fr; }
        .abd-resumo { grid-template-columns: 1fr; }
    }
    @media (max-width: 600px) {
        .abd-hero { padding: 40px 18px; }
        .abd-hero h2 { font-size: 28px; }
        .abd .abd-valor { min-width: 0; flex: 1 1 40%; padding: 14px; font-size: 17px; }
        .abd-tabela thead { display: none; }
        .abd-tabela tr { display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
        .abd-tabela td { display: inline-block; padding: 2px 8px 2px 0; border: none; }
    }