@import "https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--color-emerald-900:#033a2c;--color-emerald-800:#054d3a;--color-emerald-700:#047857;--color-emerald-600:#059669;--color-emerald-100:#d1fae5;--color-emerald-50:#ecfdf5;--color-gold-700:#92400e;--color-gold-600:#b45309;--color-gold-100:#fef3c7;--color-red-700:#b91c1c;--color-red-100:#fee2e2;--color-white:#fff;--color-bone:#faf9f6;--color-ink:#1c2420;--color-ink-muted:#5b645e;--color-border:#e6e3da;--color-border-strong:#cfcabd;--color-primary:var(--color-emerald-700);--color-primary-dark:var(--color-emerald-900);--color-primary-light:var(--color-emerald-50);--color-accent:var(--color-gold-600);--color-danger:var(--color-red-700);--font-heading:"Lexend", "Segoe UI", sans-serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--shadow-card:none;--shadow-card-hover:0 2px 10px #1c24200d;--max-width:1180px;--content-width:68ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-width:320px;font-family:var(--font-body);color:var(--color-ink);background:var(--color-bone);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-primary-dark);letter-spacing:-.01em;margin:0 0 var(--space-4);line-height:1.2}h1{font-size:clamp(1.9rem,4vw,2.75rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{letter-spacing:-.005em;font-size:1.25rem}p{margin:0 0 var(--space-4);max-width:70ch}a{color:var(--color-primary);text-underline-offset:2px;text-decoration-thickness:2px}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}button{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-gold-600);outline-offset:3px;border-radius:4px}.skip-link{left:var(--space-4);background:var(--color-primary-dark);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);z-index:1000;font-weight:600;transition:top .15s ease-out;position:absolute;top:-60px}.skip-link:focus{top:var(--space-4)}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s,transform .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-white)}.btn-accent{background:var(--color-gold-600);color:var(--color-white)}.btn-accent:hover{background:var(--color-gold-700);color:var(--color-white)}.btn-outline{background:var(--color-white);color:var(--color-primary-dark);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light)}.section{padding:var(--space-24) 0}.section-alt{background:var(--color-white);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-8);transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-strong)}.page-hero{background:var(--color-white);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-12)}.page-hero-lead{color:var(--color-ink-muted);max-width:65ch;font-size:1.15rem}.two-col{gap:var(--space-12);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.two-col.reverse{grid-template-columns:.9fr 1.1fr}.two-col.reverse>img{order:-1}.about-image{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;box-shadow:none;filter:saturate(.92)sepia(.05)}.content-note{color:var(--color-ink-muted);font-size:.9rem;font-style:italic}.vm-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.mission-list{padding-left:var(--space-6);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=860px){.two-col,.two-col.reverse{grid-template-columns:1fr}.two-col.reverse>img{order:0}}.site-header{z-index:800;background:var(--color-white);border-bottom:3px solid var(--color-primary);position:sticky;top:0}.site-header-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-3);display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-primary-dark);text-decoration:none;display:flex}.brand-logo{object-fit:cover;border:2px solid var(--color-primary);border-radius:50%;width:48px;height:48px}.brand-text{line-height:1.2;font-family:var(--font-heading);flex-direction:column;display:flex}.brand-text strong{letter-spacing:.02em;font-size:1.15rem}.brand-text span{color:var(--color-ink-muted);font-size:.85rem;font-weight:500}.menu-toggle{border:2px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-white);width:48px;height:48px;color:var(--color-primary-dark);cursor:pointer;justify-content:center;align-items:center;display:none}.primary-nav ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.primary-nav a{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.primary-nav a:hover{background:var(--color-emerald-50);color:var(--color-primary-dark)}.primary-nav a.is-active{background:var(--color-primary);color:var(--color-white)}@media (width<=860px){.menu-toggle{display:inline-flex}.primary-nav{order:3;width:100%;display:none}.primary-nav.is-open{display:block}.primary-nav ul{padding:var(--space-4) 0;border-top:1px solid var(--color-border);flex-direction:column}.site-header-bar{flex-wrap:wrap}}.site-footer{background:var(--color-emerald-900);color:#e7f5ee;margin-top:auto}.footer-grid{gap:var(--space-8);padding:var(--space-16) var(--space-6);grid-template-columns:1.4fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-4);display:flex}.footer-brand img{border:2px solid var(--color-emerald-100);border-radius:50%;flex-shrink:0}.footer-brand p{color:#cfe9dc;font-size:.95rem}.site-footer h3{color:var(--color-white);margin-bottom:var(--space-4);font-size:1.05rem}.footer-links ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.footer-contact a{color:#cfe9dc;text-decoration:none}.footer-links a:hover,.footer-contact a:hover{color:var(--color-white);text-decoration:underline}.footer-contact p{color:#cfe9dc}.footer-contact a{color:var(--color-white);font-size:1.1rem;font-weight:700}.footer-address{color:#cfe9dc;margin-top:var(--space-4);font-size:.95rem;font-style:normal;line-height:1.6;display:block}.social-list{margin:var(--space-4) 0 0;gap:var(--space-3);padding:0;list-style:none;display:flex}.social-list a{align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid #ffffff4d;display:inline-flex}.social-list a:hover{background:#ffffff1a}.social-list span{font-size:.9rem}.footer-bottom{padding:var(--space-4) var(--space-6);text-align:center;color:#a9cebb;border-top:1px solid #ffffff26;font-size:.85rem}.footer-bottom p{max-width:none;margin:0}@media (width<=860px){.footer-grid{grid-template-columns:1fr}}.whatsapp-fab{right:var(--space-6);bottom:var(--space-6);align-items:center;gap:var(--space-2);color:var(--color-white);padding:var(--space-3) var(--space-4);z-index:900;background:#1f7a4d;border-radius:999px;min-height:48px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 6px 20px #033a2c59}.whatsapp-fab:hover,.whatsapp-fab:focus-visible{color:var(--color-white);background:#17603d}.whatsapp-fab-label{font-size:.95rem}@media (width<=560px){.whatsapp-fab-label{display:none}.whatsapp-fab{padding:var(--space-3)}}.banner{background:var(--color-emerald-900);align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.banner-image{object-fit:cover;filter:saturate(.92)sepia(.06);width:100%;height:100%;position:absolute;inset:0}.banner-overlay{background:#033a2cb8;position:absolute;inset:0}.banner-content{align-items:center;gap:var(--space-8);padding-top:var(--space-16);padding-bottom:var(--space-16);color:var(--color-white);max-width:820px;display:flex;position:relative}.banner-logo{box-sizing:border-box;background:var(--color-white);object-fit:contain;border-radius:50%;flex-shrink:0;width:140px;height:140px;padding:10px;box-shadow:0 6px 20px #033a2c59}.banner-content h1{color:var(--color-white)}.banner-description{color:#eaf6ef;max-width:60ch;margin-bottom:0;font-size:1.125rem}@media (width<=640px){.banner{min-height:420px}.banner-content{align-items:flex-start;gap:var(--space-4);flex-direction:column}.banner-logo{width:96px;height:96px;padding:8px}}.announcement-bar{padding-top:var(--space-8);padding-bottom:var(--space-8);background:var(--color-white);border-bottom:1px solid var(--color-border)}.announcement-inner{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.announcement-inner h2{margin-bottom:var(--space-2)}.announcement-inner p{color:var(--color-ink-muted);margin-bottom:0}.news-grid{gap:var(--space-6);margin:var(--space-8) 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.news-card{gap:var(--space-2);flex-direction:column;display:flex}.news-card-image{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);filter:saturate(.92)sepia(.05);width:100%;height:180px;margin-bottom:var(--space-1)}.news-card-date{font-family:var(--font-heading);letter-spacing:.02em;color:var(--color-gold-700);font-size:.85rem;font-weight:600}.news-card h3{margin-bottom:0}.news-card p{color:var(--color-ink-muted);margin-bottom:0}.program-grid{gap:var(--space-6);margin:var(--space-8) 0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.program-card{gap:var(--space-3);flex-direction:column;display:flex}.program-card-image{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);filter:saturate(.92)sepia(.05);width:100%;height:170px}.program-card h3{margin-bottom:0}.program-card p{color:var(--color-ink-muted);margin-bottom:0}.programs-cta{text-align:center}.mission-block{text-align:center;max-width:760px;margin:0 auto}.mission-block p{margin-left:auto;margin-right:auto}.vm-grid .card p{margin-bottom:0}.saqb-section{background:var(--color-white);border-top:1px solid var(--color-border)}.saqb-gallery{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.saqb-gallery figure{margin:0}.saqb-gallery img{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);filter:saturate(.92)sepia(.05);width:100%;height:260px}.saqb-gallery figcaption{margin-top:var(--space-2);color:var(--color-ink-muted);text-align:center;font-size:.9rem}.bank-box{background:var(--color-emerald-900);color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);border:3px solid var(--color-gold-600);max-width:640px}.bank-box h3{color:var(--color-white);margin-bottom:var(--space-6);font-size:1.4rem}.bank-details{margin:0 0 var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.bank-row{gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff40;flex-direction:column;display:flex}.bank-row:last-child{border-bottom:none;padding-bottom:0}.bank-row dt{color:#cfe9dc;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;font-weight:600}.bank-row dd{color:var(--color-white);margin:0;font-size:1.35rem;font-weight:700}.account-number{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:1.6rem}.copy-btn{justify-content:center;width:100%;font-size:1.05rem}.donation-account-section{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=860px){.donation-account-section{grid-template-columns:1fr}}.inquiry-form{gap:var(--space-6);flex-direction:column;max-width:560px;display:flex}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field label{color:var(--color-primary-dark);font-weight:600}.form-field label span{color:var(--color-danger)}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3);min-height:48px;font-family:inherit;font-size:1rem}.inquiry-form textarea{resize:vertical;min-height:120px}.inquiry-form input:focus-visible,.inquiry-form select:focus-visible,.inquiry-form textarea:focus-visible{outline:3px solid var(--color-gold-600);outline-offset:2px;border-color:var(--color-primary)}.inquiry-form .btn{align-self:flex-start}.contact-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.contact-primary-card h2{margin-bottom:var(--space-6)}.contact-phone-link{align-items:center;gap:var(--space-3);font-family:var(--font-heading);color:var(--color-primary-dark);margin-bottom:var(--space-6);font-size:1.75rem;font-weight:700;text-decoration:none;display:inline-flex}.contact-phone-link:hover{color:var(--color-primary)}.contact-buttons{gap:var(--space-4);flex-wrap:wrap;display:flex}.contact-email{margin-top:var(--space-6);margin-bottom:0;font-weight:600}.office-address{color:var(--color-ink-muted);margin-bottom:var(--space-4);font-style:normal;line-height:1.7}.maps-link{margin-bottom:var(--space-4)}.social-list-light{margin:var(--space-6) 0 0;gap:var(--space-4);padding:0;list-style:none;display:flex}.social-list-light a{min-height:48px;padding:var(--space-2) var(--space-6);border:2px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary-dark);background:var(--color-white);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.social-list-light a:hover{background:var(--color-primary);color:var(--color-white)}