/* Servolución · Donaciones. Usa las variables de /style.css. */
.page-top{background:var(--dark);position:relative;overflow:hidden;padding:150px 0 110px}
.page-top::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 85% 40%,rgba(244,87,0,.18) 0%,transparent 70%)}
.page-top::after{content:'▲';position:absolute;right:-3%;top:50%;transform:translateY(-50%);font-size:clamp(220px,32vw,460px);color:rgba(244,87,0,.06);line-height:1;pointer-events:none;font-family:sans-serif}
.page-top .container{position:relative;z-index:1}
.page-top h1{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.2rem);font-weight:800;line-height:.95;color:var(--white);text-transform:uppercase;letter-spacing:-.01em;margin:6px 0 22px}
.page-top h1 em{font-style:normal;color:var(--orange)}
.page-top p{font-size:1.1rem;font-weight:300;color:rgba(255,255,255,.7);max-width:560px;line-height:1.7}
.donar-wrap{max-width:780px;margin:-60px auto 90px;padding:0 24px;position:relative;z-index:2}
.donar-card{background:var(--white);border-radius:12px;padding:40px;box-shadow:0 24px 60px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:30px}
.donar-card fieldset{border:0;min-width:0}
.donar-legend{display:block;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dark);margin-bottom:14px}
.causas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.causa{display:flex;align-items:center;gap:12px;border:1.5px solid var(--gray-light);border-radius:8px;padding:16px 18px;cursor:pointer;min-height:56px;background:var(--off-white);transition:var(--transition)}
.causa input{width:20px;height:20px;accent-color:var(--orange);flex:none}
.causa span{font-family:var(--font-display);font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.causa:has(input:checked){border-color:var(--orange);background:#fff3ec}
.pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.pills button{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.04em;border:1.5px solid var(--gray-light);background:var(--off-white);color:var(--dark);border-radius:var(--radius);padding:12px 6px;cursor:pointer;min-height:50px;transition:var(--transition)}
.pills button:hover{border-color:var(--orange)}
.pills button[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--white)}
.donar-card .form-group{margin-bottom:14px}
.donar-card .form-group select{padding:12px 16px;border:1.5px solid var(--gray-light);border-radius:var(--radius);font-family:var(--font-body);font-size:.95rem;color:var(--dark);background:var(--off-white);min-height:48px}
.donar-card .form-group input{min-height:48px}
.donar-card .form-group select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px rgba(244,87,0,.1)}
.fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.trampa{position:absolute;left:-9999px}
.resumen{background:#fff3ec;border-left:0;border-radius:8px;padding:16px 18px;font-size:1rem}
.resumen b{font-weight:600}
.donar-error{color:#a83200;font-weight:500;background:#ffe0d8;border-radius:var(--radius);padding:12px 16px}
.donar-error:empty{display:none}
.donar-nota{font-size:.85rem;color:var(--gray);line-height:1.6}
.btn[disabled]{opacity:.6;cursor:default;transform:none;box-shadow:none}
.nav-links a.nav-donar{background:var(--orange);color:var(--white);padding:8px 18px;border-radius:var(--radius)}
.nav-links a.nav-donar::after{display:none}
.nav-links a.nav-donar:hover{background:var(--orange-dark)}
.gracias{text-align:center;align-items:center}
.gracias .section-title{margin-bottom:6px}
.gracias p{color:var(--gray);max-width:480px;line-height:1.7}
.gracias .monto-grande,.monto-grande{font-family:var(--font-display);font-size:clamp(3.4rem,10vw,5rem);font-weight:800;color:var(--orange);line-height:1}
@media (max-width:900px){.nav-links a.nav-donar{display:inline-block;margin:6px 24px 10px;padding:10px 18px}}
@media (max-width:600px){.donar-card{padding:24px}.fila{grid-template-columns:1fr}.pills{grid-template-columns:repeat(2,minmax(0,1fr))}.page-top{padding:120px 0 90px}}
/* Bloque de donación dentro de la sección Semillero de la portada */
.semillero-donar{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-top:32px;padding:22px 24px;background:var(--white);border:1px solid var(--gray-light);border-top:3px solid var(--orange);border-radius:8px}
.semillero-donar div{flex:1 1 220px;display:flex;flex-direction:column}
.semillero-donar strong{font-family:var(--font-display);font-size:1.15rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.semillero-donar span{font-size:.9rem;color:var(--gray)}
.semillero-otro{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
@media (max-width:480px){.semillero-donar .semillero-otro{width:100%;text-align:center}}