@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";
:root{--primary-blue:#00007a;--primary-glow:#2a2aff;--white:#fff;--text-dark:#0a0a0a;--transition-bounce:cubic-bezier(.34,1.56,.64,1);--transition-smooth:cubic-bezier(.4,0,.2,1)}.navbar{z-index:2000;width:100%;transition:all .4s var(--transition-smooth);padding:1.5rem;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.3);padding:.8rem 1.5rem;box-shadow:0 4px 30px rgba(0,0,0,.03)}.nav-container{z-index:2002;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.logo-container{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-wrapper{background:var(--primary-blue);transition:transform .4s var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:0 4px 12px rgba(0,0,122,.2)}.logo-img{filter:brightness(0)invert();display:block}.logo-container:hover .logo-wrapper{background:#009;transform:rotate(10deg)scale(1.1)}.logo-text{color:var(--primary-blue);letter-spacing:-.5px;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:800}.nav-links-desktop{align-items:center;gap:12px;display:flex}.btn-glow-blue,.btn-glow-white{cursor:pointer;transition:all .4s var(--transition-bounce);border:none;border-radius:50px;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:6px 8px 6px 20px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;display:flex;position:relative;overflow:hidden}.icon-circle{width:32px;height:32px;transition:transform .4s var(--transition-bounce);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.btn-glow-blue:hover,.btn-glow-white:hover{transform:translateY(-2px)scale(1.02)}.btn-glow-blue:hover .icon-circle,.btn-glow-white:hover .icon-circle{transform:translate(2px)rotate(-45deg)}.btn-glow-blue:active,.btn-glow-white:active{transform:scale(.95)}.btn-glow-blue{background:var(--primary-blue);color:var(--white);box-shadow:0 8px 20px -6px rgba(0,0,122,.5)}.btn-glow-blue .icon-circle{background:var(--white);color:var(--primary-blue)}.btn-glow-blue:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-glow-blue:hover:before{left:100%}.btn-glow-white{background:var(--white);color:var(--primary-blue);box-shadow:0 8px 20px -6px rgba(0,0,0,.1)}.btn-glow-white .icon-circle{background:var(--primary-blue);color:var(--white)}.btn-glow-white:before{content:"";background:linear-gradient(90deg,transparent,rgba(0,0,122,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-glow-white:hover:before{left:100%}.hamburger-menu{background:var(--white);cursor:pointer;z-index:2005;transition:transform .3s var(--transition-bounce);border:none;border-radius:14px;padding:12px;display:none;box-shadow:0 4px 15px rgba(0,0,0,.05)}.hamburger-menu:active{transform:scale(.9)}.hamburger-box{width:24px;height:20px;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:var(--primary-blue);border-radius:4px;width:100%;height:2.5px;transition:all .3s;position:absolute}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{content:"";top:-8px}.hamburger-inner:after{content:"";bottom:-8px}.hamburger-menu.open .hamburger-inner{background:0 0}.hamburger-menu.open .hamburger-inner:before{transform:translateY(8px)rotate(45deg)}.hamburger-menu.open .hamburger-inner:after{transform:translateY(-8px)rotate(-45deg)}.mobile-menu{background:var(--primary-blue);clip-path:circle(0% at 100% 0);pointer-events:none;z-index:2001;justify-content:center;align-items:center;width:100%;height:100vh;transition:clip-path .6s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0}.mobile-menu.open{clip-path:circle(150% at 100% 0);pointer-events:all}.mobile-content{width:100%;max-width:500px;padding:2rem}.mobile-nav-links{text-align:center;flex-direction:column;gap:1.5rem;display:flex}.mobile-nav-links a{color:rgba(255,255,255,.5);opacity:0;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;text-decoration:none;transition:color .3s,transform .3s;transform:translateY(30px)}.mobile-menu.open .mobile-nav-links a{animation:.5s forwards slideUpFade;animation-delay:calc(.1s*var(--i))}.mobile-nav-links a:hover{color:var(--white);transform:translate(10px)}.mobile-footer{opacity:0;border-top:1px solid rgba(255,255,255,.1);margin-top:3rem;padding-top:2rem}.mobile-menu.open .mobile-footer{animation:.5s .5s forwards slideUpFade}.mobile-btn-primary{background:var(--white);width:100%;color:var(--primary-blue);cursor:pointer;border:none;border-radius:16px;justify-content:space-between;align-items:center;padding:1.2rem;font-size:1.1rem;font-weight:700;display:flex}.mobile-note{color:rgba(255,255,255,.4);text-align:center;margin-top:1rem;font-size:.85rem}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-links-desktop{display:none}.hamburger-menu{display:block}}
body{cursor:url("data:image/svg+xml;utf8,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"16\" cy=\"16\" r=\"10\" fill=\"rgba(0,0,122,0.8)\" stroke=\"white\" stroke-width=\"2\"/></svg>") 16 16,auto;background-color:#fff;font-family:Poppins,sans-serif;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7f6;font-family:Poppins,sans-serif}.associations-section{max-width:100%;box-shadow:none;background-color:#fff;border-radius:0;margin:40px 0;padding:2.5rem}.asociaciones-section{background-color:#fff;justify-content:space-between;align-items:center;min-height:600px;padding:4rem 5%;display:flex;position:relative;overflow:hidden}.asociaciones-text{z-index:10;flex:1;max-width:450px;padding-right:2rem}.asociaciones-subtitle{color:#00007a;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.asociaciones-title{color:#1a1a1a;margin-bottom:2rem;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;line-height:1.1}.asociaciones-button{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:50px;padding:1rem 2.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.1)}.asociaciones-button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.asociaciones-link,.eventos-link{color:#fff;text-decoration:none}.descargar-link{color:#00007a;text-decoration:none}.asociaciones-circles{flex:1.2;height:500px;position:relative}.circle{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.circle-image{object-fit:cover;width:100%;height:100%}.circle.gray{background-color:#f0f2f5}.circle.small{width:30px;height:30px}.circle.medium{width:60px;height:60px}.circle.logo{background-color:#fff;border:1px solid rgba(0,0,0,.05);width:100px;height:100px;padding:4px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.circle.logo.darker{z-index:2;width:130px;height:130px}.circle.logo.dark{z-index:1;width:90px;height:90px}.circle.logo.medium-blue{z-index:3;width:110px;height:110px}.circle.logo.white{z-index:1;width:80px;height:80px}@media (max-width:900px){.asociaciones-section{text-align:center;flex-direction:column;height:auto;min-height:auto;padding:3rem 1.5rem}.asociaciones-text{max-width:100%;margin-bottom:3rem;padding-right:0}.asociaciones-title{font-size:2.2rem}.asociaciones-circles{flex-wrap:wrap;justify-content:center;gap:15px;width:100%;height:auto;margin-top:10px;display:flex;position:relative}.circle{margin:5px;transform:none;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.circle.gray{display:none}.circle.logo,.circle.logo.darker,.circle.logo.medium-blue{width:80px;height:80px}}