*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#111;background:#fff}a{color:inherit;text-decoration:none}:root{--grad: linear-gradient(135deg, #008a34 0%, #22a74a 18%, #ffd400 50%, #ff9f00 68%, #c80000 100%);--chrome-bg: rgba(255,255,255,.06);--surface: #ffffff;--radius: 16px;--shadow: 0 10px 30px rgba(0,0,0,.06);--blur: saturate(120%) blur(12px)}.header{background:var(--grad);color:#fff;position:relative}.header:after{content:"";position:absolute;inset:0;background:var(--chrome-bg);pointer-events:none}.topbar{position:sticky;top:0;z-index:100;padding:.75rem 1rem;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.nav.nav-no-menu{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.lang-select{display:flex;gap:.5rem;justify-self:end}.lang-btn{background:#ffffff38;color:#fff;padding:.4rem .6rem;border-radius:10px;font-weight:700;transition:background .2s ease,transform .15s ease}.lang-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.lang-btn.active{background:#fff;color:#007a2e}.hero-header{position:relative;color:#fff;text-align:center;padding:3rem 1rem 2.5rem;box-shadow:0 2px 10px #0000001a;overflow:hidden;min-height:60vh;display:flex;align-items:center;justify-content:center}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover;object-position:center center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1;pointer-events:none}.hero-header .hero-inner{max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-header h1{font-size:2.6rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-header p{font-size:1.15rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta{padding:2%}.btn{border-radius:12px;padding:.85rem 1.1rem;font-weight:700;cursor:pointer;text-decoration:none;border:none}.btn.primary{background:#009c3b;color:#fff;box-shadow:0 6px 18px #009c3b38}.btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn.primary.pulse{animation:pulseGlow 2s infinite}.btn.ghost{background:transparent;border:2px solid #009c3b;color:#009c3b}@keyframes pulseGlow{0%{box-shadow:0 0 #009c3b80}70%{box-shadow:0 0 0 14px #009c3b00}to{box-shadow:0 0 #009c3b00}}.landing{padding:2rem 1rem 6rem}.landing-cards,.cards-grid{max-width:1100px;margin:1.25rem auto;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-card{text-align:justify}.landing-card-text{text-align:justify;text-justify:auto}.card,.contact-card,.about-card,.wizard{background:#ffffffd9;border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(255,255,255,.6);padding:1rem}.about-card{flex:1;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start}.about-card-img{flex:1;min-height:400px;display:flex;align-items:center;justify-content:center}.about-text{text-align:justify;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.card-wrapper{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1rem;width:100%;max-width:1000px;margin:0 auto}.img{width:100%;height:auto;align-self:center;border-radius:15px;object-fit:cover}.page.about-page{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.title{font-size:1.6rem;margin:.5rem 0 1rem;text-align:center;width:100%}.page-lessons{max-width:1100px;margin:0 auto;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 1rem;width:100%;text-align:center}.card-lesson{background:#ffffffd9;border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(255,255,255,.6);padding:1.25rem;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start}.card-lesson h3{font-size:1.2rem;margin-bottom:.75rem;color:#111;font-weight:700}.service-text{text-align:center;color:#666;line-height:1.5;margin:0}.page{max-width:1100px;margin:1rem auto 6rem;padding:0 1rem}.page.about-page{display:flex;justify-content:center;flex-direction:column;align-items:center}.title{font-size:1.6rem;margin:.5rem 0 1rem;text-align:center}.wizard-wrap,.contact-center{max-width:720px;margin:2rem auto 7rem;padding:0 1rem}.wizard-viewport{overflow:hidden;border-radius:12px}.wizard-slide{width:100%;padding:1rem}.wizard-label,.contact-card label{display:block;font-weight:700;margin:0 auto .5rem;width:100%;text-align:left}.wizard-actions,.contact-actions{display:flex;gap:.6rem;justify-content:center;margin-top:.9rem;flex-wrap:wrap}.wizard-input,.contact-card input[type=text],.contact-card input[type=email],.contact-card textarea,.contact-card select{width:100%;padding:.9rem 1rem;border-radius:12px;border:1.5px solid rgba(0,0,0,.06);background:#ffffffe6;box-shadow:inset 0 1px #ffffffa6;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,transform .05s ease}.wizard-input:focus,.contact-card input:focus,.contact-card textarea:focus,.contact-card select:focus{outline:none;border-color:#009c3b;box-shadow:0 0 0 4px #009c3b1f,inset 0 1px #ffffffe6}.contact-card textarea{min-height:140px;resize:vertical}.tabbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:95;width:min(90vw,1024px);height:72px;border-radius:9999px;background:#ffffffb3;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:0 8px 30px #0000001f,inset 0 1px #ffffffa6;border:1px solid rgba(255,255,255,.6);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;justify-items:center;padding:8px;gap:8px}.tab-item,.tab-item *{line-height:1}.tab-item{position:relative;display:grid;place-items:center;padding-inline:6px;overflow:visible;width:100%;justify-self:stretch}.tab-inner{position:relative;display:inline-grid;grid-template-rows:auto auto;justify-items:center;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;z-index:1}.tab-icon img{width:22px;height:22px;display:block;filter:brightness(0) saturate(100%)}.tab-label{font-size:.88rem;font-weight:600;color:#444;opacity:.85;margin:0}.tab-inner.active .tab-label{opacity:1;color:#c80000;font-weight:700}.tab-pill{position:absolute;border-radius:9999px;background:#ffffffd9;box-shadow:0 14px 30px #00000026,inset 0 1px #ffffffd9;z-index:0}.contact-options{text-align:center!important;padding:60px 20px!important;background:#fff!important;border-radius:16px!important;max-width:900px!important;margin:40px auto!important;box-shadow:0 2px 8px #00000014!important;display:block!important;width:100%!important}.contact-options h2{font-size:32px!important;font-weight:700!important;margin-bottom:12px!important;color:#1a1a1a!important}.contact-options p{font-size:16px!important;color:#666!important;margin-bottom:48px!important}.contact-buttons{display:flex!important;gap:24px!important;justify-content:center!important;flex-wrap:wrap!important;max-width:600px!important;margin:0 auto!important}.contact-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:20px 28px!important;font-size:16px!important;font-weight:600!important;border:none!important;border-radius:12px!important;cursor:pointer!important;min-width:160px!important;min-height:130px!important;background:linear-gradient(135deg,#009c3b,#007a2e)!important;color:#fff!important;box-shadow:0 2px 8px #00000014!important;transition:all .3s!important}.contact-btn.secondary{background:linear-gradient(135deg,#25d366,#1da853)!important}.contact-btn:hover{transform:translateY(-4px)!important;box-shadow:0 12px 24px #009c3b4d!important}.contact-btn .btn-icon{font-size:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;height:32px!important;width:32px!important;flex-shrink:0!important}.wts-img{width:32px!important;height:32px!important;display:block!important;object-fit:contain!important;margin:0!important;padding:0!important}.btn-icon img{width:32px!important;height:32px!important;display:block!important;object-fit:contain!important}.contact-form-container{position:relative!important;max-width:900px!important;margin:40px auto!important;padding:0 20px!important}.contact-form-container .contact-card{background:#fff!important;padding:32px!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;border:1px solid rgba(0,0,0,.06)!important}.whatsapp-card{background:#fff!important;padding:40px!important;border-radius:16px!important;max-width:500px!important;margin:40px auto!important;box-shadow:0 2px 8px #00000014!important;text-align:center!important;position:relative!important}.whatsapp-card h3{font-size:24px!important;font-weight:700!important;margin:0 0 24px!important;color:#1a1a1a!important}.whatsapp-qr-container{margin:28px 0!important;display:flex!important;justify-content:center!important}.whatsapp-qr{max-width:280px!important;height:auto!important;border-radius:12px!important}.whatsapp-card p{font-size:14px!important;color:#666!important;margin:24px 0!important;line-height:1.6!important}.card-close-btn{position:absolute!important;top:16px!important;right:16px!important;background:#f0f0f0!important;border:none!important;font-size:32px!important;cursor:pointer!important;color:#666!important;width:50px!important;height:50px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;z-index:100!important;transition:all .2s!important}.card-close-btn:hover{background:#e0e0e0!important;transform:rotate(90deg)!important}.form-group{margin-bottom:20px!important}.form-group label{display:block!important;margin-bottom:8px!important;font-weight:600!important;color:#333!important;font-size:14px!important}.form-group input,.form-group select,.form-group textarea{width:100%!important;padding:12px!important;border:1px solid #ddd!important;border-radius:8px!important;font-size:14px!important;box-sizing:border-box!important;background:#fff!important;font-family:inherit!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none!important;border-color:#009c3b!important;box-shadow:0 0 0 3px #009c3b1a!important}.contact-actions{display:flex!important;gap:12px!important;margin-top:28px!important}.contact-actions button{flex:1!important;padding:12px 20px!important;border:none!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;font-size:14px!important}.contact-actions .btn.primary{background:linear-gradient(135deg,#009c3b,#007a2e)!important;color:#fff!important}.contact-actions .btn.ghost{background:#f5f5f5!important;color:#666!important;border:1px solid #ddd!important}.contact-actions button:disabled{opacity:.6!important}@media(max-width:640px){.contact-options{padding:40px 16px!important}.contact-btn{min-width:100%!important;min-height:auto!important;padding:16px 24px!important}.card-close-btn{width:44px!important;height:44px!important;font-size:28px!important}.whatsapp-card,.contact-form-container .contact-card{padding:28px 20px!important;margin:40px 0!important}.contact-actions{flex-direction:column!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.contact-options{padding:40px 16px!important;margin:20px auto!important}.contact-options h2{font-size:26px!important}.contact-buttons{flex-direction:column!important;gap:16px!important}.contact-btn{min-width:100%!important;padding:24px 20px!important}.close-btn{top:10px!important;right:10px!important;width:44px!important;height:44px!important;font-size:28px!important}.whatsapp-modal,.form-wrapper{padding:16px!important}.whatsapp-content,.form-wrapper .contact-card{padding:28px 20px!important;margin:auto!important;max-height:95vh!important}.qr-code{max-width:100%!important}.contact-actions{flex-direction:column!important}}.notification{position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;padding:16px 20px!important;border-radius:12px!important;box-shadow:0 8px 25px #00000026!important;display:flex!important;align-items:center!important;gap:12px!important;max-width:400px!important;min-width:300px!important;font-size:14px!important;font-weight:600!important;transition:all .3s ease!important;animation:slideDownNotification .3s ease!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;border:1px solid rgba(255,255,255,.3)!important}.notification.success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-left:4px solid #047857!important}.notification.error{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-left:4px solid #b91c1c!important}.notification.hide{opacity:0!important;transform:translate(-50%) translateY(-20px)!important}.notification-icon{font-size:18px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important}.notification-close{background:none!important;border:none!important;color:inherit!important;cursor:pointer!important;font-size:18px!important;font-weight:700!important;padding:4px!important;margin-left:auto!important;opacity:.8!important;transition:opacity .2s!important;border-radius:4px!important;min-width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.notification-close:hover{opacity:1!important;background:#fff3!important}@keyframes slideDownNotification{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:520px){.notification{top:10px!important;left:10px!important;right:10px!important;transform:none!important;max-width:none!important;min-width:auto!important;font-size:13px!important}.notification.hide{transform:translateY(-20px)!important}@keyframes slideDownNotification{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:768px)and (min-width:521px){.hero-header{min-height:50vh;padding:2rem 1rem}.hero-header h1{font-size:2rem}.hero-header p{font-size:1rem}.page-lessons{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:520px){.hero-video{top:0;left:0;transform:none;width:100%;height:100%;object-fit:cover;object-position:30% center}.page-lessons{grid-template-columns:1fr;padding:0 .5rem}.card-lesson{padding:1rem;min-height:auto}.page{max-width:100%;padding:0 1rem}.card-wrapper{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem;width:100%;max-width:100%}.about-card,.about-card-img{min-height:auto;width:100%}.hero-header{min-height:50vh}}@media(max-width:520px){.tabbar{width:min(95vw,420px);height:66px;padding:6px;gap:4px}.tab-label{display:none}.tab-inner{padding:8px;gap:0}.tab-icon img{width:24px;height:24px}}
