:root{color-scheme:light;--orange:#ff4e1a;--orange-soft:#ff7a52;--blue:#8fa3a8;--gray:#d2dadc;--ink:#151918;--muted:#565e60;--font:degular,"Avenir Next","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8f8;color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #145b73;outline-offset:5px}::selection{background:#ffb19b;color:#000}.skip-link{position:absolute;top:12px;left:12px;transform:translateY(-180%);z-index:10;background:#fff;color:#000;padding:12px}.skip-link:focus{transform:none}.site-header{min-height:120px;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(24px,5vw,84px);background:#fff;border-bottom:1px solid #e2e6e7;gap:24px}.brand{width:190px;height:auto;display:block}.header-note{font-size:1rem;font-weight:500;color:#424b4d}main{display:grid;grid-template-columns:1fr 1fr;min-height:780px}.welcome{position:relative;background:#b2bfc0 url('assets/fondo-marca.png') center/cover no-repeat;padding:76px clamp(30px,5.5vw,90px) 54px;display:flex;flex-direction:column;justify-content:space-between;gap:100px}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.12em;margin:0 0 25px}.welcome h1{font-size:clamp(3.5rem,5.5vw,6rem);font-weight:750;line-height:.99;letter-spacing:-.035em;margin:0 0 32px}.welcome h1 span{color:#151918}.intro{font-size:1.25rem;line-height:1.5;max-width:320px;margin:0}.welcome-signoff{font-size:1.15rem;font-weight:650;line-height:1.3;letter-spacing:-.02em;margin:0}.giving{background:#f7f8f8;padding:60px clamp(28px,5vw,80px) 46px;display:flex;align-items:center}.giving-inner{width:100%;max-width:510px;margin:auto}.giving .eyebrow{margin-bottom:14px;color:var(--muted)}h2{font-size:clamp(2rem,3vw,3rem);line-height:1.04;letter-spacing:-.025em;margin:0 0 18px;font-weight:750}.instructions{color:var(--muted);margin:0 0 28px;max-width:420px;line-height:1.55}.bank-card{background:#fff;border:1px solid #dce1e2;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px #263c4306}.bank-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 26px;border-bottom:1px solid #e4e8e9}.bank-heading h3{font-size:1.45rem;letter-spacing:-.035em;margin:0}.bank-heading>span{font-size:.8125rem;color:var(--muted);max-width:125px;text-align:right}.clabe-section{padding:24px 26px 0}label,dt{display:block;color:var(--muted);font-size:.875rem;margin-bottom:7px}.clabe{display:block;border:0;border-radius:3px;padding:0;margin:0 0 20px;width:100%;background:transparent;color:var(--ink);font-family:var(--font);font-size:clamp(1.15rem,2vw,1.75rem);font-weight:650;letter-spacing:.015em;font-variant-numeric:tabular-nums;line-height:1.6;min-width:0}.copy-primary{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--orange);border:1px solid transparent;border-radius:9px;color:#111;padding:15px 20px;width:100%;font-weight:750;min-height:54px;transition:background .15s,transform .15s}.copy-primary:hover{background:#ff6a3e}.copy-primary:active{transform:translateY(1px)}.copy-primary[data-success]{background:#d2dadc}.copy-status{min-height:1.5em;font-size:.8125rem;color:#344c43;margin:8px 0}.bank-details{margin:0;padding:0 26px 7px}.detail-row{border-top:1px solid #e4e8e9;padding:19px 0}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px}dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.account-row dd{font-size:1.0625rem}.holder{font-size:.875rem;line-height:1.55;letter-spacing:.015em}.copy-small{border:1px solid #d4dcde;background:#fff;padding:9px 14px;border-radius:7px;min-height:44px;color:var(--ink);font-size:.875rem;font-weight:600}.copy-small:hover{background:#eef1f2}.verify-note{font-size:.8125rem;color:var(--muted);margin:18px 2px 0;line-height:1.55}.thanks{display:flex;gap:13px;align-items:center;margin-top:29px;padding-top:25px;border-top:1px solid #dce1e2}.thanks>span{font-family:Arial,sans-serif;font-size:2rem;line-height:1;color:#9e3010}.thanks p{margin:0;font-size:.9375rem;line-height:1.45}.thanks strong{font-weight:600}.noscript{background:#fff;padding:12px;border:1px solid var(--gray)}footer{padding:25px clamp(24px,5vw,84px);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8125rem;border-top:1px solid #dde3e5;background:#fff}
@media(min-width:1550px){main{max-width:1700px;margin:0 auto}.welcome{min-height:850px}.giving{padding:72px 90px}}
@media(max-width:820px){.site-header{min-height:95px;padding:15px 24px}.brand{width:154px}.header-note{font-size:.875rem}main{display:block;min-height:0}.welcome{padding:30px 24px 33px;gap:0;background-position:center 75%}.welcome .eyebrow{font-size:.75rem;margin-bottom:17px}.welcome h1{font-size:3rem;line-height:1;letter-spacing:-.035em;margin-bottom:16px}.welcome h1 br{display:none}.intro{font-size:1rem;max-width:350px}.welcome-signoff{display:none}.giving{padding:32px 20px}.giving h2{font-size:2rem}.giving h2 br{display:none}.giving .eyebrow{font-size:.75rem}.instructions{margin-bottom:22px}.bank-heading{padding:18px 20px}.clabe-section{padding:22px 20px 0}.clabe{font-size:clamp(1.13rem,5.55vw,1.75rem)}.bank-details{padding:0 20px 5px}.thanks{margin-top:23px}footer{padding:23px 24px;flex-direction:column;gap:5px}}
@media(max-width:360px){.site-header{padding:14px 18px}.brand{width:139px}.header-note{max-width:78px;text-align:right}.welcome{padding:27px 20px}.welcome h1{font-size:2.65rem}.giving{padding:28px 14px}.clabe-section,.bank-heading{padding-left:16px;padding-right:16px}.bank-details{padding-left:16px;padding-right:16px}.bank-heading>span{max-width:108px}.clabe{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.copy-primary,.copy-small,.copy-status,.skip-link,.header-note{display:none}main{display:block}.welcome{padding:24px;background:#d2dadc}.welcome-signoff,.thanks,footer{display:none}.giving{padding:24px}.bank-card{box-shadow:none}h1{font-size:32px!important}h2{font-size:24px}.clabe{font-size:24px}}

.holder-row .copy-small{margin-top:12px}.holder{max-width:30ch}

/* Shared copy controls: visible labels, stable sizing and local feedback. */
.copy-primary,.copy-small{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;font-size:.9375rem;font-weight:650;line-height:1.2;min-height:48px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.copy-primary{min-height:56px;border:1px solid #b9340d;box-shadow:0 2px 3px #24110a12,inset 0 1px #ffffff35}
.copy-primary:hover{background:#ff693d;box-shadow:0 4px 12px #b9340d20}
.copy-small{padding:12px 16px;min-width:144px;background:#f2f5f5;border-color:#829395;color:#223536;box-shadow:0 1px 2px #18323408;white-space:nowrap;flex-shrink:0}
.copy-small:hover{background:#e5eded;border-color:#506a6d}.copy-small:active{transform:translateY(1px)}
[data-copy] svg{flex-shrink:0}.icon-check{display:none}
[data-copy][data-success]{background:#e7f2eb;border-color:#6a907b;color:#24583a;box-shadow:none}
[data-copy][data-success] .icon-copy{display:none}[data-copy][data-success] .icon-check{display:block}
.copy-primary .button-label{min-width:106px}.copy-small .button-label{min-width:88px;text-align:left}
.holder-row .copy-small{margin-top:14px}.copy-status{color:#24583a}
.site-footer{align-items:center;padding-top:30px;padding-bottom:30px;flex-wrap:wrap;gap:24px}.footer-brand{display:flex;flex-direction:column;gap:5px}.footer-brand strong{font-size:1.125rem;font-weight:650;color:var(--ink)}
.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:10px 14px;border-radius:10px;color:#334c50;text-decoration:none;font-size:.875rem;font-weight:600}.social-links a:hover{background:#edf1f2;color:#111}.social-links a span{font-size:1.125rem}
@media(max-width:820px){.site-footer{align-items:flex-start}.social-links{gap:4px;margin-left:-10px}.social-links a{padding:10px}.account-row{flex-wrap:wrap;gap:14px}}

/* Mobile-first bank rows: full-width value, copy beside the label. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input{-webkit-appearance:none;appearance:none}button,a{touch-action:manipulation}
.giving,.giving-inner,.bank-card,.bank-details{min-width:0}
.account-row,.holder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:10px;align-items:center}
.account-row dt,.holder-row dt{grid-column:1;grid-row:1;margin:0}
.account-row dd,.holder-row dd{grid-column:1 / -1;grid-row:2;max-width:none;font-size:1rem;line-height:1.5;overflow-wrap:break-word}
.account-row .copy-small,.holder-row .copy-small{grid-column:2;grid-row:1;margin:0;min-width:104px;min-height:48px;padding:10px 12px}
.copy-small .button-label{min-width:55px;text-align:left}
.clabe{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,5.2vw,1.65rem);letter-spacing:0;-webkit-text-fill-color:var(--ink);opacity:1}
.social-links{gap:12px;margin:0}.social-links a{gap:10px;padding:12px;min-height:48px;border:1px solid #dce1e2;background:#fff}
.social-icon{display:block;flex-shrink:0;width:24px;height:24px;object-fit:contain}.social-links a span{font-size:.9375rem}.social-links a .external-arrow{margin-left:auto;font-size:1rem}
@media(max-width:600px){.social-links{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.social-links a{width:100%}.site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media print{.copy-primary,.copy-small,.site-footer{display:none}}