:root{--primary-color:#3b6173;--secondary-color:#d4a34d;--accent-color:#f1c40f;--text-color:#333;--light-text:#666;--bg-color:#fff;--footer-bg:#2c4a58;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--bg-color);line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{text-align:center;border-radius:4px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--secondary-color);color:#fff}.btn-primary:hover{background-color:#2e6b36}.btn-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{background-color:#c0923e}.btn-outline{color:#fff;border:2px solid #fff}.btn-outline:hover{background-color:#ffffff1a}.header{z-index:1000;background-color:#fff;width:100%}.top-bar{background-color:#fff;border-bottom:1px solid #eee;padding:8px 0;font-size:13px}.top-bar-content{justify-content:space-between;align-items:center;display:flex}.contact-info{gap:20px;display:flex}.contact-info a{color:var(--light-text);align-items:center;gap:6px;display:flex}.social-links{gap:15px;display:flex}.social-links a{color:var(--light-text);transition:color .3s}.social-links a:hover{color:var(--secondary-color)}.main-nav{padding:15px 0;box-shadow:0 2px 10px #0000000d}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-img{border-radius:50%;width:auto;height:50px}.logo-text{color:var(--primary-color);flex-direction:column;font-size:10px;font-weight:700;line-height:1.1;display:flex}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--text-color);font-size:13px;font-weight:600;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--secondary-color);border-bottom:2px solid var(--secondary-color)}.hazte-socio{padding:10px 20px;font-size:13px}.desktop-only{display:block}.mobile-only-cta{margin-top:20px;display:none}.mobile-menu-toggle{color:var(--primary-color);padding:5px;display:none}@media (width<=1024px){.desktop-only{display:none}.mobile-menu-toggle{display:block}.nav-links{z-index:999;background-color:#fff;flex-direction:column;align-items:center;gap:0;width:100%;height:0;transition:all .3s ease-in-out;position:fixed;top:130px;left:0;overflow:hidden;box-shadow:0 10px 10px #0000001a}.nav-links.mobile-open{border-top:1px solid #eee;height:auto;padding:30px 0}.nav-links li{text-align:center;width:100%}.nav-links a{padding:15px 0;font-size:16px;display:block;border:none!important}.mobile-only-cta{padding:0 20px;display:block}}@media (width<=768px){.top-bar{display:none}.nav-links{top:80px}.nav-content{padding:0 15px}}.footer{background-color:var(--footer-bg);color:#fff;padding-top:80px}.footer-grid{grid-template-columns:2fr 1fr 1fr 2fr;gap:40px;margin-bottom:60px;display:grid}.footer-logo-img{border-radius:50%;width:auto;height:60px;margin-bottom:10px}.footer-brand .logo-text{color:#ccc;margin-bottom:20px}.brand-desc{opacity:.8;max-width:300px;margin-bottom:20px;font-size:14px}.social-icons{gap:15px;display:flex}.social-icons a{background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .3s;display:flex}.social-icons a:hover{background-color:var(--secondary-color)}.footer h4{letter-spacing:1px;margin-bottom:25px;font-size:16px}.footer ul li{margin-bottom:12px}.footer ul li a{opacity:.7;font-size:14px;transition:opacity .3s}.footer ul li a:hover{opacity:1;color:var(--accent-color)}.footer-contact ul li{opacity:.8;align-items:center;gap:12px;font-size:14px;display:flex}.follow-us{background-color:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-top:30px;padding:20px}.follow-us h5{text-align:center;margin-bottom:15px;font-size:12px}.social-buttons{justify-content:center;gap:15px;margin-bottom:10px;display:flex}.social-btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fb{background-color:#3b5998}.ig{background-color:#e1306c}.tw{background-color:#000}.yt{background-color:red}.follow-us p{text-align:center;opacity:.6;font-size:12px}.footer-bottom{opacity:.6;border-top:1px solid #ffffff1a;padding:25px 0;font-size:12px}.bottom-content{justify-content:space-between;display:flex}.heart{color:var(--accent-color)}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.footer-grid{grid-template-columns:1fr}.bottom-content{text-align:center;flex-direction:column;gap:10px}}.hero{color:#fff;background-color:#0000;background-image:linear-gradient(#0000004d,#00000080),url(/banner-hero.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;height:600px;display:flex}.hero-content{width:100%}.hero-text-box{max-width:600px}.hero h1{text-shadow:0 2px 4px #0000004d;margin-bottom:20px;font-size:64px;font-weight:800;line-height:1.1}.hero p{opacity:.9;text-shadow:0 1px 2px #0000004d;margin-bottom:30px;font-size:18px}.hero-btns{gap:15px;display:flex}.hero-btns .btn{align-items:center;gap:10px;padding:15px 30px;font-size:16px;display:flex}@media (width<=768px){.hero-text-box{text-align:center;margin:0 auto}.hero h1{font-size:38px}.hero{background-color:#0000;background-image:linear-gradient(#00000080,#000000b3),url(/banner-hero.png);background-position:75%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:550px}.hero-btns{flex-direction:column;align-items:center}.hero-btns .btn{justify-content:center;width:100%}}.pillars{background-color:#fff;padding:60px 0}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.pillar-item{text-align:center;padding:20px}.pillar-icon{color:var(--secondary-color);justify-content:center;margin-bottom:20px;display:flex}.pillar-item h3{color:var(--text-color);margin-bottom:10px;font-size:16px;font-weight:700}.pillar-item p{color:var(--light-text);font-size:14px;line-height:1.4}.news{background-color:#fcfcfc;padding:80px 0}.section-title{text-align:center;margin-bottom:50px;font-size:28px;font-weight:800;position:relative}.section-title span{color:var(--secondary-color);border-bottom:3px solid var(--accent-color);padding-bottom:5px}.news-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px;display:grid}.news-card{background:#fff;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #0000000d}.news-card:hover{transform:translateY(-5px)}.news-image{background-position:50%;background-size:cover;height:200px;padding:15px;position:relative}.news-tag{background-color:var(--secondary-color);color:#fff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.news-info{padding:25px}.news-info h3{color:var(--text-color);margin-bottom:12px;font-size:18px;line-height:1.4}.news-info p{color:var(--light-text);margin-bottom:20px;font-size:14px}.read-more{color:var(--secondary-color);font-size:14px;font-weight:700}.view-all{text-align:center}.view-all .btn{background-color:var(--primary-color)}.benefits{background-color:var(--primary-color);color:#fff;padding:80px 0}.benefits .section-title{color:#fff}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:50px;display:grid}.benefit-item{text-align:center}.benefit-icon{color:var(--accent-color);justify-content:center;margin-bottom:20px;display:flex}.benefit-item h3{margin-bottom:12px;font-size:18px}.benefit-item p{opacity:.8;font-size:14px;line-height:1.5}.view-benefits{text-align:center}.cta{background-color:#f5f5f5;padding:60px 0}.cta-box{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:40px;display:flex;box-shadow:0 10px 30px #0000000d}.cta-content{align-items:center;gap:30px;display:flex}.cta-icon{color:var(--secondary-color);background-color:#f0f4f1;border-radius:50%;padding:20px}.cta-text h3{margin-bottom:5px;font-size:24px}.cta-text p{color:var(--light-text)}.hazte-socio-btn{padding:15px 35px}@media (width<=768px){.cta-box{text-align:center;flex-direction:column;gap:30px}.cta-content{flex-direction:column;gap:15px}}.page-header{background-color:var(--primary-color);color:#fff;text-align:center;padding:60px 0}.page-header h1{margin-bottom:10px;font-size:42px}.page-header p{opacity:.8;font-size:18px}.about-content{padding:80px 20px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:80px;display:grid}.about-text h2{color:var(--primary-color);margin-bottom:25px;font-size:32px}.about-text p{color:var(--light-text);margin-bottom:20px;font-size:16px}.about-image img{border-radius:12px;box-shadow:0 10px 30px #0000001a}.logo-placeholder-container{background-color:#f0f4f7;border-radius:12px;justify-content:center;align-items:center;padding:40px;display:flex}.about-logo-img{height:auto;border-radius:50%!important;max-width:250px!important;box-shadow:0 10px 20px #0000000d!important}.mission-vision-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.mission-card,.vision-card{border-top:4px solid var(--secondary-color);background-color:#f9f9f9;border-radius:8px;padding:40px}.vision-card{border-top-color:var(--accent-color)}.mission-card h3,.vision-card h3{color:var(--text-color);margin-bottom:20px;font-size:24px}@media (width<=768px){.about-grid,.mission-vision-grid{grid-template-columns:1fr}}.socios-content{padding:80px 20px}.socios-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.socios-info h2{color:var(--primary-color);margin-bottom:20px;font-size:32px}.requirements-list{margin:30px 0}.requirements-list li{margin-bottom:15px;padding-left:25px;position:relative}.requirements-list li:before{content:"✓";color:var(--secondary-color);font-weight:700;position:absolute;left:0}.type-card{background-color:var(--primary-color);color:#fff;border-radius:8px;margin-top:30px;padding:25px}.type-card h3{color:var(--accent-color);margin-bottom:10px}.socios-form-container{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0000001a}.membership-form h3{text-align:center;color:var(--text-color);margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:12px;font-size:16px}.submit-btn{width:100%;margin-top:10px}@media (width<=768px){.socios-grid{grid-template-columns:1fr}}.noticias-content{padding:80px 20px}.noticias-grid-main{flex-direction:column;gap:40px;max-width:900px;margin:0 auto;display:flex}.news-full-card{background-color:#fff;border-radius:12px;grid-template-columns:1fr 2fr;display:grid;overflow:hidden;box-shadow:0 5px 20px #0000000d}.news-full-image{background-position:50%;background-size:cover;min-height:250px}.news-full-info{padding:30px}.news-meta{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.news-date{color:var(--light-text);font-size:13px}.news-full-info h3{margin-bottom:15px;font-size:22px;line-height:1.3}.news-full-info p{color:var(--light-text);margin-bottom:25px;font-size:15px}@media (width<=768px){.news-full-card{grid-template-columns:1fr}.news-full-image{min-height:200px}}.contact-content{padding:80px 20px}.contact-grid{grid-template-columns:1fr 2fr;gap:60px;display:grid}.contact-info-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.info-card{text-align:center;background-color:#f9f9f9;border-radius:12px;padding:30px 20px;transition:transform .3s}.info-card:hover{transform:translateY(-5px)}.info-card .icon{color:var(--secondary-color);width:32px;height:32px;margin-bottom:15px}.info-card h3{margin-bottom:10px;font-size:16px}.info-card p{color:var(--light-text);font-size:14px;line-height:1.4}.contact-form-container{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0000000d}.contact-form h2{color:var(--primary-color);margin-bottom:30px}.contact-form textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;padding:12px;font-size:16px}@media (width<=1024px){.contact-grid{grid-template-columns:1fr}}@media (width<=480px){.contact-info-cards{grid-template-columns:1fr}}.app{overflow-x:hidden}