.donation-page { --donation-pink: #ef3f86; --donation-purple: #6c2bd9; --donation-deep: #24134f; --donation-orange: #ff9d56; --donation-teal: #2ab6aa; }
.product-gallery-section { padding-top: 92px; }.product-gallery-section .split-heading { margin-bottom: 38px; }.product-gallery { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }.product-gallery figure { aspect-ratio: 4 / 5; margin: 0; overflow: hidden; border-radius: 15px; background: #eadff5; }.product-gallery figure:nth-child(2), .product-gallery figure:nth-child(7) { transform: translateY(18px); }.product-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }.product-gallery figure:hover img { transform: scale(1.05); }.gallery-link { display: flex; justify-content: center; margin-top: 43px; color: var(--donation-purple); font-weight: 800; }
.donation-hero { position: relative; overflow: hidden; padding: 86px 0 108px; background: linear-gradient(115deg, #fffaf5 0%, #f8efff 55%, #ffe9f2 100%); }.donation-hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }.hero-glow-left { width: 500px; height: 500px; left: -320px; bottom: -280px; border: 1px solid rgba(240,63,134,.4); box-shadow: 0 0 0 70px rgba(240,63,134,.05), 0 0 0 140px rgba(240,63,134,.035); }.hero-glow-right { width: 400px; height: 400px; top: -230px; right: -180px; background: radial-gradient(circle, rgba(240,63,134,.3), transparent 68%); }.donation-hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; }.donation-hero-copy { position: relative; z-index: 1; max-width: 590px; }.donation-hero-copy h1 { max-width: 590px; font-size: clamp(50px, 6.5vw, 83px); }.donation-hero-copy .hero-lead { max-width: 570px; }.donation-hero-visual { position: relative; min-height: 570px; }.hero-image-main { position: absolute; z-index: 1; top: 28px; left: 120px; width: min(390px, 66%); height: 495px; overflow: hidden; border: 9px solid #fff; border-radius: 190px 190px 28px 28px; box-shadow: 0 28px 65px rgba(36,19,79,.2); transform: rotate(4deg); }.hero-image-main img, .hero-image-small img { width: 100%; height: 100%; object-fit: cover; }.hero-image-small { position: absolute; z-index: 2; overflow: hidden; border: 7px solid #fff; border-radius: 18px; box-shadow: 0 20px 48px rgba(36,19,79,.2); }.hero-image-small-one { top: 10px; right: 18px; width: 170px; height: 215px; transform: rotate(8deg); }.hero-image-small-two { right: 36px; bottom: 20px; width: 185px; height: 225px; transform: rotate(-7deg); }.hero-impact { position: absolute; z-index: 3; left: 0; bottom: 32px; display: grid; width: 132px; height: 132px; place-content: center; text-align: center; border-radius: 50%; color: #fff; background: var(--donation-deep); box-shadow: 0 14px 30px rgba(36,19,79,.22); transform: rotate(-8deg); }.hero-impact strong { font-size: 42px; line-height: .9; }.hero-impact span { margin-top: 7px; color: #e7dfff; font-size: 11px; line-height: 1.25; }.donation-ribbon { color: #fff; background: var(--donation-deep); }.donation-ribbon-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 22px 0; }.donation-ribbon strong { font-size: 16px; }.donation-ribbon span { color: #d9cdf4; font-size: 11px; letter-spacing: .07em; text-align: right; }.greta-section { padding-bottom: 120px; }.greta-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; align-items: end; }.greta-intro-grid h2 { max-width: 560px; }.greta-intro-grid p:not(.eyebrow) { color: var(--ink-soft); font-size: 16px; line-height: 1.6; }.greta-intro-grid p + p { margin-top: 19px; }.greta-modules { margin-top: 108px; }.module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.module-grid article { min-height: 210px; padding: 25px; border-top: 3px solid var(--donation-purple); border-radius: 0 0 17px 17px; background: #fff; box-shadow: 0 11px 33px rgba(36,19,79,.07); }.module-grid article:nth-child(2) { border-color: var(--donation-pink); }.module-grid article:nth-child(3) { border-color: var(--donation-orange); }.module-grid article:nth-child(4) { border-color: var(--donation-teal); }.module-grid article:nth-child(5) { border-color: #a88cff; }.module-grid article:nth-child(6) { border-color: #83c94c; }.module-grid span { display: block; margin-bottom: 35px; color: var(--donation-pink); font-size: 11px; letter-spacing: .14em; font-weight: 800; }.module-grid h3 { font-size: 19px; }.module-grid p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.5; }.impact-section { color: #fff; background: linear-gradient(120deg, var(--donation-deep), #5924aa); }.impact-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 100px; align-items: center; }.impact-copy { max-width: 560px; }.impact-copy h2 { color: #fff; }.impact-copy p:not(.eyebrow) { color: #dcd2f0; font-size: 17px; line-height: 1.55; }.impact-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }.impact-cards article { min-height: 155px; padding: 23px; border: 1px solid rgba(255,255,255,.16); border-radius: 17px; background: rgba(255,255,255,.08); }.impact-cards article:nth-child(2) { background: rgba(255,157,86,.17); }.impact-cards article:nth-child(3) { background: rgba(239,63,134,.18); }.impact-cards article:nth-child(4) { background: rgba(42,182,170,.17); }.impact-cards strong { display: block; margin-bottom: 16px; color: #fff; font-size: 38px; line-height: 1; }.impact-cards span { display: block; color: #ded5ef; font-size: 13px; line-height: 1.4; }.support-section { padding-top: 112px; padding-bottom: 112px; }.support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.support-card { display: flex; min-height: 440px; padding: 32px; flex-direction: column; border-radius: 23px; }.support-card-primary { color: #fff; background: linear-gradient(145deg, var(--donation-deep), var(--donation-purple)); }.support-card-store { color: var(--ink); background: #ffe6ee; }.support-number { margin-bottom: 62px; color: var(--donation-pink); font-size: 11px; letter-spacing: .15em; font-weight: 800; }.support-card h3 { font-size: 28px; }.support-card p { max-width: 540px; font-size: 16px; line-height: 1.55; }.support-card-primary > p { color: #ddd4ee; }.support-card-store > p { color: #685e74; }.support-note { display: grid; gap: 5px; margin-top: auto; margin-bottom: 23px; padding: 14px; border-radius: 12px; background: rgba(255,255,255,.1); }.support-card-store .support-note { background: rgba(255,255,255,.72); }.support-note strong { font-size: 12px; }.support-note span { font-size: 11px; line-height: 1.4; }.support-card-primary .support-note span { color: #ded5ef; }.support-card .button { align-self: flex-start; }.button-dark { color: #fff; background: var(--donation-deep); }.transparency-section { background: #f7f2ff; }.transparency-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; align-items: start; }.transparency-grid h2 { max-width: 530px; }.transparency-grid > div:last-child { padding: 28px; border-radius: 20px; background: #fff; }.transparency-grid p { color: var(--ink-soft); font-size: 16px; line-height: 1.55; }.transparency-grid ul { display: grid; gap: 12px; margin: 23px 0 0; padding: 20px 0 0 19px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: 14px; line-height: 1.4; }.donation-contact { background: linear-gradient(135deg, #fff8f2, #f8efff); }.donation-final { background: linear-gradient(100deg, var(--donation-purple), var(--donation-pink)); }.donation-final .eyebrow { color: #ffd1e2; }
@media (max-width: 980px) { .donation-hero-grid, .greta-intro-grid, .impact-grid, .transparency-grid { gap: 52px; }.donation-hero-grid { grid-template-columns: 1fr 1fr; }.donation-hero-copy h1 { font-size: clamp(43px, 5.5vw, 66px); }.donation-hero-visual { min-height: 510px; }.hero-image-main { left: 65px; width: 68%; }.hero-image-small-one { right: -4px; }.hero-image-small-two { right: 0; }.module-grid { grid-template-columns: repeat(2, 1fr); }.support-grid { grid-template-columns: 1fr 1fr; }.transparency-grid { grid-template-columns: 1fr; }.product-gallery { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 680px) { .donation-hero { padding: 64px 0 78px; }.donation-hero-grid, .greta-intro-grid, .impact-grid, .support-grid { grid-template-columns: 1fr; }.donation-hero-copy h1 { font-size: clamp(43px, 13vw, 62px); }.donation-hero-visual { min-height: 465px; margin-top: 15px; }.hero-image-main { top: 20px; left: 58px; width: 68%; height: 405px; }.hero-image-small-one { top: 2px; right: -2px; width: 130px; height: 172px; }.hero-image-small-two { right: 0; bottom: 8px; width: 140px; height: 174px; }.hero-impact { left: 0; bottom: 21px; width: 112px; height: 112px; }.hero-impact strong { font-size: 35px; }.donation-ribbon-inner { align-items: flex-start; flex-direction: column; gap: 7px; }.donation-ribbon span { text-align: left; }.greta-section { padding-bottom: 82px; }.greta-modules { margin-top: 75px; }.module-grid, .impact-cards, .product-gallery { grid-template-columns: 1fr 1fr; }.module-grid article { min-height: 0; }.impact-grid { gap: 35px; }.impact-cards article { min-height: 120px; }.support-section { padding-top: 78px; padding-bottom: 78px; }.support-card { min-height: 0; padding: 25px; }.support-number { margin-bottom: 40px; }.support-card .button { width: 100%; }.product-gallery-section { padding-top: 72px; }.product-gallery figure:nth-child(2), .product-gallery figure:nth-child(7) { transform: none; }.gallery-link { margin-top: 30px; }.transparency-grid { gap: 30px; }.transparency-grid > div:last-child { padding: 22px; }.donation-contact .contact-grid { grid-template-columns: 1fr; } }

/* Formulario GRETA: tarjeta de contacto coherente con las demás landings. */
.donation-contact .contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 88px; align-items: center; }
.donation-contact .contact-copy { max-width: 560px; }
.donation-contact .contact-copy > p:not(.eyebrow) { color: var(--ink-soft); font-size: 16px; line-height: 1.6; }
.donation-contact .contact-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--line); }
.donation-contact .contact-note > span { color: var(--donation-pink); font-size: 21px; line-height: 1; }
.donation-contact .contact-note p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.5; }
.donation-contact .contact-note strong { color: var(--ink); }
.donation-contact .contact-form { padding: 31px; color: var(--ink); background: #fff; border: 1px solid rgba(36,19,79,.1); border-radius: 23px; box-shadow: 0 24px 70px rgba(36,19,79,.13); }
.donation-contact .contact-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.donation-contact .contact-form label { display: block; margin-bottom: 17px; color: var(--ink); font-size: 12px; font-weight: 800; }
.donation-contact .contact-form input:not([type="checkbox"]), .donation-contact .contact-form select, .donation-contact .contact-form textarea { display: block; width: 100%; margin-top: 7px; padding: 13px 14px; color: var(--ink); background: #fcfaff; border: 1px solid rgba(36,19,79,.15); border-radius: 11px; outline: none; font: inherit; font-size: 14px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.donation-contact .contact-form input:not([type="checkbox"]), .donation-contact .contact-form select { height: 49px; }
.donation-contact .contact-form textarea { min-height: 112px; resize: vertical; line-height: 1.45; }
.donation-contact .contact-form input::placeholder, .donation-contact .contact-form textarea::placeholder { color: #a29aac; }
.donation-contact .contact-form input:focus, .donation-contact .contact-form select:focus, .donation-contact .contact-form textarea:focus { border-color: var(--donation-pink); background: #fff; box-shadow: 0 0 0 3px rgba(239,63,134,.12); }
.donation-contact .contact-form .check-label { display: flex; align-items: flex-start; gap: 9px; margin: 5px 0 18px; color: #766d89; font-size: 11px; font-weight: 500; line-height: 1.45; }
.donation-contact .contact-form .check-label input { flex: 0 0 auto; width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--donation-pink); }
.donation-contact .contact-form .form-button { width: 100%; }
.donation-contact .contact-form .form-preview-note { margin: 13px 0 0; color: #938aa1; text-align: center; font-size: 10px; line-height: 1.4; }
.donation-contact .contact-form .form-status { min-height: 21px; margin: 10px 0 0; color: var(--donation-purple); text-align: center; font-size: 12px; font-weight: 700; line-height: 1.4; }

@media (max-width: 980px) { .donation-contact .contact-grid { gap: 52px; } }
@media (max-width: 680px) { .donation-contact .contact-grid { grid-template-columns: 1fr; gap: 38px; }.donation-contact .contact-form { padding: 23px 18px; }.donation-contact .contact-form .form-row { grid-template-columns: 1fr; gap: 0; }.donation-contact .contact-form .form-button { min-height: 54px; } }
.form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.donation-contact .contact-form .form-button:disabled { opacity: .65; cursor: wait; }