:root{color-scheme:dark;--bg: #0f1419;--bg-soft: #161d26;--fg: #f5f7fa;--muted: #c5ceda;--accent: #f5a524;--accent-strong: #fcd34d;--surface: #1d242f;--surface-soft: #232c38;--text-soft: #d7dee9;--nav-bg: rgba(18, 26, 38, .95);--nav-border: rgba(255, 255, 255, .08);--nav-hover: rgba(255, 255, 255, .1);--nav-toggle-bg: rgba(28, 38, 52, .85);--nav-toggle-border: rgba(255, 255, 255, .12);--footer-bg: linear-gradient(180deg, rgba(14, 20, 28, .96), rgba(9, 13, 19, .98));--footer-border: rgba(255, 255, 255, .06);--nav-text: #f5f7fa;--divider: rgba(255, 255, 255, .08);--card-border: rgba(79, 94, 116, .45);--badge-bg: rgba(39, 52, 70, .85);--timeline-border: rgba(255, 255, 255, .08);--cta-text: #261203;--shadow-strong: rgba(10, 14, 22, .6);--shadow-soft: rgba(10, 14, 22, .35);--stat-bg: rgba(30, 38, 51, .92);--stat-shadow: rgba(10, 14, 22, .45);--milestone-bg: rgba(33, 41, 54, .88);--milestone-border: rgba(79, 94, 116, .4);--milestone-hover: linear-gradient(135deg, rgba(54, 69, 93, .75), rgba(245, 165, 36, .5));--milestone-year-bg: rgba(245, 165, 36, .2);--milestone-year-hover: rgba(245, 165, 36, .32);--milestone-year-text: #fdf3d7;--milestone-year-text-hover: #fef9ec;--facebook-btn: linear-gradient(135deg, #1f2a44, #f59e0b);--facebook-shadow: rgba(17, 24, 39, .35);--facebook-shadow-hover: rgba(245, 165, 36, .4);--facebook-text: #fdf7ec}:root[data-theme=light]{color-scheme:light;--bg: #c4c4c4;--bg-soft: #eef1f7;--fg: #1d2430;--muted: #556171;--accent: #c97700;--accent-strong: #d7951e;--surface: #ffffff;--surface-soft: #f4f6fb;--text-soft: #4a5566;--nav-bg: rgba(32, 43, 58, .95);--nav-border: rgba(17, 24, 39, .12);--nav-hover: rgba(0, 0, 0, .08);--nav-toggle-bg: rgba(35, 46, 62, .85);--nav-toggle-border: rgba(17, 24, 39, .15);--footer-bg: linear-gradient(180deg, rgba(32, 41, 55, .95), rgba(21, 28, 38, .96));--footer-border: rgba(17, 24, 39, .12);--divider: rgba(28, 37, 48, .1);--card-border: rgba(41, 53, 68, .18);--badge-bg: rgba(35, 46, 62, .85);--timeline-border: rgba(32, 41, 55, .18);--nav-text: #f7f9ff;--cta-text: #1f1305;--shadow-strong: rgba(33, 43, 58, .12);--shadow-soft: rgba(33, 43, 58, .2);--stat-bg: rgba(246, 248, 252, .92);--stat-shadow: rgba(33, 43, 58, .16);--milestone-bg: rgba(242, 244, 248, .92);--milestone-border: rgba(41, 53, 68, .18);--milestone-hover: linear-gradient(135deg, rgba(206, 212, 221, .8), rgba(201, 158, 67, .45));--milestone-year-bg: rgba(201, 158, 67, .18);--milestone-year-hover: rgba(201, 158, 67, .32);--milestone-year-text: #3a2c14;--milestone-year-text-hover: #2a2110;--facebook-btn: linear-gradient(135deg, #2f3f5f, #d9870f);--facebook-shadow: rgba(33, 43, 58, .15);--facebook-shadow-hover: rgba(217, 135, 15, .3);--facebook-text: #fff4e1}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 16px}.navbar{position:sticky;top:0;z-index:40;background:var(--nav-bg);-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid var(--nav-border);color:var(--nav-text)}.navbar .inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--nav-text)}.brand img{width:46px;height:56px;border-radius:8px}.brand:visited{color:var(--nav-text)}.brand span{color:inherit}.navlinks{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.navlink{padding:8px 10px;border-radius:10px;transition:all .2s ease;color:var(--nav-text);font-weight:500}.navlink:visited{color:var(--nav-text)}.navlink:hover{background:var(--nav-hover);color:var(--accent-strong)}.navlink:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navlink.active,.navlink.active:visited{color:var(--accent-strong)}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--nav-toggle-border);background:var(--nav-toggle-bg);color:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease}.menu-toggle:hover{background:var(--nav-hover);border-color:#ffffff2e}.menu-bar{position:relative;width:22px;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,background .2s ease}.menu-bar:before,.menu-bar:after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.menu-bar:before{top:-6px}.menu-bar:after{top:6px}.menu-toggle.is-open .menu-bar{background:transparent}.menu-toggle.is-open .menu-bar:before{transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open .menu-bar:after{transform:translateY(-6px) rotate(-45deg)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--nav-toggle-border);background:transparent;color:var(--nav-text);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.theme-toggle:hover{background:var(--nav-hover);border-color:#fff3;transform:translateY(-1px)}.theme-icon{font-size:18px}.cta{background:var(--accent);color:var(--cta-text);border:none;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}.hero{padding:56px 0 28px;border-bottom:1px solid var(--divider);background:linear-gradient(180deg,rgba(245,165,36,.1),transparent)}.hero h1{font-size:40px;margin:0 0 10px}.hero p{color:var(--muted);margin:0}.grid{display:grid;gap:16px}.grid.cols-3,.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;overflow:hidden}.card .body,.body{padding:16px}.card h3{margin:4px 0 10px}.footer{position:static;margin-bottom:0;border-top:1px solid var(--footer-border);padding:24px 0;background:var(--footer-bg);color:var(--nav-text)}.footer-inner{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:58px;height:72px;border-radius:12px;box-shadow:0 12px 24px #00000040}.footer-brand p{margin:0;font-weight:600}.footer-brand span{color:#ffffffbf;font-size:.95rem}.footer-contact{min-width:240px}.footer-contact h3{margin:0 0 12px;font-size:1.05rem;letter-spacing:.01em}.footer-contact ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-contact li{display:flex;align-items:center;gap:12px;font-size:.95rem}.footer-contact a{color:inherit;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-icon{width:20px;height:20px}.footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.85rem;color:#ffffffa6}kbd{border:1px solid var(--card-border);border-bottom-color:var(--divider);background:var(--surface);padding:2px 6px;border-radius:6px}.section{padding:32px 0}.section h2{margin:0 0 10px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--badge-bg);color:var(--fg);font-size:12px}.timeline{border-left:2px solid var(--timeline-border);margin-left:10px;padding-left:16px}.comunidad-page{background:radial-gradient(circle at top,rgba(245,165,36,.12),transparent 55%)}.comunidad-title{font-size:40px;margin-bottom:24px;text-align:center}.comunidad-content{display:flex;flex-direction:column;gap:40px}.historia-page{background:radial-gradient(circle at top,rgba(36,49,67,.3),transparent 60%)}.historia-header{text-align:center;margin-bottom:40px}.historia-header h1{font-size:42px;margin-bottom:12px}.historia-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.historia-block{background:var(--surface);border:1px solid var(--card-border);border-radius:20px;padding:24px;box-shadow:0 18px 40px var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.historia-block h2{margin:0 0 16px;font-size:24px;color:var(--accent-strong)}.historia-block p{margin:0 0 12px;line-height:1.75;color:var(--text-soft)}.historia-block p:last-child{margin-bottom:0}.camp-page{background:radial-gradient(circle at top,rgba(24,34,48,.28),transparent 62%)}.camp-header{text-align:center;margin-bottom:32px}.camp-header h1{font-size:40px;margin-bottom:10px}.camp-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.camp-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.camp-card{background:var(--surface);border:1px solid var(--card-border);border-radius:18px;padding:24px;box-shadow:0 18px 36px var(--shadow-soft)}.camp-card h2{margin:0 0 12px;font-size:22px;color:var(--accent-strong)}.camp-card p{margin:0 0 12px;line-height:1.75;color:var(--text-soft)}.camp-card p:last-child{margin-bottom:0}.camp-highlight{margin:32px 0;padding:24px;border-radius:18px;background:linear-gradient(135deg,#f5a5242e,#24314347);border:1px solid rgba(245,165,36,.22);box-shadow:0 18px 40px var(--shadow-soft);text-align:center;font-style:italic;color:var(--fg)}.camp-gallery{margin-top:36px}.camp-gallery h3{margin-bottom:16px;font-size:22px}.comunidad-section{background:var(--surface);border:1px solid rgba(245,165,36,.22);border-radius:20px;padding:32px;box-shadow:0 20px 50px #0a0e1659}.comunidad-section h2{font-size:32px;margin:0 0 24px;text-align:center;font-weight:600}.comunidad-highlight{background:linear-gradient(135deg,#f5a52459,#233143a6);border-radius:16px;padding:24px;text-align:center;margin-bottom:24px;box-shadow:0 12px 30px #0b101880}.comunidad-highlight strong{color:var(--accent-strong);font-weight:700}.comunidad-block{background:var(--surface-soft);border:1px solid var(--card-border);border-radius:16px;padding:24px;margin-bottom:24px}.comunidad-block h3{margin:0 0 12px;font-size:22px}.comunidad-block p{margin:0 0 12px;line-height:1.8;color:var(--text-soft)}.comunidad-block p:last-child{margin-bottom:0}.comunidad-block strong{color:var(--accent-strong)}.comunidad-block em{color:var(--accent)}.comunidad-section.jubilados{background:linear-gradient(135deg,#232e40d9,#121a24f2);border-color:#f5a52447}.comunidad-section.jubilados .comunidad-block{background:#1a222dd6;border-color:#f5a5244d}.comunidad-stats{margin:40px 0;text-align:center}.comunidad-stats h3{font-size:24px;margin-bottom:24px}.comunidad-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-card{background:#1e2633eb;border:1px solid rgba(245,165,36,.25);border-radius:16px;padding:28px 16px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px #0a0e1673}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:8px}.stat-label{color:var(--text-soft);font-size:1rem}.stats-note{margin-top:16px;color:var(--muted);font-style:italic}.comunidad-milestones{margin:40px 0}.comunidad-milestones h3{margin-bottom:24px;font-size:24px}.milestone{display:flex;gap:20px;align-items:flex-start;background:var(--milestone-bg);border:1px solid var(--milestone-border);border-left:4px solid var(--accent);border-radius:16px;padding:20px;margin-bottom:16px;transition:transform .2s ease,background .2s ease,border .2s ease}.milestone:hover{transform:translate(6px);background:var(--milestone-hover);border-left-color:var(--accent-strong);border-color:#f5a52459}.milestone-year{min-width:70px;padding:6px 14px;border-radius:999px;background:var(--milestone-year-bg);color:var(--milestone-year-text);font-weight:700;text-align:center}.milestone:hover .milestone-year{background:var(--milestone-year-hover);color:var(--milestone-year-text-hover)}.milestone-text{flex:1;line-height:1.6}.facebook-link{text-align:center;margin-top:36px}.facebook-btn{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:16px 26px;background:var(--facebook-btn);color:var(--facebook-text);font-weight:600;text-decoration:none;box-shadow:0 12px 35px var(--facebook-shadow);transition:transform .2s ease,box-shadow .2s ease}.facebook-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px var(--facebook-shadow-hover)}.facebook-btn .arrow{transition:transform .2s ease}.facebook-btn:hover .arrow{transform:translate(4px)}html[data-theme=light] .comunidad-page{background:radial-gradient(circle at top,#f7d67e2e,#e0e9f759 55%)}html[data-theme=light] .comunidad-section{background:linear-gradient(135deg,#fffffff2,#e0e9f7d9);border:1px solid rgba(32,43,58,.12);box-shadow:0 22px 48px #1e293b1f}html[data-theme=light] .comunidad-section.jubilados{background:linear-gradient(135deg,#f7e8cff2,#e4ecf8e0);border-color:#c99e4359}html[data-theme=light] .comunidad-highlight{background:linear-gradient(135deg,#c99e4347,#2e405c2e);box-shadow:0 12px 30px #2029372e}html[data-theme=light] .comunidad-block{background:linear-gradient(135deg,#f5f7fceb,#e8eef8e0);border:1px solid rgba(41,53,68,.15)}html[data-theme=light] .comunidad-section.jubilados .comunidad-block{background:linear-gradient(135deg,#fffaf1eb,#eff5fce0);border-color:#c99e4347}html[data-theme=light] .historia-page{background:radial-gradient(circle at top,#e3ebf880,#fff6 60%)}html[data-theme=light] .historia-block{background:linear-gradient(135deg,#f6f8fcf5,#e6eefae0);border:1px solid rgba(41,53,68,.16);box-shadow:0 20px 45px #2029372e}html[data-theme=light] .historia-block p{color:var(--muted)}html[data-theme=light] .camp-page{background:radial-gradient(circle at top,#e9f0fc8c,#ffffff73 62%)}html[data-theme=light] .camp-card{background:linear-gradient(135deg,#f6f8fcf5,#e8effae6);border:1px solid rgba(41,53,68,.16);box-shadow:0 18px 36px #20293729}html[data-theme=light] .camp-card p{color:var(--muted)}html[data-theme=light] .camp-highlight{background:linear-gradient(135deg,#f7d77b59,#d2dff873);border:1px solid rgba(201,158,67,.22);color:#2f3642}html[data-theme=light] .camp-gallery h3{color:#2f3642}html[data-theme=light] .stat-card{background:linear-gradient(135deg,#f6f8fcf2,#e7effbe6);border:1px solid rgba(41,53,68,.18);box-shadow:0 16px 35px #20293724}html[data-theme=light] .milestone{background:linear-gradient(135deg,#f4f7fcf5,#e2ebf8db);border:1px solid rgba(41,53,68,.18)}html[data-theme=light] .milestone:hover{background:linear-gradient(135deg,#e0e9f7e6,#c99e4373)}html[data-theme=light] .facebook-btn{background:linear-gradient(135deg,#2f3f5ff2,#d9870fe6);box-shadow:0 12px 35px #2029372e}html[data-theme=light] .facebook-btn:hover{box-shadow:0 18px 40px #d9870f47}@media (max-width: 768px){.comunidad-section{padding:24px}.comunidad-title{font-size:32px}.comunidad-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.milestone{flex-direction:column;gap:12px}.milestone-year{align-self:flex-start}}.timeline .item{margin:12px 0}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.gallery img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;border:1px solid var(--card-border)}blockquote{margin:0;padding:12px 16px;border-left:3px solid var(--accent);background:var(--surface);border-radius:8px}.suyaiText{height:auto;font-size:18px;line-height:1.7;color:var(--fg);text-align:justify;background:linear-gradient(135deg,#f5a52414,#2431430f);border-left-color:var(--accent);box-shadow:0 18px 36px var(--shadow-soft)}.suyaiText:first-line{font-weight:600;letter-spacing:.02em}.suyaiText .suyaiHighlight{color:var(--accent);font-weight:600;text-decoration:underline wavy var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}.contact h4{margin-bottom:15px;text-decoration:underline}.muted,small.muted{color:var(--muted)}.ytVideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}a{text-decoration:none}@media (max-width: 980px){.navbar .inner{gap:12px}.menu-toggle{display:inline-flex}.navlinks{position:relative;flex-direction:column;flex-wrap:nowrap;gap:6px;width:100%;padding:0;border-radius:16px;border:1px solid var(--card-border);background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-height:0;overflow:hidden;transition:max-height .25s ease}:root[data-theme=light] .navlink{color:var(--fg)}:root[data-theme=light] .navlink:visited{color:var(--fg)}:root[data-theme=light] .navlink:hover,:root[data-theme=light] .navlink:focus-visible{color:var(--accent-strong)}:root[data-theme=light] .navlink.active,:root[data-theme=light] .navlink.active:visited{color:var(--accent-strong)}.navlinks.is-open{padding:12px 0;max-height:400px}.navlink{width:100%;padding:12px 20px;border-radius:0}.brand img{width:40px;height:48px}}@media (max-width: 768px){.container{padding:0 12px}.hero{padding:44px 0 22px}.hero h1{font-size:32px}.grid{gap:14px}.card{border-radius:14px}.card .body,.body{padding:14px}blockquote{padding:12px 14px}.suyaiText{font-size:16px}.camp-header h1{font-size:32px}.camp-badges{gap:10px}.camp-card,.camp-highlight{padding:20px}.footer-inner{gap:20px;align-items:flex-start}.footer-brand{flex-direction:column;align-items:flex-start}.footer-contact{width:100%}}@media (max-width: 520px){.hero{padding:36px 0 18px}.hero h1{font-size:28px}.navbar .inner{padding:12px 0 4px}.navlinks.is-open{padding:10px 0}.navlink{padding:10px 16px}.gallery{gap:8px}.badge{font-size:11px}}