
:root{--rotary-blue:#17458f;--rotary-gold:#f7a81b;--deep:#0b2d5f;--ink:#172033;--muted:#67718a;--light:#f4f7fb;--white:#fff;--shadow:0 20px 50px rgba(10,35,80,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{background:var(--deep);color:#fff;font-size:.88rem;padding:8px 5vw;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar a{color:#fff}.navbar{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.08)}.nav-inner{width:min(1180px,92vw);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:14px}.brand img{height:56px;width:auto}.brand-title{font-weight:800;color:var(--rotary-blue);line-height:1.1}.brand-title span{display:block;font-size:.76rem;color:var(--muted);font-weight:600}.navlinks{display:flex;align-items:center;gap:18px;font-weight:700;font-size:.92rem;color:var(--deep)}.navlinks a:hover{color:var(--rotary-gold)}.nav-actions{display:flex;align-items:center;gap:10px}.lang button,.menu-btn{border:0;border-radius:999px;background:var(--light);color:var(--deep);padding:9px 12px;font-weight:800;cursor:pointer}.lang button.active{background:var(--rotary-gold);color:#111}.menu-btn{display:none}.hero{min-height:84vh;background:linear-gradient(90deg,rgba(7,35,78,.88),rgba(23,69,143,.48)),url('https://rotaryc.org/images/slider_img.png') center/cover no-repeat;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;bottom:-120px;width:430px;height:430px;background:url('../img/favicon.png') center/contain no-repeat;opacity:.16}.hero-content{width:min(1180px,92vw);margin:auto;position:relative;z-index:2;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.13);border-radius:999px;padding:8px 15px;font-weight:800}.hero h1{font-size:clamp(2.25rem,6vw,5.8rem);line-height:.95;margin:22px 0 18px;max-width:980px}.hero p{font-size:clamp(1.05rem,2vw,1.32rem);max-width:750px;margin:0 0 26px}.buttons{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:800;border:2px solid transparent;transition:.25s}.btn-primary{background:var(--rotary-gold);color:#1b1b1b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(247,168,27,.28)}.btn-outline{border-color:rgba(255,255,255,.75);color:#fff}.btn-blue{background:var(--rotary-blue);color:#fff}.btn-light{background:#fff;color:var(--rotary-blue)}section{padding:84px 0}.container{width:min(1180px,92vw);margin:auto}.section-head{max-width:820px;margin:0 auto 38px;text-align:center}.kicker{color:var(--rotary-gold);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:8px 0 14px;color:var(--deep)}.section-head p{color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid #e9eef6}.card .pad{padding:24px}.card h3{margin:0 0 10px;color:var(--rotary-blue);font-size:1.32rem}.card p{margin:0;color:var(--muted)}.card-img{height:220px;width:100%;object-fit:cover}.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.feature-img{border-radius:var(--radius);box-shadow:var(--shadow);height:430px;width:100%;object-fit:cover}.blueband{background:linear-gradient(135deg,var(--deep),var(--rotary-blue));color:#fff}.blueband h2,.blueband h3{color:#fff}.blueband p{color:rgba(255,255,255,.82)}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:22px}.numbered{counter-reset:item;display:grid;gap:14px}.numbered p{counter-increment:item;background:var(--light);padding:16px 18px 16px 60px;border-radius:16px;position:relative;margin:0}.numbered p:before{content:counter(item);position:absolute;left:16px;top:16px;background:var(--rotary-gold);color:#111;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900}.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quad div{background:#fff;border:1px solid #edf1f7;border-radius:20px;padding:20px;text-align:center;font-weight:900;color:var(--rotary-blue);box-shadow:0 10px 30px rgba(0,0,0,.06)}.video{position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.info-link{display:inline-block;margin-top:16px;color:var(--rotary-blue);font-weight:900}.program-logo{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);min-height:180px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery a{display:block;overflow:hidden;border-radius:18px;box-shadow:0 12px 26px rgba(0,0,0,.12);background:#ddd}.gallery img{width:100%;height:245px;object-fit:cover;transition:.35s}.gallery a:hover img{transform:scale(1.08)}.contact-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.contact-box{background:var(--deep);color:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.contact-box p{color:rgba(255,255,255,.85)}.contact-box a{color:#fff;font-weight:800}.form{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid #e9eef6}.form label{display:block;font-weight:800;color:var(--deep);margin-bottom:6px}.form input,.form textarea{width:100%;border:1px solid #dbe3ef;border-radius:14px;padding:13px 14px;margin-bottom:14px;font:inherit}.form textarea{min-height:130px;resize:vertical}.social-embed{margin-top:24px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow);padding:12px}.footer{background:#071b3a;color:#fff;padding:38px 0;text-align:center}.footer img{height:52px;margin:0 auto 16px}.footer a{color:var(--rotary-gold);font-weight:800}.whatsapp{position:fixed;z-index:110;left:18px;bottom:18px;background:#25d366;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.25)}.whatsapp img{width:32px;height:32px}.modal{display:none;position:fixed;z-index:200;inset:0;background:rgba(0,0,0,.9);align-items:center;justify-content:center;padding:4vw}.modal.open{display:flex}.modal img{max-height:88vh;border-radius:16px}.modal button{position:absolute;top:20px;right:20px;border:0;border-radius:50%;width:46px;height:46px;font-size:26px;cursor:pointer}.en{display:none}body.show-en .es{display:none}body.show-en .en{display:initial}body.show-en section.en{display:block}body.show-en div.en{display:block}body.show-en p.en{display:block}body.show-en span.en{display:inline}body.show-en h1.en,body.show-en h2.en,body.show-en h3.en{display:block}body.show-en a.en{display:inline-flex}@media(max-width:980px){.menu-btn{display:inline-flex}.navlinks{position:absolute;top:100%;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:18px 5vw;box-shadow:0 20px 30px rgba(0,0,0,.12)}.navlinks.open{display:flex}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.feature,.contact-wrap{grid-template-columns:1fr}.values,.quad{grid-template-columns:repeat(2,1fr)}.hero{min-height:76vh}.brand img{height:48px}}@media(max-width:640px){.topbar{font-size:.78rem}.brand-title{font-size:.9rem}.brand-title span{font-size:.68rem}.grid-4,.grid-3,.grid-2,.gallery{grid-template-columns:1fr}.values,.quad{grid-template-columns:1fr}section{padding:62px 0}.card-img,.gallery img{height:230px}.feature-img{height:300px}.hero-content{padding:52px 0}.hero h1{font-size:2.55rem}.buttons .btn{width:100%}.nav-inner{width:94vw}.whatsapp{width:50px;height:50px}}
