/* Texturas leves: distinguem as áreas sem competir com fotos, texto ou acessibilidade. */
#idat::before,#atuacao::before,#atendimentos::before,#projetos::before,#eventos::before,#acoes::before,.family::before,.values::before,.gallery::before,.audience::before,.region::before,#ajudar::before,.faq::before,.final-cta::before,.contact::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.34}
#idat::before{background-image:radial-gradient(circle at 14% 20%,rgba(30,119,185,.12) 0 2px,transparent 3px);background-size:25px 25px}
#atuacao::before{background-image:repeating-linear-gradient(135deg,rgba(22,153,64,.08) 0 1px,transparent 1px 16px)}
#atendimentos::before{background-image:radial-gradient(circle at 85% 10%,rgba(32,122,191,.12) 0 2px,transparent 3px);background-size:22px 22px}
#projetos::before{background-image:linear-gradient(45deg,rgba(230,166,9,.07) 25%,transparent 25% 75%,rgba(24,112,180,.07) 75%);background-size:28px 28px}
#eventos::before{background-image:repeating-radial-gradient(ellipse at 12% 105%,rgba(25,111,182,.11) 0 2px,transparent 3px 17px)}
#acoes::before{background-image:radial-gradient(circle at 10% 10%,rgba(232,79,70,.08) 0 2px,transparent 3px),radial-gradient(circle at 90% 90%,rgba(23,155,56,.08) 0 2px,transparent 3px);background-size:30px 30px}
.family::before{background-image:repeating-linear-gradient(0deg,rgba(31,116,182,.07) 0 1px,transparent 1px 18px)}
.values::before{background-image:linear-gradient(90deg,rgba(25,154,57,.06) 1px,transparent 1px),linear-gradient(rgba(25,154,57,.06) 1px,transparent 1px);background-size:22px 22px}
.gallery::before{background-image:radial-gradient(circle,rgba(231,164,10,.09) 1px,transparent 2px);background-size:18px 18px}
.audience::before{background-image:repeating-linear-gradient(45deg,rgba(31,113,183,.06) 0 2px,transparent 2px 18px)}
.region::before{background-image:repeating-linear-gradient(12deg,rgba(30,141,67,.09) 0 1px,transparent 1px 20px)}
#ajudar::before{background-image:radial-gradient(circle at 80% 28%,rgba(236,169,9,.16) 0 2px,transparent 3px),radial-gradient(circle at 30% 78%,rgba(33,128,191,.12) 0 2px,transparent 3px);background-size:26px 26px}
.faq::before{background-image:repeating-linear-gradient(90deg,rgba(232,166,10,.08) 0 1px,transparent 1px 20px)}
.final-cta::before{background-image:radial-gradient(circle at 15% 30%,rgba(255,255,255,.2) 0 2px,transparent 3px);background-size:22px 22px}
.contact::before{background-image:linear-gradient(135deg,rgba(29,117,184,.06) 25%,transparent 25% 75%,rgba(22,152,58,.06) 75%);background-size:32px 32px}

/* Mantém conteúdo interativo acima da textura; os três mascotes selecionados ficam visíveis no primeiro plano. */
#idat > *,#atuacao > *,#atendimentos > *,#projetos > *,#eventos > *,#acoes > *,.family > *,.values > *,.gallery > *,.audience > *,.region > *,#ajudar > *,.faq > *,.final-cta > *,.contact > *{position:relative;z-index:1}
.mascot-region,.mascot-project,.mascot-story{z-index:3!important;opacity:.9!important;filter:drop-shadow(0 10px 12px rgba(15,58,77,.16))}

/* A chamada de doação ganha escala, contraste e foco sem poluir o bloco. */
#ajudar .button.donate.large{min-width:270px;padding:1.15rem 2.3rem;font-size:1.03rem;letter-spacing:.02em;border:2px solid #fff;box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 5px rgba(232,165,8,.16)}
#ajudar .button.donate.large:hover,#ajudar .button.donate.large:focus-visible{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 0 6px rgba(232,165,8,.25)}
@media(max-width:650px){#ajudar .button.donate.large{min-width:0;width:100%;padding:1rem 1.25rem}.mascot-region,.mascot-project,.mascot-story{z-index:1!important}}