/* ==========================================================================
   BLINDAGEM CONTRA O CSS DO TEMA  (Rainha da Paz / The7)
   Regra: neutralizar SOMENTE o que o tema injeta (heranca tipografica,
   marcadores, sombras) e NUNCA propriedades que este widget define
   (width, height, background, padding, border-radius do botao e dos campos).
   Por isso quase nao ha !important aqui: onde o widget manda, ele vence.
   ========================================================================== */
.edn, .edn * { box-sizing: border-box; }
.edn { float: none; }

/* tipografia herdada do tema */
.edn, .edn p, .edn span, .edn small, .edn strong, .edn label,
.edn h1, .edn h2, .edn h3, .edn h4, .edn h5, .edn h6 {
    font-family: inherit;
    text-transform: none;
    letter-spacing: normal;
    text-shadow: none;
}
.edn h1, .edn h2, .edn h3, .edn h4, .edn h5, .edn h6 { margin: 0; padding: 0; }
.edn h1:before, .edn h2:before, .edn h3:before,
.edn h1:after,  .edn h2:after,  .edn h3:after { content: none; }

/* o The7 decora listas com marcadores e pseudo-elementos */
.edn ul, .edn ol, .edn li { list-style: none; margin: 0; padding: 0; background: none; }
.edn li:before, .edn li:after { content: none; }

/* links dentro do formulario */
.edn a { text-decoration: none; box-shadow: none; border-bottom: 0; }

/* imagens: o tema aplica borda/sombra em img de conteudo */
.edn img { border: 0; }

/* campos: o tema forca altura, sombra interna e text-indent em inputs.
   Nao mexemos em width/padding/border-radius — isso e do widget. */
.edn input:not([type="checkbox"]):not([type="radio"]),
.edn select,
.edn textarea {
    font-family: inherit;
    line-height: normal;
    text-indent: 0;
    background-image: none;
    min-height: 0;
    text-transform: none;
    letter-spacing: normal;
}

/* botao: SOMENTE o que o tema costuma forcar. width/height/background/
   border-radius ficam com o widget (.edn-submit). */
