:root{--color-primary: #00BCD4;--color-primary-700: #0097A7;--color-primary-100: #CFF4F8;--color-secondary: #E91E8C;--color-secondary-700: #B8156D;--color-secondary-100: #FCDCEC;--color-accent-warm: #FFA726;--color-accent-warm-700:#E08600;--color-accent-warm-100:#FFE7C2;--color-rainbow-red: #E53935;--color-rainbow-yellow: #FDD835;--color-rainbow-green: #43A047;--color-rainbow-purple: #8E24AA;--color-bg: #FFFFFF;--color-surface: #F5F6F8;--color-surface-2: #ECEEF2;--color-border: #DADDE3;--color-text: #1F2328;--color-text-muted: #5B636E;--color-text-inverse: #FFFFFF;--color-success: #2E7D32;--color-warning: #ED8936;--color-danger: #C62828;--color-info: var(--color-primary);--font-display: "Barlow Condensed", "Oswald", "Arial Narrow", sans-serif;--font-body: "Inter", "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.25rem;--font-size-3xl: 3rem;--font-size-4xl: 4.25rem;--line-tight: 1.05;--line-snug: 1.25;--line-base: 1.55;--line-loose: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--weight-black: 900;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-eyebrow: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 80px;--space-12: 96px;--space-16: 128px;--content-max: 1200px;--content-narrow: 760px;--gutter: 24px;--gutter-lg: 48px;--bp-sm: 640px;--bp-md: 1024px;--bp-lg: 1280px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 32px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--shadow-focus: 0 0 0 3px rgba(0, 188, 212, .35);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .24s;--duration-slow: .42s;--z-base: 1;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 1500}:root{--btn-primary-bg: var(--color-accent-warm);--btn-primary-bg-hover: var(--color-accent-warm-700);--btn-primary-fg: #1F2328;--btn-primary-border: transparent;--btn-secondary-bg: transparent;--btn-secondary-bg-hover: var(--color-primary-100);--btn-secondary-fg: var(--color-primary-700);--btn-secondary-border: var(--color-primary);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--color-surface);--btn-ghost-fg: var(--color-text);--btn-ghost-border: transparent;--btn-padding-y: 12px;--btn-padding-x: 24px;--btn-radius: var(--radius-full);--btn-font-weight: var(--weight-bold);--btn-min-height: 48px}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-out)}.navbar--scrolled{box-shadow:var(--shadow-md)}.navbar__inner{display:flex;align-items:center;gap:var(--space-4);height:64px}.navbar__brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.navbar__mark{display:block;height:36px;width:auto}.navbar__name{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--color-text);line-height:1}.navbar__nav,.navbar__cta{display:none}.navbar__hamburger{margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px}.hamburger__bar{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.navbar__drawer{position:fixed;top:0;right:0;width:min(320px,100vw);height:100dvh;background:var(--color-bg);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--duration-base) var(--ease-out);display:flex;flex-direction:column;padding:var(--space-5) var(--space-6) var(--space-6);z-index:var(--z-overlay);overflow-y:auto}.navbar__drawer.drawer--open{transform:translate(0)}.drawer__close{align-self:flex-end;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);margin-bottom:var(--space-5);border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast)}.drawer__close:hover{background:var(--color-surface);color:var(--color-text)}.drawer__link{display:block;font-size:var(--font-size-lg);font-family:var(--font-display);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--color-text);text-decoration:none;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);transition:color var(--duration-fast)}.drawer__link:last-of-type{border-bottom:none}.drawer__link:hover{color:var(--color-primary-700)}.drawer__separator{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.drawer__cta{width:100%;text-align:center}.drawer__social{display:flex;gap:var(--space-4);margin-top:var(--space-5)}.drawer__social a{color:var(--color-text-muted);transition:color var(--duration-fast)}.drawer__social a:hover{color:var(--color-text)}.drawer__close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.drawer__link:focus-visible{outline:none;color:var(--color-primary-700);box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.navbar__backdrop{position:fixed;inset:0;background:#0006;z-index:calc(var(--z-overlay) - 1);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.navbar__backdrop.backdrop--visible{opacity:1;visibility:visible}@media(min-width:1024px){.navbar__inner{height:72px;gap:var(--space-6)}.navbar__nav{display:flex;align-items:center;gap:var(--space-6);margin-left:auto}.navbar__link{font-size:var(--font-size-base);font-weight:var(--weight-medium);color:var(--color-text);text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent;transition:border-color var(--duration-fast),color var(--duration-fast)}.navbar__link:hover{border-bottom-color:var(--color-primary);color:var(--color-primary-700)}.navbar__cta{display:inline-flex}.navbar__hamburger,.navbar__drawer{display:none}}.hero__text h1{font-size:var(--font-size-3xl)}@media(min-width:1024px){.hero__text h1{font-size:var(--font-size-4xl)}}.hero__grid{display:grid;gap:var(--space-8)}.hero__text{display:flex;flex-direction:column;gap:var(--space-5)}.hero__lead{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:var(--line-base);margin:0}.hero__ctas{display:flex;flex-direction:column;gap:var(--space-3)}.hero__ctas .btn--primary,.hero__ctas .btn--secondary{width:100%}.hero__img{width:100%;height:auto;object-fit:cover;border-radius:var(--radius-lg);display:block;aspect-ratio:4/5}@media(min-width:1024px){.hero__grid{grid-template-columns:1fr 1fr;align-items:center}.hero__ctas{flex-direction:row;flex-wrap:wrap}.hero__ctas .btn--primary,.hero__ctas .btn--secondary{width:auto}.hero__img{aspect-ratio:5/4}}@media(prefers-reduced-motion:reduce){.hero__img{transition:none}}.mission__eyebrow{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-primary-700);margin:0 0 var(--space-3)}.mission__heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-5);color:var(--color-text)}.mission__body{font-size:var(--font-size-md);line-height:var(--line-loose);color:var(--color-text-muted);margin:0}@media(min-width:1024px){.mission__heading{font-size:var(--font-size-3xl)}}.help-cards{background:var(--color-surface)}.help-cards__header{margin-bottom:var(--space-8)}.help-cards__eyebrow{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-primary-700);margin:0 0 var(--space-3)}.help-cards__heading{font-size:var(--font-size-2xl);margin:0}@media(min-width:1024px){.help-cards__heading{font-size:var(--font-size-3xl)}}.help-cards__grid{display:grid;gap:var(--space-5)}@media(min-width:1024px){.help-cards__grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);display:flex;flex-direction:column;gap:var(--space-3)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card__icon--primary{background:var(--color-primary)}.card__icon--secondary{background:var(--color-secondary)}.card__icon--warm{background:var(--color-accent-warm)}.card__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-black);text-transform:uppercase;color:var(--color-text);margin:0}.card__desc{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-base);margin:0;flex:1}.card__cta{font-size:var(--font-size-base);font-weight:var(--weight-semi);color:var(--color-primary-700);text-decoration:none;transition:color var(--duration-fast);align-self:flex-start}.card__cta:hover{color:var(--color-primary)}.card__cta:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.stepper__eyebrow{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-primary-700);margin:0 0 var(--space-3)}.stepper__heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-9)}@media(min-width:1024px){.stepper__heading{font-size:var(--font-size-3xl)}}.stepper{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}.step{display:flex;align-items:flex-start;gap:var(--space-4);position:relative;padding-bottom:var(--space-6)}.step:not(:last-child):after{content:"";position:absolute;left:23px;top:48px;width:2px;bottom:0;background:var(--color-border)}.step__badge{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:var(--weight-black);position:relative;z-index:1}.step__badge--primary{background:var(--color-primary);color:var(--color-text-inverse)}.step__badge--secondary{background:var(--color-secondary);color:var(--color-text-inverse)}.step__badge--warm{background:var(--color-accent-warm);color:var(--color-text)}.step__badge--green{background:var(--color-rainbow-green);color:var(--color-text-inverse)}.step__badge--purple{background:var(--color-rainbow-purple);color:var(--color-text-inverse)}.step__body{display:flex;flex-direction:column;gap:var(--space-1);padding-top:10px}.step__label{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--weight-semi);text-transform:uppercase;line-height:var(--line-tight);color:var(--color-text);margin:0}.step__sub{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-base);margin:0}@media(min-width:1024px){.stepper{flex-direction:row;align-items:flex-start;gap:0}.step{flex-direction:column;align-items:center;text-align:center;flex:1;padding-bottom:0;padding-inline:var(--space-3)}.step__body{padding-top:var(--space-4);align-items:center}.step:not(:last-child):after{left:calc(50% + 28px);top:23px;width:calc(100% - 56px);height:2px;bottom:auto}}.stories{background:var(--color-surface)}.stories__eyebrow{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-primary-700);margin:0 0 var(--space-3)}.stories__heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-8)}@media(min-width:1024px){.stories__heading{font-size:var(--font-size-3xl)}}.stories__scroll{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-3);scrollbar-width:none}.stories__scroll::-webkit-scrollbar{display:none}.story-card{flex:0 0 260px;scroll-snap-align:start;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-sm)}.story-card__photo{aspect-ratio:1;width:100%;overflow:hidden}.story-card__img{width:100%;height:100%;object-fit:cover;display:block}.story-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.story-card__name{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-black);text-transform:uppercase;color:var(--color-text);margin:0}.story-card__quote{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-base);font-style:italic;margin:0}@media(min-width:1024px){.stories__scroll{display:grid;grid-template-columns:repeat(3,1fr);overflow-x:visible}.story-card{flex:none}}.donation-banner{background:var(--color-secondary);color:var(--color-text-inverse);padding-block:var(--space-9)}@media(min-width:1024px){.donation-banner{padding-block:var(--space-12)}}.donation-banner__grid{display:grid;gap:var(--space-8)}@media(min-width:1024px){.donation-banner__grid{grid-template-columns:1fr 1fr;align-items:center}}.donation-banner h2{font-size:var(--font-size-2xl);color:var(--color-text-inverse);margin-bottom:var(--space-3)}@media(min-width:1024px){.donation-banner h2{font-size:var(--font-size-3xl)}}.donation-banner p{font-size:var(--font-size-md);font-weight:var(--weight-medium);margin:0}.donation-banner__cta{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}@media(min-width:1024px){.donation-banner__cta{align-items:flex-end}}.donation-banner__transfer{font-size:var(--font-size-md);font-weight:var(--weight-medium)}.donation-banner__transfer a{color:var(--color-text-inverse);font-weight:var(--weight-semi);text-underline-offset:3px}.footer{background:var(--color-text);color:var(--color-text-inverse);padding-top:var(--space-10)}.footer__grid{display:grid;gap:var(--space-8);padding-bottom:var(--space-8)}@media(min-width:1024px){.footer__grid{grid-template-columns:2fr 1fr 1fr;gap:var(--space-10)}}.footer__logo{height:40px;width:auto;display:block;margin-bottom:var(--space-4);filter:brightness(0) invert(1)}.footer__tagline{font-size:var(--font-size-sm);color:#ffffffb3;line-height:var(--line-base);margin:0;max-width:320px}.footer__section-title{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:#ffffff80;margin:0 0 var(--space-4)}.footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{color:#fffc;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--duration-fast)}.footer__link:hover{color:var(--color-text-inverse)}.footer__social{display:flex;gap:var(--space-4);margin-top:var(--space-5)}.footer__social-link{color:#fff9;transition:color var(--duration-fast)}.footer__social-link:hover{color:var(--color-text-inverse)}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:var(--space-5)}.footer__bottom-inner{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:1024px){.footer__bottom-inner{flex-direction:row;align-items:center;justify-content:space-between}}.footer__copy{font-size:var(--font-size-sm);color:#ffffff80;margin:0}.footer__esponsor-btn{--btn-secondary-fg: var(--color-text-inverse);--btn-secondary-border: rgba(255,255,255,.5);--btn-secondary-bg-hover: rgba(255,255,255,.1)}.footer .pendiente{background:#ffffff1a;color:#ffffff80}.rainbow-divider{border:none;height:4px;width:100%;background:linear-gradient(to right,var(--color-primary) 0% 20%,var(--color-secondary) 20% 40%,var(--color-accent-warm) 40% 60%,var(--color-rainbow-green) 60% 80%,var(--color-rainbow-purple) 80% 100%);margin:0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-base);color:var(--color-text);background:var(--color-bg);margin:0}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;line-height:var(--line-tight);font-weight:var(--weight-black);margin:0}.container{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}@media(min-width:1024px){.container{padding-inline:var(--gutter-lg)}}.container--narrow{max-width:var(--content-narrow)}.section-padding{padding-block:var(--space-9)}@media(min-width:1024px){.section-padding{padding-block:var(--space-12)}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-min-height);padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--btn-font-weight);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border)}.btn--primary:hover{background:var(--btn-primary-bg-hover)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:var(--btn-secondary-border)}.btn--secondary:hover{background:var(--btn-secondary-bg-hover)}.btn--ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg)}.btn--ghost:hover{background:var(--btn-ghost-bg-hover)}.pendiente{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface-2);padding:2px 6px;border-radius:var(--radius-sm)}.photo-placeholder{background:var(--color-surface-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm)}