#s-donation { padding-top: 32px; }
.donation-wrap { max-width: 1180px; }
.donation-hero { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:35px 40px; border:1px solid #c49b5933; border-radius:18px; background:radial-gradient(ellipse at top right,#76213b40,transparent 65%),linear-gradient(120deg,#21151e,#10141c); margin-bottom:26px; overflow:hidden; }
.donation-hero h2 { font-family:var(--font-ui); font-size:clamp(2rem,3.5vw,2.8rem); line-height:1.15; color:#f0e6dc; font-weight:600; margin:14px 0; letter-spacing:-.8px; }
.donation-hero h2 em { font-style:normal; color:#e4be7a; }
.donation-hero p { max-width:510px; font-size:.87rem; line-height:1.8; color:#aaa0b0; }
.donation-hero .hkick { font-size:.62rem; color:#c6a578; }
.donation-preview-badge { display:inline-block; margin-top:20px; font-size:.51rem; letter-spacing:1.3px; color:#ab8f9b; }
.donation-crest { flex:0 0 190px; }
.donation-crest img { display:block; width:190px; height:190px; object-fit:contain; filter:drop-shadow(0 8px 16px #0006); }
.donation-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:26px; align-items:start; }
.donation-options { padding:26px; border:1px solid #ffffff0c; border-radius:14px; background:#11141de8; }
.donation-section-heading { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.donation-section-heading>span { color:#d8b57b; border:1px solid #c8a76c3b; width:35px; height:35px; border-radius:50%; display:grid; place-items:center; font-size:.7rem; flex-shrink:0; }
.donation-section-heading h3 { font-family:var(--font-ui); font-size:1.08rem; color:#e2d4c4; font-weight:500; }
.donation-section-heading p { font-size:.74rem; color:#8e8597; margin-top:4px; }
.donation-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.donation-value { position:relative; padding:22px 14px; border:1px solid #ffffff12; border-radius:9px; color:#e4d2b0; background:#0b1019; text-align:left; cursor:pointer; transition:border-color .2s,background .2s; }
.donation-value span { display:block; color:#8c8094; font-size:.62rem; margin-bottom:9px; }
.donation-value strong { font-family:var(--font-ui); font-size:clamp(.95rem,1.5vw,1.25rem); white-space:nowrap; font-weight:600; }
.donation-coin-count { display:block; margin-top:10px; font-size:.59rem; color:#d0a765; }
.donation-cash-promo { display:block; color:#dfa1b3; font-size:.64rem; margin-top:8px; }
.donation-discount-promo { display:block; color:#b9d49e; font-size:.6rem; margin-top:9px; line-height:1.6; }
#donation-discount { color:#b9d49e; }
#donation-bonus-cash { color:#dfa1b3; }
.donation-value span.donation-cash-count { margin-top:10px; margin-bottom:0; text-transform:none; letter-spacing:0; font-size:.8rem; color:#e5c38c; font-weight:600; }
#donation-cash { color:#e5c38c; font-weight:600; }
.donation-cash-rule { color:#a291ab; font-size:.69rem; line-height:1.6; margin:0 0 18px; }
.donation-coin-benefit img { flex-shrink:0; }
#donation-coins { color:#e9c27d; font-weight:600; }
.donation-value i { position:absolute; top:10px; right:10px; font-size:.6rem; color:#edcb89; opacity:0; }
.donation-value[aria-pressed="true"] { background:linear-gradient(135deg,#4d1b30,#251822); border-color:#d0a361b3; }
.donation-value[aria-pressed="true"] i { opacity:1; }
.donation-value:hover { border-color:#c8a76c80; }
.donation-value:focus-visible { outline:2px solid #f0ce89; outline-offset:3px; }
.donation-support { display:flex; align-items:center; gap:14px; border-top:1px solid #ffffff0b; margin-top:25px; padding-top:20px; }
.donation-support>i { font-size:1.25rem; color:#b69a66; }
.donation-support strong { font-size:.75rem; color:#bdb0ba; font-weight:500; }
.donation-support p { color:#7e7487; font-size:.66rem; margin-top:4px; }
.donation-summary { position:sticky; top:100px; padding:26px; border:1px solid #c09a5e45; border-radius:14px; background:linear-gradient(145deg,#281722,#0e131c); }
.donation-summary .hkick { color:#c8a46d; font-size:.57rem; }
.donation-summary h3 { font-family:var(--font-ui); color:#e4d4c6; font-size:1.1rem; margin:7px 0 24px; font-weight:500; }
.donation-selected { border-bottom:1px solid #ffffff0d; padding-bottom:22px; }
.donation-selected small { display:block; font-size:.7rem; color:#96879c; }
.donation-selected strong { display:block; color:#edc988; font-family:var(--font-ui); font-size:2.05rem; margin-top:5px; font-weight:600; }
.donation-summary dl { margin:22px 0; }
.donation-summary dl>div { display:flex; justify-content:space-between; gap:12px; font-size:.72rem; margin:14px 0; }
.donation-summary dt { color:#908395; }.donation-summary dd { color:#c7b7c1; }
.donation-summary .btn { width:100%; font-size:.8rem; }
.donation-summary .btn:disabled { cursor:not-allowed; opacity:.55; }
.donation-disclaimer { color:#86798d; font-size:.66rem; line-height:1.7; margin-top:15px; }
.donation-terms { margin:20px 0 15px; border-top:1px solid #ffffff12; padding-top:18px; }
.donation-terms h4 { color:#d6bd92; font-size:.78rem; font-weight:600; margin-bottom:10px; }
.donation-terms p { color:#aca1b1; font-size:.69rem; line-height:1.75; margin-bottom:10px; }
.donation-consent { display:flex; align-items:flex-start; gap:10px; color:#cfbfcb; font-size:.7rem; line-height:1.6; cursor:pointer; }
.donation-consent input { width:16px; height:16px; flex-shrink:0; margin-top:3px; accent-color:#b93b5c; }
.donation-consent-note { color:#8f8096; font-size:.63rem; line-height:1.6; margin:10px 0 18px; }
.donation-selection-status { color:#c3a779; font-size:.68rem; margin-top:10px; }
@media(max-width:900px) { .donation-layout { grid-template-columns:minmax(0,1fr); }.donation-summary { position:static; }.donation-crest { flex-basis:145px; }.donation-crest img { width:145px; height:145px; } }
@media(max-width:550px) { .donation-hero { padding:26px; }.donation-crest { display:none; }.donation-options { padding:18px; }.donation-values { grid-template-columns:repeat(2,minmax(0,1fr)); }.donation-value { padding:20px 14px; } }
@media(prefers-reduced-motion:reduce) { .donation-value { transition:none; } }

/* Interface Loyalty: superfícies de vidro escuro, recortes e luz rubi. */
.donation-wrap { max-width:1240px; }
.donation-hero { position:relative; isolation:isolate; border-radius:8px 32px 8px 32px; padding:38px 44px; background:radial-gradient(ellipse at 85% 30%,#bb315435,transparent 60%),linear-gradient(120deg,#11151f,#24131e); border-color:#d19a6b40; }
.donation-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(90deg,transparent,#000); pointer-events:none; }
.donation-hero::after { content:''; position:absolute; bottom:0; left:44px; width:140px; height:2px; background:linear-gradient(90deg,#eabf78,#cb3f68); box-shadow:0 0 16px #d4406859; }
.donation-hero .hkick { letter-spacing:2.5px; }
.donation-hero h2 { font-size:clamp(2rem,3.6vw,3rem); letter-spacing:-1px; }
.donation-hero h2 em { background:linear-gradient(90deg,#f5ddb2,#cf9c51); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.donation-preview-badge { border:1px solid #d28a9d30; background:#1d101a88; border-radius:4px; padding:7px 10px; color:#c69aab; }
.donation-crest { position:relative; flex-basis:210px; }
.donation-crest::before { content:none; }
.donation-crest { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; min-height:190px; }
.donation-crest>i { color:#e5bd7b; font-size:5rem; line-height:1.2; }
.donation-crest>span { color:#c49ea7; font-family:var(--font-ui); font-size:.65rem; letter-spacing:2px; }
.donation-crest img { position:relative; width:210px; height:210px; }
.donation-layout { grid-template-columns:minmax(0,1fr) 360px; gap:22px; }
.donation-options { padding:28px; border-color:#b9a0c01c; background:linear-gradient(150deg,#151923ed,#11121bee); border-radius:16px; }
.donation-section-heading { border-bottom:1px solid #ffffff0b; padding-bottom:22px; }
.donation-section-heading>span { border-radius:7px; background:#8c244122; border-color:#ce527a47; color:#dfb383; font-family:var(--font-ui); }
.donation-values { gap:14px; }
.donation-value { display:flex; align-items:flex-start; flex-direction:column; overflow:hidden; isolation:isolate; min-height:178px; padding:20px 16px 17px; border:1px solid #9488a426; border-radius:5px 16px 5px 16px; background:radial-gradient(ellipse at top right,#75465b16,transparent 80%),#0b101a; box-shadow:inset 0 1px 0 #ffffff05; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.donation-value::before { content:''; position:absolute; top:0; right:15px; width:28px; height:2px; background:#92734b73; transition:width .25s ease,background .25s ease; }
.donation-value::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(115deg,transparent 20%,#f5c6850d 50%,transparent 80%); transform:translateX(-110%); transition:transform .6s ease; pointer-events:none; }
.donation-package-coin { width:38px; height:38px; margin-bottom:13px; object-fit:contain; filter:drop-shadow(0 3px 6px #0006); }
.donation-value span { font-size:.56rem; letter-spacing:1px; text-transform:uppercase; color:#a395aa; margin-bottom:5px; }
.donation-value strong { font-size:clamp(1rem,1.65vw,1.45rem); color:#eadfcc; line-height:1.3; }
.donation-coin-count { display:inline-block; padding:5px 7px; border-radius:4px; background:#bc91430d; color:#bfaa81; font-size:.57rem; margin-top:13px; border:1px solid #bf99551a; }
.donation-value i { top:16px; right:13px; border:1px solid #c7a66b66; border-radius:50%; width:18px; height:18px; display:grid; place-items:center; font-size:.5rem; background:#1e1421; }
.donation-value:hover { transform:translateY(-3px); border-color:#d1ae6b80; box-shadow:0 8px 20px #0003; }
.donation-value:hover::after { transform:translateX(110%); }
.donation-value[aria-pressed="true"] { border-color:#d06080a6; background:radial-gradient(ellipse at top left,#95334a30,transparent 75%),linear-gradient(130deg,#291523,#171520); box-shadow:inset 0 0 25px #be49660a,0 0 0 1px #a63a5715; }
.donation-value[aria-pressed="true"]::before { width:calc(100% - 30px); background:linear-gradient(90deg,#edc78b,#d64c78); }
.donation-value[aria-pressed="true"] strong { color:#f2cd91; }
.donation-value[aria-pressed="true"] .donation-coin-count { color:#edc78b; background:#d7a44c12; border-color:#c9a05d3d; }
.donation-support { padding:18px; border:1px solid #ba91652b; border-radius:9px; background:#c29c4b06; }
.donation-support p { color:#9b8ca4; line-height:1.7; }
.donation-summary { border-radius:16px; border-color:#b8708759; background:linear-gradient(150deg,#241622ed,#0f1420f5); box-shadow:0 16px 40px #0003,inset 0 1px 0 #e4c08c12; }
.donation-summary .hkick { letter-spacing:2px; color:#ca8c9d; }
.donation-summary h3 { font-size:1.2rem; }
.donation-selected { padding:18px; border:1px solid #d1a56f30; border-radius:8px; background:linear-gradient(125deg,#e5c38a08,#ab365115); }
.donation-selected strong { font-size:2.15rem; font-variant-numeric:tabular-nums; }
.donation-summary dl>div { padding-bottom:10px; border-bottom:1px solid #ffffff06; }
.donation-summary dl>div:has(#donation-coins) { align-items:center; }
#donation-coins { background:#bf965613; border:1px solid #e0b86836; padding:5px 10px; border-radius:5px; }
.donation-summary .btn:disabled { background:#39202e; border-color:#8e4f6150; color:#b792a4; opacity:1; }
@media(max-width:1000px) { .donation-layout { grid-template-columns:minmax(0,1fr) 320px; }.donation-options { padding:20px; }.donation-value { padding:18px 12px; }.donation-values { gap:10px; } }
@media(max-width:900px) { .donation-layout { grid-template-columns:minmax(0,1fr); }.donation-crest,.donation-crest img { width:165px; height:165px; }.donation-crest { flex-basis:165px; } }
@media(max-width:550px) { .donation-hero { padding:28px 24px; }.donation-values { grid-template-columns:repeat(2,minmax(0,1fr)); }.donation-value { min-height:169px; }.donation-value strong { font-size:1.15rem; }.donation-coin-count { font-size:.54rem; }.donation-summary { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .donation-value,.donation-value::before,.donation-value::after { transition:none; }.donation-value:hover { transform:none; } }

.donation-hero-refined { padding:42px 48px; border-radius:16px; border-color:#b99a6333; background:radial-gradient(ellipse at 100% 0,#72213d25,transparent 65%),linear-gradient(105deg,#14151e,#20131e); gap:45px; }
.donation-hero-refined::before { background:linear-gradient(125deg,transparent 68%,#ae76830a 68.1%,transparent 90%); mask-image:none; }
.donation-hero-refined::after { left:48px; width:64px; box-shadow:none; height:2px; }
.donation-banner-copy { flex:1; max-width:680px; }
.donation-hero-refined .hkick { font-size:.59rem; letter-spacing:2px; color:#bca077; }
.donation-hero-refined h2 { font-size:clamp(2rem,3.4vw,2.9rem); font-weight:500; margin:17px 0 18px; line-height:1.18; }
.donation-hero-refined p { max-width:490px; font-size:.88rem; color:#a99daa; }
.donation-purpose { display:flex; flex-wrap:wrap; gap:20px; margin-top:22px; }
.donation-purpose span { display:inline-flex; align-items:center; gap:8px; color:#ac9caa; font-size:.68rem; }
.donation-purpose i { color:#c1a375; font-size:.72rem; }
.donation-hero-refined .donation-preview-badge { border:0; padding:0; background:none; color:#8c7487; font-size:.48rem; margin-top:25px; }
.donation-contribution-art { flex:0 0 250px; display:flex; flex-direction:column; align-items:center; }
.donation-contribution-art svg { width:240px; height:230px; max-width:100%; }
.donation-contribution-art>span { font-size:.5rem; letter-spacing:2.2px; color:#a48b8d; margin-top:2px; }
@media(max-width:900px) { .donation-hero-refined { padding:32px; gap:20px; }.donation-contribution-art { flex-basis:185px; }.donation-contribution-art svg { height:190px; } }
@media(max-width:600px) { .donation-hero-refined { padding:28px 24px; }.donation-contribution-art { display:none; }.donation-purpose { gap:12px 18px; }.donation-hero-refined::after { left:24px; } }

.donation-hero-refined { min-height:340px; padding:44px 48px; border-radius:18px; background:radial-gradient(ellipse at 90% 50%,#91304b26,transparent 53%),linear-gradient(115deg,#141620 20%,#251622 75%,#15131d); }
.donation-hero-refined::before { background:linear-gradient(118deg,transparent 62%,#dba77209 62.1%,transparent 78%),linear-gradient(118deg,transparent 77%,#f3b2c206 77.1%,transparent); }
.donation-hero-refined::after { width:130px; background:linear-gradient(90deg,#d7b274,#a62b50,transparent); }
.donation-hero-refined h2 { font-size:clamp(2rem,3.6vw,3.1rem); letter-spacing:-1.1px; line-height:1.16; margin:18px 0; }
.donation-hero-refined h2 em { background:linear-gradient(95deg,#f3dfb7,#c79b57); background-clip:text; -webkit-background-clip:text; }
.donation-purpose { gap:10px; margin-top:24px; }
.donation-purpose span { padding:7px 10px; border:1px solid #d6b17c17; border-radius:5px; background:#090d142e; color:#b7a7b6; font-size:.63rem; }
.donation-coin-display { flex-basis:280px; align-self:center; gap:10px; }
.donation-coin-stack { position:relative; width:260px; height:180px; }
.donation-display-coin { position:absolute; object-fit:contain; filter:drop-shadow(0 12px 15px #0004); }
.donation-display-coin.coin-back { width:120px; height:120px; left:15px; top:35px; transform:rotate(-22deg); opacity:.72; }
.donation-display-coin.coin-middle { width:140px; height:140px; right:2px; top:20px; transform:rotate(17deg); opacity:.85; }
.donation-display-coin.coin-front { width:170px; height:170px; left:48px; top:0; transform:rotate(-7deg); }
.donation-art-caption { text-align:center; }
.donation-art-caption>span { display:block; color:#ab8c89; font-size:.51rem; letter-spacing:4px; }
.donation-art-caption strong { display:block; font-family:var(--font-title); font-size:1.25rem; letter-spacing:5px; color:#e7c588; line-height:1.5; margin-left:5px; }
.donation-art-caption small { display:block; color:#8d7c91; font-size:.64rem; margin-top:7px; }
@media(max-width:900px) { .donation-hero-refined { padding:32px; }.donation-coin-display { flex-basis:215px; }.donation-coin-stack { transform:scale(.85); width:240px; height:165px; } }
@media(max-width:600px) { .donation-hero-refined { min-height:0; padding:28px 24px; }.donation-coin-display { display:none; } }