.edn button {
    font-family: inherit;
    text-transform: none;
    letter-spacing: normal;
    text-shadow: none;
    background-image: none;
}
/* Rainha da Paz Doação (editável) — estilo batido na /doe. Variáveis controladas pelo Elementor. */
.edn{
  --edn-cta:#FBC02D; --edn-cta-fg:#1D2327; --edn-primary:#2F6FA8;
  --edn-text:#1f2733; --edn-label:#66707e; --edn-card:#fff; --edn-border:#e3e7ee;
  --edn-radius:18px;
  color:var(--edn-text); font-family:inherit;
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background-size:cover; background-position:center top; background-repeat:no-repeat;
  padding:0 20px 36px;            /* fundo em largura total (edge-to-edge) */
}
.edn *{box-sizing:border-box}
.edn-inner{max-width:900px;margin:0 auto}
.edn.edn--nohero{padding-top:48px}
.edn [hidden]{display:none !important}
.edn .edn-amt{position:relative !important;overflow:visible !important}
.edn .edn-amt__tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--edn-cta);color:var(--edn-cta-fg);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap;line-height:1.2;box-shadow:0 4px 10px -4px rgba(0,0,0,.25)}
.edn .edn-amounts{padding-top:8px}
.edn .edn-trust{display:flex !important;flex-direction:column;align-items:center;gap:8px;margin-top:16px;text-align:center}
.edn .edn-trust__line{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:13px;line-height:1.45;color:var(--edn-label)}
.edn .edn-trust__ico{flex:0 0 auto;color:#1F9D55}
.edn .edn-trust__link{font-size:13px;font-weight:600;color:var(--edn-primary) !important;text-decoration:underline !important}
.edn .edn-trust__img{max-width:320px;width:100%;height:auto;margin-top:6px;opacity:.95}
.edn .edn-amt.has-sub{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.15 !important}
.edn .edn-amt__sub{font-size:11.5px;font-weight:600;opacity:.72;letter-spacing:0;line-height:1.25}
.edn .edn-amt.is-active .edn-amt__sub{opacity:.92}
@media (max-width:640px){
  .edn .edn-amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .edn .edn-amounts .edn-amt[data-amt="other"]{grid-column:1/-1}
  .edn .edn-amt{padding:14px 8px !important}
  .edn .edn-amt__sub{font-size:12px}
}

/* HERO — imagem das crianças + pílulas navy, sobre o fundo de campo */
.edn-hero{display:flex;align-items:center;justify-content:center;gap:30px;padding:44px 10px 0;flex-wrap:wrap}
.edn-hero__img{width:300px;max-width:44%;min-width:200px;height:auto;align-self:flex-end;margin-bottom:-14px;position:relative;z-index:2;filter:drop-shadow(0 12px 22px rgba(0,0,0,.38))}
.edn-hero__txt{display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex:1;min-width:260px;max-width:520px}
.edn-hero__t1,.edn-hero__t2{background:var(--edn-primary);color:#fff;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.24);line-height:1.2}
.edn-hero__t1{font-size:25px;font-weight:800;padding:13px 22px}
.edn-hero__t2{font-size:15px;font-weight:500;padding:11px 20px}

/* CARD — branco, sobrepõe o hero por baixo */
.edn-card{background:var(--edn-card);border-radius:var(--edn-radius);padding:26px 28px 30px;box-shadow:0 16px 50px rgba(20,30,60,.16);margin-top:0;position:relative;z-index:1}
.edn-badge{display:inline-block;color:var(--edn-primary);font-weight:800;font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}
.edn-h2{font-size:21px;font-weight:800;margin:0 0 18px;color:var(--edn-text)}
.edn-h3{font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--edn-primary);margin:24px 0 12px;padding-top:16px;border-top:1px solid var(--edn-border)}

.edn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.edn-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.edn-w-full{grid-column:1/-1}
.edn-field>label{font-size:13px;font-weight:600;color:var(--edn-label)}
.edn-input{width:100%;padding:12px 13px;border:1.5px solid var(--edn-border);border-radius:12px;font-size:14px;background:#fff;color:var(--edn-text);font-family:inherit}
.edn-input:focus{outline:none;border-color:var(--edn-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--edn-primary) 16%,transparent)}
.edn-amounts{display:flex;gap:10px;flex-wrap:wrap}
.edn-amt{flex:1;min-width:96px;padding:14px 10px;border:1.5px solid var(--edn-border);background:#fff;border-radius:12px;font-weight:800;cursor:pointer;color:var(--edn-text);font-family:inherit;transition:.15s}
.edn-amt:hover{border-color:var(--edn-primary)}
.edn-amt.is-active{border-color:var(--edn-primary);background:var(--edn-primary);color:#fff}
.edn-summary{background:#f6f8fb;border-radius:12px;padding:14px 16px}
.edn-summary__row{display:flex;justify-content:space-between;padding:4px 0}
.edn-summary__total{font-weight:800;border-top:1px solid var(--edn-border);margin-top:6px;padding-top:8px}
.edn-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--edn-label);margin-top:10px;cursor:pointer}
.edn-pay{display:flex;flex-direction:column;gap:8px}
.edn-pay__opt{display:flex;gap:10px;align-items:center;border:1.5px solid var(--edn-border);border-radius:12px;padding:13px;cursor:pointer;font-size:14px}
.edn-pay__opt:has(input:checked){border-color:var(--edn-primary);background:color-mix(in srgb,var(--edn-primary) 7%,#fff)}
.edn-submit{width:100%;margin-top:22px;height:52px;background:var(--edn-cta);color:var(--edn-cta-fg);border:0;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px -8px color-mix(in srgb,var(--edn-cta) 55%,transparent);transition:transform .15s}
.edn-submit:hover{transform:translateY(-1px)}
.edn-submit:disabled{opacity:.6;transform:none}
.edn-trust{display:flex;gap:16px;justify-content:center;margin-top:14px;color:var(--edn-label);font-size:12px;flex-wrap:wrap}
.edn-result{margin-top:16px;padding:14px;border-radius:12px;font-size:14px}
.edn-result.is-ok{background:#e7f1ff;color:var(--edn-primary)}
.edn-result.is-err{background:#fdecec;color:#c0392b}
.edn-result img{max-width:220px;display:block;margin:8px 0}
@media(max-width:640px){.edn-grid{grid-template-columns:1fr}.edn-hero{gap:14px}.edn-hero__img{width:150px}.edn{padding:0 12px 16px}}

/* ==========================================================================
   FUNDO ESTAVEL
   Com background-size:cover no proprio .edn, qualquer mudanca de altura do
   formulario (trocar PIX por Cartao, mostrar/esconder campos) fazia o
   navegador reescalar a imagem — dava a impressao de que o fundo "pulava".
   Ancorando o fundo na viewport, a altura do formulario deixa de afeta-lo.
   ========================================================================== */
.edn {
    background-attachment: fixed;
    background-position: center center;
}
/* iOS/Android tem bugs conhecidos com background-attachment:fixed;
   em telas pequenas voltamos ao comportamento normal. */
@media (max-width: 1024px) {
    .edn {
        background-attachment: scroll;
        background-position: center top;
    }
}
/* ==========================================================================
   BOTAO DE ENVIO — especificidade reforcada
   O The7 estiliza button/input[type=submit] com seletores mais especificos
   (e !important em varios pontos), o que anulava width/height/border-radius
   do .edn-submit e deixava o botao com aparencia de link. Aqui reafirmamos
   apenas a caixa do botao; a cor continua vindo das variaveis --edn-cta.
   ========================================================================== */
.edn form.edn-card button.edn-submit,
.edn button.edn-submit,
.edn .edn-submit {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 22px 0 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--edn-cta) !important;
    background-image: none !important;
    color: var(--edn-cta-fg) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    float: none !important;
    position: static !important;
}
.edn button.edn-submit:hover,
.edn .edn-submit:hover {
    background: var(--edn-cta) !important;
    color: var(--edn-cta-fg) !important;
    transform: translateY(-1px);
}
.edn button.edn-submit:disabled,
.edn .edn-submit:disabled { opacity: .6 !important; transform: none; }
.edn button.edn-submit:before,
.edn button.edn-submit:after { content: none !important; display: none !important; }

/* botoes de valor (R$ 50, R$ 100...) sofrem do mesmo problema */
.edn button.edn-amt,
.edn .edn-amt {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    background-image: none !important;
    outline: 0 !important;
    float: none !important;
}
.edn button.edn-amt:before,
.edn button.edn-amt:after { content: none !important; display: none !important; }
/* ==========================================================================
   BORDAS DOS CAMPOS — mais evidentes
   O tom original (#e3e7ee) quase desaparecia sobre o card branco. Aqui o
   contorno fica visivel sem pesar, e o foco ganha destaque claro.
   ========================================================================== */
.edn { --edn-border: #c3cbd9; }
.edn .edn-input,
.edn input:not([type="checkbox"]):not([type="radio"]),
.edn select,
.edn textarea {
    border: 1.5px solid var(--edn-border) !important;
    background-color: #fff !important;
}
.edn .edn-input:hover,
.edn input:not([type="checkbox"]):not([type="radio"]):hover,
.edn select:hover,
.edn textarea:hover {
    border-color: #9aa6bb !important;
}
.edn .edn-input:focus,
.edn input:not([type="checkbox"]):not([type="radio"]):focus,
.edn select:focus,
.edn textarea:focus {
    border-color: var(--edn-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--edn-primary) 18%, transparent) !important;
    outline: 0 !important;
}
/* opcoes de valor e de pagamento usam o mesmo contorno */
.edn .edn-amt,
.edn .edn-pay label,
.edn .edn-opt {
    border: 1.5px solid var(--edn-border) !important;
}
.edn .edn-amt:hover,
.edn .edn-pay label:hover {
    border-color: #9aa6bb !important;
}
/* ==========================================================================
   RADIO / CHECKBOX — espacamento harmonico
   O input nativo nao tinha tamanho nem margem definidos: herdava o padrao do
   navegador somado a margem que o tema injeta, o que deixava a distancia ate
   o texto irregular entre as opcoes. Aqui o controle tem tamanho fixo, margem
   zerada e o espacamento passa a vir apenas do gap do flex.
   ========================================================================== */
.edn .edn-pay__opt {
    gap: 12px !important;
    padding: 14px 16px !important;
    align-items: center !important;
    line-height: 1.3 !important;
}
.edn .edn-pay__opt input[type="radio"],
.edn .edn-pay__opt input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    accent-color: var(--edn-primary);
    vertical-align: middle !important;
    position: static !important;
    top: auto !important;
    cursor: pointer;
}
.edn .edn-pay__opt span {
    display: inline-block !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* mesmo tratamento para o checkbox da newsletter e demais opcoes em linha */

.edn label > input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    accent-color: var(--edn-primary);
    position: static !important;
    top: auto !important;
}
/* ==========================================================================
   CHECKBOX ALINHADO COM A FRASE
   Volta ao flex-start (alinha pela primeira linha, importante porque a frase
   quebra em duas linhas em telas menores) e desloca 1px para o centro optico
   coincidir com a altura da linha do texto.
   ========================================================================== */
.edn .edn-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    line-height: 1.35 !important;
}
.edn .edn-check > input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    accent-color: var(--edn-primary);
    position: static !important;
    top: auto !important;
    cursor: pointer;
}

/* ==========================================================================
   CAMPO "OUTRO VALOR" — mesma aparencia dos demais campos
   Ele nao tinha regra propria: herdava .edn-input mas ficava numa linha flex
   junto dos botoes de valor (flex:1; min-width:96px; padding:14px 10px), o
   que o deixava com altura e proporcao diferentes dos outros inputs.
   ========================================================================== */
.edn .edn-amt-other,
.edn input.edn-amt-other {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 96px !important;
    box-sizing: border-box !important;
    padding: 12px 13px !important;
    border: 1.5px solid var(--edn-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--edn-text) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    text-indent: 0 !important;
    box-shadow: none !important;
}
.edn .edn-amt-other:hover { border-color: #9aa6bb !important; }
.edn .edn-amt-other:focus {
    border-color: var(--edn-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--edn-primary) 18%, transparent) !important;
    outline: 0 !important;
}

/* ==========================================================================
   MODAL DE PIX / BOLETO
   Fica no <body>, fora do escopo do .edn, entao repete as variaveis e blinda
   contra o CSS do tema (The7 estiliza h3, button e a de forma agressiva).
   ========================================================================== */
.edn-modal{
    --edn-primary:#1e5bb8;
    position:fixed !important; inset:0 !important; z-index:999999 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    padding:16px !important;
}
.edn-modal__bd{ position:absolute !important; inset:0 !important; background:rgba(15,23,42,.62) !important; backdrop-filter:blur(2px); }
.edn-modal__box{
    position:relative !important; z-index:1 !important;
    background:#fff !important; border-radius:16px !important;
    box-shadow:0 24px 60px rgba(15,23,42,.28) !important;
    width:100% !important; max-width:420px !important;
    max-height:calc(100vh - 32px) !important; overflow-y:auto !important;
    padding:28px 24px 24px !important; text-align:center !important;
    font-family:inherit !important;
}
.edn-modal__x{
    position:absolute !important; top:8px !important; right:10px !important;
    background:none !important; border:0 !important; box-shadow:none !important;
    font-size:26px !important; line-height:1 !important; color:#8a94a6 !important;
    cursor:pointer !important; padding:6px !important; min-height:0 !important; width:auto !important;
}
.edn-modal__x:hover{ color:#33405a !important; background:none !important; }
.edn-modal__t{
    margin:0 0 10px !important; padding:0 !important;
    font-size:19px !important; line-height:1.3 !important; font-weight:700 !important;
    color:#1b2437 !important; text-transform:none !important; letter-spacing:0 !important;
}
.edn-modal__t:after{ display:none !important; }
.edn-modal__qr{ display:block !important; width:240px !important; max-width:100% !important; height:auto !important; margin:14px auto !important; border-radius:8px !important; }
.edn-modal__hint{ margin:10px 0 !important; font-size:13px !important; line-height:1.5 !important; color:#5b6579 !important; }
.edn-modal__code{
    margin:12px 0 !important; padding:10px 12px !important;
    background:#f1f4f9 !important; border:1px solid #dfe5ee !important; border-radius:10px !important;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace !important;
    font-size:12px !important; line-height:1.45 !important; color:#33405a !important;
    word-break:break-all !important; text-align:left !important; max-height:120px !important; overflow-y:auto !important;
}
.edn-modal__btn{
    display:block !important; width:100% !important; margin:8px 0 0 !important;
    padding:13px 16px !important; border:0 !important; border-radius:10px !important;
    background:var(--edn-primary) !important; color:#fff !important;
    font-size:15px !important; font-weight:600 !important; line-height:1.2 !important;
    text-align:center !important; text-decoration:none !important; text-transform:none !important;
    cursor:pointer !important; box-shadow:none !important; min-height:0 !important;
}
.edn-modal__btn:hover{ background:#174793 !important; color:#fff !important; }
.edn-modal__btn.is-ghost{ background:#eef2f8 !important; color:#33405a !important; }
.edn-modal__btn.is-ghost:hover{ background:#e2e8f2 !important; color:#1b2437 !important; }
.edn-modal__btn.is-copied{ background:#1f9d55 !important; color:#fff !important; }
.edn-modal__status{ margin-top:14px !important; padding:10px !important; border-radius:10px !important; font-size:14px !important; }
.edn-modal__status.is-ok{ background:#e7f7ee !important; color:#1f7a4d !important; }
.edn-modal__status.is-err{ background:#fdecec !important; color:#c0392b !important; }
.edn .edn-reopen{
    background:none !important; border:0 !important; padding:0 !important; margin:0 !important;
    color:var(--edn-primary) !important; text-decoration:underline !important;
    font-size:inherit !important; font-weight:600 !important; cursor:pointer !important;
    min-height:0 !important; width:auto !important; box-shadow:none !important;
}
@media(max-width:480px){
    .edn-modal__box{ padding:24px 16px 20px !important; }
    .edn-modal__qr{ width:200px !important; }
}
/* QR desenhado no navegador (PIX na chave da instituicao) */
.edn-modal__qr svg{display:block;width:100%;height:auto;}
div.edn-modal__qr{background:#fff;padding:8px;border:1px solid #E6EDF5;}

/* Acabamento sóbrio: sem sombra difusa, sem caixa-alta espaçada, sem brilho no botão. */
.edn .edn-card{box-shadow:none;border:1px solid var(--edn-border);border-radius:12px}
.edn .edn-badge{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}
.edn .edn-h3{text-transform:none;letter-spacing:0;font-size:16px;font-weight:700;color:var(--edn-text)}
.edn .edn-amt,.edn .edn-pay__opt,.edn .edn-input{border-radius:8px}
.edn button.edn-submit,.edn .edn-submit{box-shadow:none !important;border-radius:8px !important}
.edn button.edn-submit:hover,.edn .edn-submit:hover{transform:none !important;filter:brightness(.96)}
.edn .edn-amt__tag{text-transform:none;letter-spacing:0;box-shadow:none;font-weight:600;font-size:11px}
.edn.edn--nohero{padding-top:4px}
.edn .edn-h3{margin:30px 0 14px !important;padding-top:22px !important}
.rdp-tight p{margin:0 0 .6em !important}
.rdp-tight p:last-child{margin-bottom:0 !important}

/* ===== Formulário em modal (aberto pelos cards "Escolha como você quer colaborar") ===== */
html.edn-dlg-open, html.edn-dlg-open body{overflow:hidden !important}
.edn-dlg{position:fixed;inset:0;z-index:99990;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto}
.edn-dlg[hidden]{display:none !important}
.edn-dlg__bd{position:fixed;inset:0;background:rgba(15,23,42,.55)}
.edn-dlg__box{position:relative;width:100%;max-width:760px;background:#fff;border-radius:12px;box-shadow:0 20px 50px -12px rgba(15,23,42,.35);margin:auto 0}
.edn-dlg__head{padding:28px 60px 0 32px}
.edn-dlg .edn-dlg__t{margin:0 0 6px;font-size:26px;line-height:1.2;font-weight:700;color:#1F3B63}
.edn-dlg .edn-dlg__p{margin:0;font-size:15px;line-height:1.55;color:#4A5565}
.edn-dlg .edn-dlg__x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:#1F3B63;font-size:28px;line-height:1;cursor:pointer;padding:0;box-shadow:none;z-index:2}
.edn-dlg .edn-dlg__x:hover,.edn-dlg .edn-dlg__x:focus-visible{background:#EEF3F8;color:#1F3B63}
.edn-dlg .edn{padding:0 !important;background:none !important}
.edn-dlg .edn .edn-card{border:0 !important;box-shadow:none !important;padding:14px 32px 30px !important;max-width:none !important}
.edn-dlg .edn-inner{max-width:none !important;padding:0 !important}
/* no editor do Elementor o modal fica aberto no lugar */
.edn-dlg.is-inline{position:static;padding:0;display:block}
.edn-dlg.is-inline .edn-dlg__bd,.edn-dlg.is-inline .edn-dlg__x{display:none}
.edn-dlg.is-inline .edn-dlg__box{max-width:760px;margin:0 auto;border:1px dashed #9FB3C8;box-shadow:none}
@media(max-width:640px){
  .edn-dlg{padding:0}
  .edn-dlg__box{max-width:none;min-height:100%;border-radius:0;margin:0}
  .edn-dlg__head{padding:22px 56px 0 18px}
  .edn-dlg .edn-dlg__t{font-size:22px}
  .edn-dlg .edn .edn-card{padding:12px 18px 24px !important}
}
/* dentro do modal: anula a largura de tela cheia do .edn e fica acima das barras fixas do tema */
.edn-dlg{z-index:1000000 !important}
.edn-modal{z-index:1000001 !important}
.edn-dlg .edn{width:auto !important;max-width:none !important;margin:0 !important;left:auto !important;right:auto !important;transform:none !important}
.edn-dlg .edn-inner,.edn-dlg .edn .edn-card{width:auto !important;max-width:none !important;margin:0 !important}

/* ==========================================================================
   LAYOUT "TELA ÚNICA": tudo em uma página, valores em cards, rótulo ao lado do campo
   ========================================================================== */
.edn--tela .edn-h2{font-size:24px;line-height:1.3;margin-bottom:22px}
.edn--tela .edn-input{height:46px;padding:0 13px}
.edn--tela .edn-h3{font-size:18px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--edn-text);margin:28px 0 16px;padding-top:24px}
.edn--tela .edn-field>label{font-size:14px}
.edn-req{color:#d63638;margin-left:1px}
.edn-opc{display:block;font-size:12px;font-weight:400}

/* cards de valor */
.edn .edn-amounts--cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px}
.edn .edn-amounts--cards .edn-amt[data-amt="other"]{grid-column:auto}
.edn .edn-amt--card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:20px 18px;border:1.5px solid transparent;border-radius:12px;background:#f3f4f6;color:var(--edn-text);text-align:left;font-weight:600;line-height:1.35;white-space:normal;height:auto;box-shadow:none}
.edn .edn-amt--card:hover{border-color:var(--edn-primary);background:#f3f4f6;color:var(--edn-text)}
.edn .edn-amt--card.is-active,.edn .edn-amt--card.is-active:hover{border-color:var(--edn-primary);background:var(--edn-primary);color:#fff}
.edn-amt__doe,.edn-amt__titulo{font-size:15px;font-weight:700;color:var(--edn-primary)}
.edn-amt__val{font-size:26px;font-weight:800;line-height:1.1;color:var(--edn-primary)}
.edn-amt__dia{font-size:14px;font-weight:400;opacity:.85;margin-bottom:10px}
.edn[data-freq="unica"] .edn-amt__dia,.edn[data-freq="anual"] .edn-amt__dia{display:none}
.edn-amt__txt{font-size:14px;font-weight:600;opacity:.85}
.edn .edn-amt--card.is-active .edn-amt__doe,.edn .edn-amt--card.is-active .edn-amt__val,.edn .edn-amt--card.is-active .edn-amt__titulo{color:#fff}
.edn-amt__chk{position:absolute;top:18px;right:16px;width:30px;height:30px;border:1.5px solid var(--edn-primary);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--edn-primary);font-size:16px;font-weight:800}
.edn-amt--card.is-active .edn-amt__chk{border-color:#fff}
.edn-amt--card.is-active .edn-amt__chk::before{content:"\2713"}
.edn-amt--outro{cursor:pointer}
.edn-amt--outro .edn-amt__titulo{padding-right:36px;margin-bottom:16px}
.edn .edn-amt--outro .edn-amt-other{width:100%;padding:10px 12px;margin:0;color:var(--edn-text)}
.edn-amt__min{font-size:12px;font-weight:400;margin:6px 0 10px;opacity:.85}

/* rótulo ao lado do campo */
.edn-linha{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:12px;margin-bottom:14px}
.edn-consent{font-size:14px;color:var(--edn-label);margin:16px 0 8px}
.edn .edn-tip__btn{background:none;border:0;padding:0 2px;margin:0;font:inherit;font-weight:700;color:var(--edn-primary);cursor:pointer;line-height:1;box-shadow:none;width:auto;height:auto;min-height:0}
.edn .edn-tip__btn:hover{background:none;color:var(--edn-primary)}
.edn-tip__bubble{background:#4a5568;color:#fff;font-size:13px;line-height:1.5;border-radius:8px;padding:10px 12px;margin:0 0 10px}

@media (max-width:900px){.edn .edn-amounts--cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){
  .edn .edn-amounts--cards{grid-template-columns:1fr}
  .edn-linha{grid-template-columns:1fr;gap:6px}
  .edn-opc{display:inline}
}

/* ==========================================================================
   TELA ÚNICA — hero + card no estilo da /doe da eprocad
   ========================================================================== */
.edn.edn--tela{background:none}
.edn--tela .edn-hero{padding:64px 10px 34px}
.edn--tela .edn-hero__txt{align-items:center;text-align:center;max-width:760px}
.edn--tela .edn-hero__t1,.edn--tela .edn-hero__t2{background:var(--edn-navy,#254276)}
.edn--tela .edn-hero__t1{font-size:32px;padding:16px 26px}
.edn--tela .edn-hero__t2{font-size:17px;padding:12px 22px}
.edn--tela .edn-card{padding:34px 36px 36px;box-shadow:0 24px 60px rgba(15,30,60,.28)}

/* abertura do card */
.edn-intro{margin:0 0 28px;padding-bottom:26px;border-bottom:1px solid var(--edn-border)}
.edn-intro__txt h2,.edn-intro__txt h3{font-size:20px;font-weight:700;line-height:1.35;margin:0 0 12px;color:var(--edn-text)}
.edn-intro__txt p{font-size:15px;line-height:1.65;margin:0 0 12px;color:var(--edn-text)}
.edn-intro__pix{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 16px;font-size:15px;font-weight:600;color:var(--edn-text)}
.edn-intro__key{color:var(--edn-primary);font-weight:800}
.edn .edn-copy{background:#fff;border:1.5px solid var(--edn-primary);color:var(--edn-primary);border-radius:999px;padding:5px 14px;font:inherit;font-size:13px;font-weight:700;line-height:1.3;cursor:pointer;width:auto;height:auto;box-shadow:none;text-transform:none}
.edn .edn-copy:hover{background:var(--edn-primary);color:#fff}
.edn .edn-copy.is-copied{background:#1F9D55;border-color:#1F9D55;color:#fff}

/* blocos expansíveis */
.edn-intl{margin:10px 0 0;border:1px solid var(--edn-border);border-radius:12px;background:#f7f9fc;overflow:hidden}
.edn .edn-intl__sum{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;color:var(--edn-primary);font-size:15px;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.edn-intl__sum::-webkit-details-marker{display:none}
.edn-intl__sum::after{content:'+';font-weight:800;font-size:18px;color:var(--edn-label)}
.edn-intl[open] .edn-intl__sum::after{content:'\2013'}
.edn-intl__body{padding:0 18px 18px;font-size:14px;line-height:1.6;color:var(--edn-text)}
.edn-intl__body p{margin:0 0 10px}
.edn .edn-intl__body ul.edn-bancos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
.edn .edn-intl__body ul.edn-bancos li{background:#fff;border:1px solid var(--edn-border);border-radius:10px;padding:10px 14px;line-height:1.5}
.edn-pixbox{display:flex;gap:18px;align-items:center;margin-top:12px;padding:14px;border:1px solid var(--edn-border);border-radius:12px;background:#fff}
.edn-pixbox__qr{flex:0 0 130px;width:130px;height:130px}
.edn-pixbox__qr svg{width:100%;height:100%;display:block}
.edn-pixbox__txt p{margin:0 0 10px}
.edn .edn-intl__btn{display:inline-block;margin-top:6px;padding:10px 18px;border-radius:10px;background:var(--edn-cta);color:var(--edn-cta-fg) !important;font-weight:700;text-decoration:none !important}

@media (max-width:560px){
  .edn--tela .edn-hero{padding:28px 4px 18px}
  .edn--tela .edn-hero__t1{font-size:22px;padding:12px 16px}
  .edn--tela .edn-hero__t2{font-size:14px;padding:10px 14px}
  .edn--tela .edn-card{padding:24px 18px 26px}
  .edn .edn-intl__body ul.edn-bancos{grid-template-columns:1fr}
  .edn-pixbox{flex-direction:column;text-align:center}
}