#donaciones .donation-carousel { align-content: center; perspective: 1100px; overflow: hidden; }
#donaciones .donation-cards { display: flex; width: 100%; transition: transform .52s cubic-bezier(.22,.8,.2,1); }
.donation-card { color: #fffaf0; min-width: 0; max-width: 100%; min-height: 265px; padding: 1.45rem; border-radius: 20px; background: radial-gradient(circle at 78% 12%, rgba(242, 203, 124, .24), transparent 28%), linear-gradient(135deg, #1d302c, #4f3824 58%, #a87938); box-shadow: 0 18px 35px rgba(37, 27, 16, .22); transform: rotateX(9deg) rotateY(-10deg); transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s; outline: none; }
.donation-cards .donation-card { flex: 0 0 100%; box-sizing: border-box; }
.donation-card:nth-child(2n) { background: linear-gradient(135deg, #2d2130, #6c4040 62%, #b38349); }
.donation-card.is-visible, .donation-card:hover, .donation-card:focus { transform: rotateX(0) rotateY(0) translateY(-7px); box-shadow: 0 28px 45px rgba(37, 27, 16, .3); }
.donation-card-head { display: flex; align-items: flex-start; justify-content: space-between; min-height: 2.4rem; font-size: .78rem; letter-spacing: .1em; opacity: .94; }
.donation-card-head strong { max-width: 65%; font-weight: 600; overflow-wrap: anywhere; text-align: right; }
.donation-card-chip { width: 2.6rem; height: 1.9rem; border-radius: .35rem; background: repeating-linear-gradient(90deg, transparent 0 25%, rgba(116,83,25,.65) 26% 29%, transparent 30% 49%), repeating-linear-gradient(0deg, #e5c767 0 29%, #c39b38 30% 33%, #e5c767 34% 62%); box-shadow: inset 0 0 0 1px rgba(88, 62, 18, .24); }
.donation-number { margin: 1.85rem 0 1.15rem; font-family: "Courier New", monospace; font-size: clamp(.92rem, 2.2vw, 1.55rem); letter-spacing: .08em; line-height: 1.35; overflow-wrap: anywhere; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
.donation-number.is-long { font-size: clamp(.8rem, 1.6vw, 1.08rem); letter-spacing: .035em; }
.donation-holder { margin: 0 0 1rem; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
.donation-data { display: grid; gap: .45rem; }
.donation-copy { display: flex; align-items: center; justify-content: space-between; gap: .6rem; width: 100%; max-width: 100%; box-sizing: border-box; padding: .58rem .7rem; border: 1px solid rgba(255,255,255,.27); border-radius: 8px; background: rgba(255,255,255,.1); color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background .2s; }
.donation-copy:hover, .donation-copy:focus { background: rgba(255,255,255,.22); }
.donation-copy span { display: grid; min-width: 0; gap: .1rem; overflow-wrap: anywhere; font-size: clamp(.75rem, 1.5vw, .92rem); letter-spacing: .045em; }
.donation-copy small { font-size: .6rem; letter-spacing: .11em; opacity: .78; }
.donation-copy b { flex: 0 0 auto; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }
.donation-card-foot { display: flex; align-items: end; justify-content: space-between; gap: .5rem; }
.donation-copy-hint { margin: .7rem 0 0; font-size: .72rem; opacity: .78; }
.donation-card-foot > span { max-width: 46%; font-size: .66rem; font-weight: 600; letter-spacing: .08em; opacity: .82; overflow-wrap: anywhere; text-transform: uppercase; text-align: right; }
.donation-carousel-controls { display: flex; align-items: center; justify-content: center; gap: .9rem; margin-top: 1.1rem; }
.donation-arrow { width: 2.5rem; height: 2.5rem; border: 1px solid #b9863a; border-radius: 50%; background: transparent; color: #6c4a25; font-size: 1.2rem; cursor: pointer; transition: background .2s, color .2s, transform .2s; }
.donation-arrow:hover, .donation-arrow:focus { color: #fff; background: #8f652d; transform: scale(1.08); }
.donation-carousel-status { min-width: 3.5rem; color: #6c4a25; font-size: .78rem; text-align: center; letter-spacing: .08em; }
.donation-empty { min-height: 255px; padding: 2rem; display: grid; place-content: center; text-align: center; border: 1px dashed #b9863a; border-radius: 20px; color: #4f3824; }
.donation-empty span { font-size: 2.5rem; color: #b9863a; }
.donation-empty strong { font-family: "Cormorant Garamond", serif; font-size: 2rem; }
.donation-empty p { margin: 0; }
@media (max-width: 760px) { #donaciones .donation-carousel { margin-top: 2rem; } .donation-card { min-height: 0; } }
@media (prefers-reduced-motion: reduce) { .donation-card { transition: none; transform: none; } }