@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap";
:root{--primary-blue:#00007a;--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);background:0 0;padding:1.5rem;position:fixed;top:0;left:0}.navbar.scrolled,.navbar.menu-active{-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(0,0,0,.05);padding:.8rem 1.5rem;box-shadow:0 4px 30px rgba(0,0,0,.05)}.nav-container{z-index:2002;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.logo-container{cursor:pointer;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{transform:rotate(10deg)scale(1.1)}.logo-text{letter-spacing:-.5px;color:var(--white);font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:800;transition:color .4s}.navbar.scrolled .logo-text,.navbar.menu-active .logo-text{color:var(--primary-blue)}.nav-links-desktop{display:none!important}.hamburger-menu{background:var(--white);cursor:pointer;z-index:2005;width:50px;height:50px;transition:transform .3s var(--transition-bounce),background .3s;border:none;border-radius:14px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.05)}.navbar.scrolled .hamburger-menu{background:#f0f0f5}.hamburger-menu:active{transform:scale(.9)}.hamburger-menu:hover{transform:scale(1.05)}.hamburger-box{justify-content:center;align-items:center;width:24px;height:24px;display:flex;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;left:0}.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{top:0;transform:rotate(45deg)}.hamburger-menu.open .hamburger-inner:after{top:0;bottom:auto;transform: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 .7s 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}.menu-overlay{display:none}.mobile-content{flex-direction:column;justify-content:center;width:100%;max-width:600px;height:100%;padding:2rem;display:flex}.mobile-nav-links{text-align:center;flex-direction:column;gap:1.5rem;margin-bottom:3rem;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)}@media (min-width:768px){.mobile-nav-links a{font-size:3.5rem}}.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;text-align:center;border-top:1px solid rgba(255,255,255,.1);flex-direction:column;justify-content:center;align-items:center;padding-top:2rem;display:flex}.mobile-menu.open .mobile-footer{animation:.5s .5s forwards slideUpFade}.mobile-btn-primary{background:var(--white);color:var(--primary-blue);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:1rem 2.5rem;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 20px rgba(0,0,0,.2)}.mobile-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgba(0,0,0,.3)}.mobile-btn-primary .arrow{font-size:1.2rem;transition:transform .2s}.mobile-btn-primary:hover .arrow{transform:translate(3px,-3px)}.mobile-note{color:rgba(255,255,255,.4);margin-top:1.5rem;font-size:.9rem}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}
*{box-sizing:border-box;margin:0;padding:0}.asociaciones-section{background-color:#fff;justify-content:space-between;align-items:center;gap:4rem;min-height:80vh;padding:6rem 5%;display:flex;overflow:hidden}.asociaciones-content{z-index:10;flex:1;max-width:500px}.asociaciones-subtitle{color:#2563eb;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.asociaciones-title{color:#1a1a1a;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.highlight-blue{color:#2563eb;display:inline-block;position:relative}.highlight-blue:after{content:"";z-index:-1;background-color:rgba(37,99,235,.1);width:100%;height:12px;position:absolute;bottom:5px;left:0}.asociaciones-desc{color:#6b7280;max-width:400px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.asociaciones-button{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:99px;justify-content:center;align-items:center;padding:1.2rem 3rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.asociaciones-button .btn-text{z-index:2;transition:color .3s;position:relative}.asociaciones-button .btn-bg{transform-origin:0;z-index:1;background-color:#0000d6;width:100%;height:100%;position:absolute;top:0;left:0}.asociaciones-button:hover{box-shadow:0 6px 20px rgba(37,99,235,.3)}.asociaciones-link{color:#fff;text-decoration:none}.explore-btn-asociones-link{text-decoration:none;display:inline-block}.explore-btn-asociaciones{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:99px;padding:1.2rem 3rem;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.asociaciones-btn-container{justify-content:flex-start;width:100%;margin-top:2rem;display:flex}@media (max-width:768px){.asociaciones-content{text-align:center;flex-direction:column;align-items:center;display:flex}.asociaciones-btn-container{justify-content:center}}.btn-text{z-index:2;transition:color .3s;position:relative}.btn-bg{transform-origin:0;z-index:1;background-color:#00007a;width:100%;height:100%;position:absolute;top:0;left:0}.asociaciones-visual{flex:1.2;height:600px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(transparent 0%,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(transparent 0%,#000 15%,#000 85%,transparent 100%)}.columns-container{justify-content:center;gap:1.5rem;height:100%;display:flex}.marquee-column{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.marquee-track{flex-direction:column;gap:1.5rem;width:100%;display:flex}.association-card{aspect-ratio:1;background:#fff;border:1px solid #f3f4f6;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:1.5rem;transition:transform .3s;display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.association-card:hover{border-color:#e5e7eb;transform:scale(.98)}.card-img{object-fit:contain;filter:grayscale();opacity:.7;width:100%;height:100%;transition:all .3s}.association-card:hover .card-img{filter:grayscale(0%);opacity:1}.card-placeholder{background-color:#f3f4f6;border-radius:50%;width:40px;height:40px}@media (max-width:1024px){.desktop-only{display:none}}@media (max-width:768px){.asociaciones-section{text-align:center;flex-direction:column;gap:3rem;padding:4rem 1.5rem}.asociaciones-content{max-width:100%;margin-bottom:0}.asociaciones-desc{margin:0 auto 2rem}.highlight-blue:after{width:60%;left:50%;transform:translate(-50%)}.asociaciones-visual{width:100%;height:400px}.columns-container{gap:1rem}}