:root{--blue:#17458f;--blue2:#0b2f6b;--gold:#f7a81b;--ink:#243447;--soft:#f4f7fb;--white:#fff;--shadow:0 16px 40px rgba(13,42,82,.14);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.8rem;z-index:9999}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 18px rgba(0,0,0,.08)}.topbar{background:var(--blue2);color:#fff;font-size:.82rem}.topbar-inner{height:34px;display:flex;justify-content:space-between;align-items:center}.social-mini{display:flex;gap:14px;font-weight:800}.navbar{background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;height:64px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:18px;font-size:.88rem;font-weight:750}.nav-links a{padding:9px 0;border-bottom:2px solid transparent}.nav-links a:hover{color:var(--blue);border-color:var(--gold)}.lang,.menu-toggle{border:0;background:var(--blue);color:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.menu-toggle{display:none;font-size:1.3rem}.hero{position:relative;min-height:780px;margin-top:116px;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,63,.88) 0%,rgba(5,28,63,.58) 50%,rgba(5,28,63,.22) 100%)}.hero-content{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hero-copy{max-width:700px}.eyebrow{display:inline-block;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.16em;margin-bottom:10px}.hero h1{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.95;margin:0 0 22px}.hero p{font-size:clamp(1.15rem,2vw,1.5rem);max-width:650px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 22px;border-radius:999px;font-weight:850;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#172b4d}.light{background:#fff;color:var(--blue)}.outline{border:2px solid var(--blue);color:var(--blue)}.hero-logos{display:flex;gap:18px;align-items:center;background:rgba(255,255,255,.94);border-radius:18px;padding:16px}.hero-logos img{width:145px;height:74px;object-fit:contain}.section{padding:100px 0}.soft{background:var(--soft)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.rounded{border-radius:var(--radius);box-shadow:var(--shadow)}.media-cover{width:100%;height:460px;object-fit:cover}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:0 0 24px;color:#15335d}.section h3{color:#15335d}.section-head{max-width:820px;text-align:center;margin:0 auto 52px}.section-head p{font-size:1.08rem}.video-wrap{margin-top:50px;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.video-wrap iframe{width:100%;height:100%;border:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.panel{background:#fff;border:1px solid #e3eaf3;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.panel li{margin-bottom:12px}.checks{list-style:none;padding:0}.checks li{padding-left:30px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}.mission{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:linear-gradient(120deg,var(--blue),var(--blue2));color:#fff;border-radius:var(--radius);padding:38px;margin:36px 0}.mission h3{color:#fff}.cards{display:grid;gap:24px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.five{grid-template-columns:repeat(5,1fr)}.cards.causes,.cards.programs{grid-template-columns:repeat(3,1fr)}.cards.youth{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #e8edf4;transition:.25s}.card:hover{transform:translateY(-7px)}.card img{width:100%;height:200px;object-fit:cover}.card>div{padding:23px}.card h3{margin:0 0 10px;line-height:1.2}.card p{font-size:.94rem}.more{color:var(--blue);font-weight:900}.endpolio{display:block;max-width:500px;margin:50px auto 0;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow)}.club-section{background:linear-gradient(145deg,#092657,#17458f);color:#fff}.light-text h2,.light-text p{color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery button{border:0;padding:0;background:none;border-radius:16px;overflow:hidden;cursor:zoom-in}.gallery img{width:100%;height:260px;object-fit:cover;transition:.35s}.gallery button:hover img{transform:scale(1.05)}.feature-project{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#fff;color:var(--ink);border-radius:var(--radius);padding:38px;margin-top:55px}.feature-project img{border-radius:16px}.contact-grid,.social-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.contact-card,.instagram-cta{background:var(--soft);padding:38px;border-radius:var(--radius)}.map,.facebook{min-height:420px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.map iframe,.facebook iframe{border:0;width:100%;height:100%;min-height:420px}.social-grid{margin-top:32px}.instagram-cta{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.ig-icon{font-size:5rem;color:#d62976}footer{background:#071b3b;color:#d9e4f3;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid img{width:230px;background:#fff;border-radius:12px;padding:10px}.footer-grid a{display:block;margin:8px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.15);padding:20px;margin-top:45px;font-size:.9rem}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:999;width:58px;height:58px;border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.25)}.whatsapp img{width:100%;height:100%;object-fit:cover;border-radius:50%}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:2000;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:95vw;max-height:88vh;border-radius:12px}.lightbox button{position:absolute;top:18px;right:24px;background:none;border:0;color:#fff;font-size:3rem;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1024px){.menu-toggle{display:block}.nav-links{position:absolute;top:116px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 5%;box-shadow:0 18px 28px rgba(0,0,0,.12);display:none}.nav-links.open{display:flex}.nav-links a{padding:10px}.hero{min-height:700px}.hero-content{align-items:center}.hero-logos{display:none}.cards.five{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){html{scroll-padding-top:90px}.topbar{display:none}.nav-inner{height:78px}.site-header{height:78px}.brand img{width:155px;height:55px}.nav-links{top:78px}.hero{margin-top:78px;min-height:650px}.hero-overlay{background:rgba(6,33,74,.72)}.hero h1{font-size:3.4rem}.grid-2,.info-grid,.mission,.feature-project,.contact-grid,.social-grid,.footer-grid{grid-template-columns:1fr}.reverse>div:first-child{order:2}.section{padding:72px 0}.media-cover{height:320px}.cards.five,.cards.four,.cards.causes,.cards.programs,.cards.youth{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:190px}.feature-project{padding:24px}.footer-grid{text-align:center}.footer-grid img{margin:auto}.whatsapp{width:54px;height:54px;right:15px;bottom:15px}}@media(max-width:430px){.gallery{grid-template-columns:1fr}.gallery img{height:250px}.hero-actions .btn{width:100%}}
