.hero{display:flex;padding:var(--spacing-16) var(--spacing-6);background-color:var(--color-neutral-900);background-size:cover;background-position:center center;background-image:linear-gradient(#000000b3,#000000b3),url(/hero_background.png);min-height:80vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--color-neutral-white);position:relative}.hero img.logo{width:50vw;max-width:600px;min-width:300px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));margin-bottom:var(--spacing-8);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero .hero-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:var(--container-max-width);z-index:1}.hero .title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4);color:var(--color-neutral-white);text-shadow:0 4px 8px rgba(0,0,0,.6);letter-spacing:-.02em}.hero .subtitle{color:var(--color-neutral-200);font-size:var(--font-size-xl);margin-bottom:var(--spacing-10);text-align:center;max-width:700px;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero .button{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--border-radius-full);background-color:var(--color-brand-primary);color:var(--color-neutral-white);border:none;font-weight:var(--font-weight-bold);transition:var(--transition-base);box-shadow:var(--shadow-lg);text-transform:uppercase;letter-spacing:.05em}.hero .button:hover{background-color:var(--color-brand-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-xl)}section{padding:var(--spacing-16) var(--spacing-6)}section:nth-child(2n){background-color:var(--color-neutral-50)}.container{max-width:var(--container-max-width);margin:0 auto;width:100%}.section-title{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);color:var(--color-brand-primary);text-align:center;margin-bottom:var(--spacing-12);width:100%}.section-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--color-brand-secondary);margin:var(--spacing-4) auto 0;border-radius:var(--border-radius-full)}.who-we-are-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}.who-we-are-content p{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-neutral-700);margin-bottom:var(--spacing-6)}.who-we-are-image{width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);transform:rotate(2deg);transition:var(--transition-base)}.who-we-are-image:hover{transform:rotate(0) scale(1.02)}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.activity-card{background-color:var(--color-neutral-white);border-radius:var(--border-radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:var(--transition-base);border:1px solid var(--color-neutral-200);display:flex;flex-direction:column;align-items:flex-start;height:100%}.activity-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-brand-secondary)}.activity-icon{color:var(--color-brand-primary);margin-bottom:var(--spacing-4);background-color:var(--color-brand-primary-light);background-color:#8b1e181a;padding:var(--spacing-3);border-radius:var(--border-radius-md)}.activity-card h3{font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-bold)}.activity-card p{color:var(--color-neutral-600);line-height:1.6}#instagram{background-color:var(--color-neutral-900);color:var(--color-neutral-white);text-align:center;padding:var(--spacing-16) var(--spacing-6)}.instagram-banner{max-width:800px;margin:0 auto}.instagram-banner h2{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);color:var(--color-neutral-white)}.instagram-banner p{font-size:var(--font-size-xl);color:var(--color-neutral-300);margin-bottom:var(--spacing-8)}.instagram-button{display:inline-flex;align-items:center;gap:var(--spacing-2);background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--border-radius-full);font-weight:var(--font-weight-bold);text-decoration:none;transition:var(--transition-base);box-shadow:var(--shadow-lg)}.instagram-button:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.inscripcion-contacto{max-width:1200px;margin:0 auto}.form-type-switcher{display:flex;justify-content:center;margin-bottom:var(--spacing-8);background-color:var(--color-neutral-100);padding:var(--spacing-1);border-radius:var(--border-radius-full);width:fit-content;margin-left:auto;margin-right:auto}.form-type-switcher label{position:relative;cursor:pointer}.form-type-switcher span{display:block;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);transition:var(--transition-base)}.form-type-switcher input:checked+span{background-color:var(--color-neutral-white);color:var(--color-brand-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-bold)}.form-card{background-color:var(--color-neutral-white);border-radius:var(--border-radius-lg);padding:var(--spacing-10);box-shadow:var(--shadow-xl);border:1px solid var(--color-neutral-200)}.form-card p.intro-text{text-align:center;color:var(--color-neutral-600);margin:0 auto var(--spacing-8);font-size:var(--font-size-lg);max-width:100%}.inscripcion-contacto .form-card p.intro-text{text-align:center;margin-left:auto;margin-right:auto}.form-card-info-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.form-card-info{background-color:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--border-radius-md);padding:var(--spacing-6)}.form-card-info.warning{background-color:var(--color-warning-bg);border-color:var(--color-warning)}.form-card-info h3{color:var(--color-neutral-900);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2)}.form-card-info ul{padding-left:var(--spacing-4);margin:0}.form-card-info li{margin-bottom:var(--spacing-2);color:var(--color-neutral-800);font-size:var(--font-size-sm)}.field{margin-bottom:var(--spacing-5)}.label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.input,.textarea,.select select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:var(--transition-base);background-color:var(--color-neutral-50)}.input:focus,.textarea:focus,.select select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #8b1e181a;background-color:var(--color-neutral-white)}.textarea{min-height:120px;resize:vertical}.button.is-primary{background-color:var(--color-brand-primary);color:var(--color-neutral-white);width:100%;padding:var(--spacing-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base);margin-top:var(--spacing-4)}.button.is-primary:hover{background-color:var(--color-brand-primary-light);transform:translateY(-1px)}@media screen and (max-width: 768px){.hero{min-height:60vh;padding:var(--spacing-12) var(--spacing-4)}.hero .title{font-size:var(--font-size-3xl)}.who-we-are-grid{grid-template-columns:1fr}.who-we-are-image{order:-1;max-height:300px;object-fit:cover}.form-card-info-group{grid-template-columns:1fr}.form-card{padding:var(--spacing-6)}}.hero img.logo{width:40vw;max-width:500px;min-width:280px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.hero .hero-body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;max-width:var(--container-max-width)}.title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-2);margin-top:var(--spacing-8);color:var(--color-brand-primary);text-align:center}.hero .title{color:var(--color-neutral-white);text-shadow:0 2px 4px rgba(0,0,0,.5)}.subtitle{color:var(--color-neutral-200);font-size:var(--font-size-xl);margin-top:var(--spacing-2);margin-bottom:var(--spacing-8);text-align:center;max-width:600px}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);width:100%;margin-bottom:var(--spacing-6)}.columns.is-narrow{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.column{display:flex;flex-direction:column}.column.is-narrow{max-width:200px}.eventbanner{background-color:var(--color-brand-primary);color:var(--color-neutral-white);text-align:center;padding:var(--spacing-4);transition:var(--transition-base);box-shadow:var(--shadow-md);width:100%;margin:0}.eventbanner h1{margin-top:0;margin-bottom:var(--spacing-2);font-size:var(--font-size-2xl);color:var(--color-neutral-white);text-align:center}.eventbanner p{text-align:center;margin:var(--spacing-1) auto;max-width:none}.eventbanner:hover{background-color:var(--color-brand-primary-light);box-shadow:var(--shadow-lg)}a:has(.eventbanner){text-decoration:none;width:100%;display:flex;justify-content:center}.instagram-card{padding:var(--spacing-8);font-size:var(--font-size-lg);background-color:var(--color-neutral-white);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);text-align:center;margin-bottom:var(--spacing-8);transition:var(--transition-base);box-shadow:var(--shadow-md);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.instagram-card:hover{background-color:var(--color-neutral-50);transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-brand-secondary)}.form-section{margin-bottom:var(--spacing-8)}.form-section .title{margin-top:0;margin-bottom:var(--spacing-6);color:var(--color-brand-primary);border-bottom:3px solid var(--color-brand-primary);padding-bottom:var(--spacing-3);font-size:var(--font-size-2xl);text-shadow:none;font-weight:var(--font-weight-bold);position:relative;display:inline-block;width:100%}.form-section .title:after{content:"";position:absolute;bottom:-3px;left:0;width:80px;height:3px;background-color:var(--color-brand-secondary)}.input.is-danger,.textarea.is-danger{border-color:var(--color-error);box-shadow:0 0 0 .125em #d32f2f40;animation:shake .3s ease-in-out}.input.is-success,.textarea.is-success{border-color:var(--color-success);box-shadow:0 0 0 .125em #2e7d3240}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.button.is-loading{pointer-events:none;opacity:.7;position:relative;color:transparent}.button.is-loading:after{animation:spinAround .5s infinite linear;border:2px solid var(--color-neutral-white);border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;width:1em;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em)}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.inscripcion-contacto{gap:var(--spacing-8);align-items:stretch;width:100%;text-align:left}.inscripcion-contacto .form-type-switcher{display:inline-flex;border:2px solid var(--color-brand-primary);border-radius:var(--border-radius-full);overflow:hidden;background-color:var(--color-neutral-white);align-self:flex-start;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.inscripcion-contacto .form-type-switcher label{flex:1 1 auto;position:relative;cursor:pointer}.inscripcion-contacto .form-type-switcher label+label span{border-left:1px solid var(--color-neutral-300)}.inscripcion-contacto .form-type-switcher input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0}.inscripcion-contacto .form-type-switcher span{display:block;padding:var(--spacing-3) var(--spacing-6);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);transition:var(--transition-base);text-align:center}.inscripcion-contacto .form-type-switcher input:checked+span{background-color:var(--color-brand-primary);color:var(--color-neutral-white)}.inscripcion-contacto .form-card{width:100%;background-color:var(--color-neutral-white);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);padding:var(--spacing-12);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--spacing-4)}.inscripcion-contacto .form-card-info{width:100%;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);padding:var(--spacing-6)}.inscripcion-contacto .form-card-info h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);color:var(--color-brand-primary);margin-top:0}.inscripcion-contacto .checkbox{position:relative;display:block;width:100%;padding:var(--spacing-5) var(--spacing-6) var(--spacing-5) var(--spacing-12);border:2px solid var(--color-neutral-300);border-radius:var(--border-radius-md);background:var(--color-neutral-50);cursor:pointer;transition:var(--transition-base);line-height:1.6}.inscripcion-contacto .checkbox:hover{border-color:var(--color-brand-primary);background-color:var(--color-neutral-white);box-shadow:var(--shadow-sm)}.inscripcion-contacto .checkbox:has(input:checked){background-color:var(--color-neutral-white);border-color:var(--color-brand-primary)}.inscripcion-contacto .checkbox input{position:absolute;opacity:0;width:0;height:0}.inscripcion-contacto .checkbox>span:before{content:"";position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;border:2px solid var(--color-neutral-400);background:var(--color-neutral-white);transition:var(--transition-base)}.inscripcion-contacto .checkbox input:checked+span:before{border-color:var(--color-brand-primary);background-color:var(--color-brand-primary)}.inscripcion-contacto .checkbox input:checked+span:after{content:"";position:absolute;left:calc(var(--spacing-4) + 7px);top:calc(50% - 3px);width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translateY(-50%) rotate(45deg)}.notification{margin-bottom:var(--spacing-6);padding:var(--spacing-4);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.notification.is-success{background-color:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.notification.is-danger{background-color:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}@media screen and (max-width: 768px){.hero{min-height:50vh;padding:var(--spacing-8) var(--spacing-4)}.columns{flex-direction:column}.column{width:100%}.inscripcion-contacto .form-card{padding:var(--spacing-4)}}