@font-face{font-family:OpenSans;src:url('assets/open-sans-400.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:OpenSans;src:url('assets/open-sans-700.woff') format('woff');font-weight:700;font-display:swap}
:root{--azul:#0b2f60;--oscuro:#08264c;--dorado:#ad8e35;--texto:#50617a;--borde:#d8e3ec;--claro:#f1f6fa}*{box-sizing:border-box}body{margin:0;color:var(--azul);background:#fff;font:16px/1.6 OpenSans,Arial,sans-serif}a{color:inherit}input,button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #126ac3;outline-offset:4px}.sr,.salto:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.salto:focus{position:fixed;z-index:10;top:10px;left:10px;padding:12px;background:#fff}[hidden]{display:none!important}.aviso-previa{font-size:12px;text-align:center;padding:8px 15px;background:#fff7dc;color:#5a491c}.cabecera{max-width:1240px;margin:auto;padding:18px 48px;display:flex;justify-content:space-between;align-items:center;gap:25px}.logo{display:block;object-fit:contain}.cabecera nav{display:flex;gap:27px;font-size:13px}.cabecera nav a{text-decoration:none;padding:8px 0}.cabecera nav [aria-current]{border-bottom:2px solid var(--dorado)}
main{background:linear-gradient(150deg,#edf6fc 0%,#f8fafc 55%,#fff 100%)}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 430px;gap:70px;padding:58px 48px 0;align-items:start}.etiqueta{font-size:11px;letter-spacing:.13em;font-weight:700;margin:0 0 17px;color:var(--azul)}h1{font-size:clamp(34px,3.4vw,47px);line-height:1.17;letter-spacing:-.04em;margin:0 0 24px;font-weight:700}h1 span{color:var(--azul)}.introduccion{font-size:15px;line-height:1.8;color:var(--texto);max-width:520px;margin:0 0 10px}.retrato{margin:20px 0 0;position:relative;display:flex;align-items:end;gap:10px;max-width:480px}.retrato img{display:block;width:290px;height:auto;max-width:66%;filter:none}.retrato figcaption{margin:0 0 38px;line-height:1.5;font-size:13px}.retrato strong,.retrato span{display:block}.retrato span{font-size:11px;color:var(--texto);margin-top:3px;letter-spacing:.08em}
.panel{background:#fff;border:1px solid var(--borde);border-radius:18px;padding:33px;box-shadow:0 15px 50px #0b2f600c;margin-top:27px;scroll-margin-top:24px}.panel h2{font-size:28px;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px}.ayuda-panel{color:var(--texto);font-size:13px;line-height:1.7;margin:0 0 25px}.label-monto{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.campo{display:flex;align-items:center;border:1px solid #9db3c8;border-radius:8px;overflow:hidden;background:#fff}.campo>span{padding-left:15px;font-size:18px;color:var(--texto)}.campo input{border:0;min-width:0;width:100%;padding:14px 13px;font-size:23px;line-height:1.3;background:transparent;color:var(--azul);outline-offset:-4px}.campo:has([aria-invalid=true]){border-color:#a72e3f}.ayuda{font-size:11px;color:var(--texto);margin:8px 0 0}.error{color:#a72e3f;font-size:12px;line-height:1.5;margin:7px 0 0}.error:empty{display:none}.pago-unico{display:flex;gap:10px;padding:21px 0;font-size:12px;line-height:1.5}.pago-unico>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e1f4f6;color:var(--azul);flex-shrink:0}.pago-unico p{margin:3px 0 0;color:var(--texto);font-size:11px}#continuar{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:51px;padding:13px 20px;background:var(--azul);color:white;border:0;border-radius:8px;cursor:pointer;font-weight:700;font-size:15px}#continuar:hover{background:var(--oscuro)}#continuar:disabled{opacity:.65;cursor:wait}.nota-pago{text-align:center;color:var(--texto);font-size:10px;line-height:1.6;margin:12px 0 0}.estado{background:#fff7dc;color:#5a491c;padding:12px;border-radius:6px;font-size:12px;line-height:1.6}.gracias{display:flex;gap:12px;align-items:center;padding-top:23px;border-top:1px solid #e7edf3;margin-top:25px}.gracias>span{font-size:30px;line-height:1;color:var(--dorado)}.gracias p{font-size:12px;color:var(--texto);margin:0}.gracias strong{color:var(--azul)}
.proposito{max-width:1144px;border-top:1px solid var(--borde);padding:40px 30px 45px;margin:0 auto;text-align:center}.proposito .etiqueta{font-size:10px;margin-bottom:9px}.proposito h2{font-size:27px;line-height:1.3;letter-spacing:-.025em;margin:0 0 15px}.proposito p:not(.etiqueta){font-size:13px;color:var(--texto);max-width:570px;margin:0 auto 18px}.proposito a{font-size:12px;text-underline-offset:4px}footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;padding:23px 48px;font-size:11px;color:var(--texto);border-top:1px solid #edf1f5}footer span{font-weight:700;color:var(--azul)}footer a{text-underline-offset:3px}
@media(max-width:1050px){.hero{grid-template-columns:1fr 390px;gap:35px;padding:42px 30px 0}.cabecera{padding-inline:30px}.panel{padding:28px}.retrato img{width:260px}.retrato figcaption{font-size:11px}.proposito{margin-inline:30px}h1{font-size:38px}.introduccion{font-size:14px}}
@media(max-width:800px){.cabecera{padding:15px 22px}.logo{width:130px;height:47px}.cabecera nav{gap:17px;font-size:11px}.cabecera nav a:first-child{display:none}.hero{display:flex;flex-direction:column;gap:0;padding:32px 22px 35px;max-width:600px}.mensaje{width:100%}h1{font-size:35px;line-height:1.18;margin-bottom:19px}h1 br:first-child{display:none}.introduccion{font-size:14px;line-height:1.75}.retrato{margin-top:14px;max-width:360px}.retrato img{width:210px;max-width:62%}.retrato figcaption{font-size:12px;margin-bottom:25px}.panel{width:100%;margin-top:0;padding:25px;border-radius:14px;position:relative}.panel h2{font-size:28px}.panel .etiqueta{margin-bottom:12px}.proposito{padding:30px 22px 35px;margin-inline:22px}.proposito h2{font-size:25px}.proposito a{font-size:11px}footer{padding:22px}.etiqueta{font-size:10px}}
.tarjeta-contenedor{display:block;width:100%;min-height:50px}#tarjeta-donar{display:block;width:100%;min-height:50px}
@media(max-width:360px){.cabecera{padding-inline:18px;gap:12px}.logo{width:105px;height:40px}.cabecera nav{gap:13px;font-size:10px}.hero{padding-inline:18px}h1{font-size:31px}.panel{padding:20px}.panel h2{font-size:25px}.retrato figcaption{font-size:11px}}