:root{--color-primary:#292cd3;--color-primary-dark:#070760;--color-primary-mid:#2a5495;--color-accent:#04f8fa;--color-accent-dark:#02d4d6;--color-purple:#9779b6;--color-whatsapp:#25d366;--color-whatsapp-dark:#128c7e;--color-white:#fff;--color-bg:#f7f5fa;--color-text:#333;--color-text-muted:#666;--color-border:#ddd;--color-success:#25d366;--color-warning:#f59e0b;--color-danger:#ef4444;--surface-page:var(--color-bg);--surface-card:var(--color-bg);--surface-white:var(--color-white);--text-body:var(--color-text);--text-muted:var(--color-text-muted);--text-on-primary:var(--color-white);--border-default:var(--color-border);--focus-ring:rgba(41,44,211,.1);--gradient-primary:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));--gradient-button:linear-gradient(135deg,var(--color-primary),var(--color-primary-mid));--gradient-hero:linear-gradient(135deg,var(--color-accent),var(--color-bg));--gradient-accent:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));--gradient-whatsapp:linear-gradient(135deg,var(--color-whatsapp),var(--color-whatsapp-dark));--font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;--font-mono:'Courier New',Courier,monospace;--fw-regular:400;--fw-medium:600;--fw-bold:700;--fw-black:800;--text-hero:3rem;--text-page:2.5rem;--text-section:2rem;--text-card-title:1.5rem;--text-subtitle:1.2rem;--text-body-lg:1.1rem;--text-base:1rem;--text-sm:.9rem;--text-xs:.75rem;--leading-tight:1.15;--leading-snug:1.2;--leading-body:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:15px;--radius-pill:25px;--radius-full:50%;--shadow-sm:0 2px 10px rgba(0,0,0,.08);--shadow-md:0 5px 15px rgba(0,0,0,.10);--shadow-lg:0 10px 25px rgba(0,0,0,.12);--shadow-xl:0 10px 25px rgba(0,0,0,.18);--shadow-primary:0 8px 20px rgba(41,44,211,.4);--shadow-accent:0 8px 20px rgba(4,248,250,.35);--shadow-whatsapp:0 8px 20px rgba(37,211,102,.4);--transition:.3s ease;--lift-hover:translateY(-2px);--lift-card:translateY(-4px)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 30px;border-radius:var(--radius-pill);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;border:0;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient-button);color:var(--color-white)}.btn-primary:hover{transform:var(--lift-hover);box-shadow:var(--shadow-primary)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:var(--lift-hover)}.btn-accent{background:var(--gradient-accent);color:var(--color-primary-dark)}.btn-accent:hover{transform:var(--lift-hover);box-shadow:var(--shadow-accent)}.btn-whatsapp{background:var(--gradient-whatsapp);color:var(--color-white)}.btn-whatsapp:hover{transform:var(--lift-hover);box-shadow:var(--shadow-whatsapp)}.btn-ghost{background:rgba(255,255,255,.06);color:var(--text-body);border:1px solid var(--border-default)}.btn-ghost:hover{background:rgba(255,255,255,.12);transform:var(--lift-hover)}.btn-sm{padding:var(--space-2) 20px;font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) 40px;font-size:var(--text-base)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none !important;box-shadow:none !important}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.03em}.badge-primary{background:rgba(41,44,211,.15);color:#6366f1;border:1px solid rgba(41,44,211,.25)}.badge-accent{background:rgba(4,248,250,.12);color:var(--color-accent);border:1px solid rgba(4,248,250,.25)}.badge-success{background:rgba(37,211,102,.12);color:var(--color-success);border:1px solid rgba(37,211,102,.25)}.badge-warning{background:rgba(245,158,11,.12);color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.badge-danger{background:rgba(239,68,68,.12);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}.feature-card{background:var(--surface-card);border:1px solid rgba(41,44,211,.1);border-radius:var(--radius-lg);padding:var(--space-8);transition:var(--transition)}.feature-card:hover{transform:var(--lift-card);box-shadow:var(--shadow-lg);border-color:rgba(41,44,211,.3)}.feature-card-icon,.feature-icon{font-size:2.5rem;margin-bottom:var(--space-4);display:block}.feature-card h3{font-size:var(--text-subtitle);font-weight:var(--fw-bold);color:var(--color-primary-dark);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-body)}.service-card{background:var(--surface-card);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-8);transition:var(--transition)}.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.service-icon,.service-card-icon{font-size:2rem;margin-bottom:var(--space-3);display:block}.service-card h3{font-size:var(--text-subtitle);font-weight:var(--fw-bold);color:var(--color-primary-dark);margin-bottom:var(--space-2)}.service-card p{font-size:var(--text-sm);color:var(--text-muted)}.service-features{list-style:none;margin-top:var(--space-4);padding-left:0}.service-features li{padding:var(--space-1) 0;position:relative;padding-left:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.service-features li::before{content:'•';position:absolute;left:0;color:var(--color-accent);font-weight:bold}.contact-card{background:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-4);transition:var(--transition)}.contact-card:hover{box-shadow:var(--shadow-md);transform:var(--lift-hover)}.contact-card-icon{font-size:1.5rem}.contact-card-label{font-size:var(--text-xs);color:var(--text-muted)}.contact-card-value{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-body)}.form-group{margin-bottom:var(--space-6)}.form-label,.form-group label{display:block;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-body);margin-bottom:var(--space-1)}.form-input,.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-body);background:var(--surface-white);transition:var(--transition);outline:0}.form-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(239,68,68,.1)}textarea.form-input,.form-group textarea{min-height:120px;resize:vertical}.form-error-msg{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.form-message{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-md);font-weight:var(--fw-medium);text-align:center;animation:slideIn .3s ease-out}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-bar{background:var(--gradient-primary);padding:0 var(--space-8);height:80px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md)}.nav-bar-logo{display:flex;align-items:center;gap:var(--space-3)}.nav-bar-logo-img{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover}.nav-bar-logo-text{color:var(--color-white);font-weight:var(--fw-bold);font-size:var(--text-base)}.nav-bar-links{display:flex;gap:var(--space-8)}.nav-bar-links a{color:rgba(255,255,255,.85);font-size:var(--text-sm);text-decoration:none;transition:var(--transition)}.nav-bar-links a:hover{color:var(--color-accent)}.nav-bar-cta{background:rgba(4,248,250,.15);border:1px solid var(--color-accent);color:var(--color-accent);padding:var(--space-2) 20px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition)}.nav-bar-cta:hover{background:var(--color-accent);color:var(--color-primary-dark)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:var(--leading-body);color:var(--color-text);background-color:var(--color-bg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.navbar{background:var(--gradient-primary);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000;box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:var(--space-3)}.logo{height:40px;width:40px;border-radius:var(--radius-md)}.logo-text{color:var(--color-white);font-size:1.5rem;font-weight:var(--fw-bold)}.nav-menu{display:flex;list-style:none;gap:var(--space-8)}.nav-link{color:var(--color-white);text-decoration:none;font-weight:var(--fw-medium);transition:var(--transition);position:relative}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link.active::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--color-accent)}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px;border:0;background:transparent;z-index:1001;min-width:44px;min-height:44px;justify-content:center;align-items:center}.hamburger span{width:25px;height:3px;background-color:var(--color-white);margin:3px 0;transition:var(--transition);border-radius:2px}main{margin-top:80px}.hero{background:var(--gradient-primary);padding:var(--space-16) var(--space-6) var(--space-12);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-60px;right:-40px;width:280px;height:280px;border-radius:var(--radius-full);background:rgba(4,248,250,.10);pointer-events:none}.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-8);position:relative}.hero-logo{width:220px;height:220px;border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(0,0,0,.35);flex-shrink:0}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(4,248,250,.15);border:1px solid rgba(4,248,250,.3);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);margin-bottom:var(--space-4)}.hero h1{font-size:var(--text-hero);font-weight:var(--fw-black);color:var(--color-white);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.hero h1 span{color:var(--color-accent)}.hero p{font-size:var(--text-body-lg);color:rgba(255,255,255,.75);margin-bottom:var(--space-8);max-width:560px;line-height:var(--leading-body)}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-8)}.features{padding:var(--space-16) 0;background:var(--color-white)}.features-header{margin-bottom:var(--space-8)}.features-eyebrow{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-2)}.features h2{font-size:var(--text-section);font-weight:var(--fw-bold);color:var(--color-primary-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.page-header{background:var(--gradient-primary);color:var(--color-white);padding:120px 0 var(--space-12);text-align:center}.page-header h1{font-size:var(--text-page);margin-bottom:var(--space-4);font-weight:var(--fw-bold)}.page-header p{font-size:var(--text-body-lg);opacity:.9}.about-content{padding:var(--space-16) 0;background:var(--color-white)}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:center}.about-text h2{color:var(--color-primary);margin-bottom:var(--space-6);font-size:var(--text-section)}.about-text p{margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:var(--text-body-lg)}.ninja-about{max-width:100%;height:auto;border-radius:var(--radius-lg)}.mission-vision{padding:var(--space-16) 0;background:var(--color-bg)}.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.mv-card{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.mv-card h3{color:var(--color-primary);margin-bottom:var(--space-4);font-size:var(--text-card-title)}.mv-card ul{list-style:none;padding-left:0}.mv-card li{padding:var(--space-2) 0;position:relative;padding-left:var(--space-6)}.mv-card li::before{content:'✓';position:absolute;left:0;color:var(--color-accent);font-weight:bold}.team{padding:var(--space-16) 0;background:var(--color-white)}.team h2{text-align:center;color:var(--color-primary);margin-bottom:var(--space-12);font-size:var(--text-section)}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:800px;margin:0 auto}.expertise-item{background:var(--color-bg);padding:var(--space-6);border-radius:var(--radius-md);text-align:center;border-left:4px solid var(--color-accent)}.expertise-item h4{color:var(--color-primary);margin-bottom:var(--space-2);font-size:var(--text-subtitle)}.expertise-item p{color:var(--color-text-muted);font-size:var(--text-sm)}.services{padding:var(--space-16) 0;background:var(--color-white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.technologies{padding:var(--space-16) 0;background:var(--color-bg)}.technologies h2{text-align:center;color:var(--color-primary-dark);margin-bottom:var(--space-4);font-size:var(--text-section)}.tech-intro{text-align:center;color:var(--color-text-muted);font-size:var(--text-body-lg);margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.tech-item{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);border-left:4px solid var(--color-primary)}.tech-item:hover{transform:var(--lift-card);box-shadow:var(--shadow-xl)}.tech-icon{font-size:2.5rem;margin-bottom:var(--space-4);display:block}.tech-item h4{color:var(--color-primary);margin-bottom:var(--space-4);font-size:1.3rem}.tech-item h5{color:var(--color-primary-dark);margin:var(--space-6) 0 var(--space-2);font-size:var(--text-base);font-weight:var(--fw-medium)}.tech-item ul{list-style:none;margin-top:var(--space-4);padding-left:0}.tech-item ul li{padding:var(--space-1) 0;position:relative;padding-left:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.tech-item ul li::before{content:'•';position:absolute;left:0;color:var(--color-accent);font-weight:bold}.contact{padding:var(--space-16) 0;background:var(--color-white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.contact-info h2,.contact-form h2{color:var(--color-primary);margin-bottom:var(--space-6);font-size:var(--text-section)}.contact-info p{color:var(--color-text-muted);margin-bottom:var(--space-8);font-size:var(--text-body-lg)}.contact-methods{margin-bottom:var(--space-8)}.contact-method{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-bg);border-radius:var(--radius-md);transition:var(--transition)}.contact-method:hover{transform:var(--lift-hover);box-shadow:var(--shadow-md)}.contact-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-full);flex-shrink:0}.contact-details h3{color:var(--color-primary);margin-bottom:var(--space-1);font-size:var(--text-subtitle)}.contact-details a{color:var(--color-primary);text-decoration:none}.contact-details a:hover{text-decoration:underline}.whatsapp-btn{display:inline-block;background:var(--gradient-whatsapp);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);text-decoration:none;margin-top:var(--space-2);font-size:var(--text-sm);transition:var(--transition)}.whatsapp-btn:hover{transform:var(--lift-hover);box-shadow:var(--shadow-whatsapp);text-decoration:none;color:var(--color-white)}.contact-hours{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-md)}.contact-hours h3{color:var(--color-primary);margin-bottom:var(--space-4)}.contact-form{background:var(--color-bg);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.cta,.cta-contact{padding:var(--space-16) 0;background:var(--gradient-primary);color:var(--color-white);text-align:center}.cta h2,.cta-contact h2{font-size:var(--text-page);margin-bottom:var(--space-4)}.cta p,.cta-contact p{font-size:var(--text-body-lg);margin-bottom:var(--space-8);opacity:.9}footer{background:var(--color-primary-dark);color:var(--color-white);padding:var(--space-12) 0 var(--space-4)}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-logo{display:flex;align-items:center;gap:var(--space-3)}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{color:var(--color-white);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--color-accent)}.footer-contact p{margin-bottom:var(--space-2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:var(--space-4);text-align:center;opacity:.8}img{max-width:100%;height:auto;background-color:var(--color-bg);border-radius:var(--radius-sm)}img[loading="lazy"]{opacity:0;transition:opacity .3s}img[loading="lazy"].loaded{opacity:1}img:not([src]){background:linear-gradient(90deg,var(--color-bg) 25%,rgba(255,255,255,.5) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.logo,.ninja-logo,.ninja-about{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media(max-width:1024px) and (min-width:769px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background:var(--gradient-primary);width:100%;height:calc(100vh - 80px);text-align:center;transition:left var(--transition);box-shadow:0 10px 27px rgba(0,0,0,.2);padding:var(--space-12) 0;z-index:999;overflow-y:auto}.nav-menu.active{left:0}.nav-menu li{margin:var(--space-8) 0}.nav-menu .nav-link{display:block;padding:var(--space-6) var(--space-8);font-size:1.4rem;border-radius:var(--radius-md);margin:0 var(--space-8)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background:var(--gradient-primary);width:100%;height:calc(100vh - 80px);text-align:center;transition:left var(--transition);box-shadow:0 10px 27px rgba(0,0,0,.2);padding:var(--space-8) 0;z-index:999;overflow-y:auto}.nav-menu.active{left:0}.nav-menu li{margin:var(--space-6) 0}.nav-menu .nav-link{display:block;padding:var(--space-4) var(--space-8);font-size:1.2rem;border-radius:var(--radius-md);margin:0 var(--space-4)}.nav-menu .nav-link:hover,.nav-menu .nav-link:focus{background:rgba(255,255,255,.1);color:var(--color-accent)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-inner{grid-template-columns:1fr}.hero-logo{display:none}.hero h1{font-size:2rem}.hero-content{padding:0 var(--space-4)}.about-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}.expertise-grid{grid-template-columns:1fr}.features-grid,.services-grid,.tech-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.tech-item{padding:var(--space-6)}.contact-form{padding:var(--space-6) var(--space-4)}}@media(max-width:480px){.container{padding:0 var(--space-4)}.hero{padding:var(--space-8) var(--space-4)}.hero h1{font-size:1.8rem}.page-header h1{font-size:var(--text-section)}.features h2,.cta h2{font-size:var(--text-section)}}