@media (width<=480px){.navbar__logo span{display:none}.navbar__logo img{height:38px}}@media (width<=768px){.navbar__links{display:none}}@media (width<=768px){.navbar__toggle{display:flex}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.footer__container{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer__container{text-align:center;grid-template-columns:1fr}}@media (width<=480px){.footer__links{align-items:center}}@media (width<=480px){.whatsapp-float{width:52px;height:52px;font-size:22px}}@media (width<=480px){.btn{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.hero h1{font-size:42px}}@media (width<=480px){.hero h1{font-size:30px}}@media (width<=480px){.hero p{font-size:15px}}@media (width<=480px){.hero__actions{flex-direction:column;gap:12px;width:100%}}@media (width<=480px){.cta h2{font-size:24px}}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media (width<=480px){.card{padding:22px}.card h3{font-size:18px}.card__icon{width:40px;height:40px}}@media (width<=480px){.services__header h2{font-size:26px}}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services__grid{grid-template-columns:1fr}}@media (width<=480px){.services-page__header h1{font-size:28px}}@media (width<=1024px){.services-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services-page__grid{grid-template-columns:1fr}}@media (width<=480px){.portfolio h1{font-size:28px}}@media (width<=1024px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.portfolio__grid{grid-template-columns:1fr}}@media (width<=480px){.contact h1{font-size:28px}}.toast{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:30px;right:30px}.toast--success{color:#22c55e;background:#22c55e26}.toast--error{color:#ef4444;background:#ef444426}.toast--info{color:#3b82f6;background:#3b82f626}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.loader{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.loader--fullscreen{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617d9;position:fixed;inset:0}.loader__spinner{border:4px solid #ffffff1a;border-top-color:#2563eb;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.loader__text{color:#94a3b8;font-size:14px}.glow-btn{letter-spacing:.4px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.glow-btn__glow{opacity:0;background:radial-gradient(circle,#8b5cf699,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.glow-btn__content{z-index:2;align-items:center;gap:8px;display:inline-flex;position:relative}.glow-btn__text{align-items:center;display:inline-flex}.glow-btn__icon{font-size:16px;display:inline-flex}.glow-btn__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite glow-spin}.glow-btn:hover{transform:translateY(-3px)scale(1.02)}.glow-btn:hover .glow-btn__glow{opacity:1}.glow-btn:active{transform:scale(.97)}.glow-btn--loading{pointer-events:none;opacity:.9}.glow-btn--full{width:100%}@keyframes glow-spin{to{transform:rotate(360deg)}}.about{padding:100px 20px}.about__container{max-width:1100px;margin:0 auto}.about__header{text-align:center;margin-bottom:70px}.about__header h2{color:#e2e8f0;font-size:38px;font-weight:700}@media (width<=480px){.about__header h2{font-size:28px}}.about__header p{color:#94a3b8;margin-top:14px;max-width:620px;margin-inline:auto;line-height:1.6}.about__content{grid-template-columns:1fr 1fr;gap:50px;display:grid}@media (width<=768px){.about__content{gap:30px}}@media (width<=480px){.about__content{grid-template-columns:1fr}}.about__text h3{color:#e2e8f0;margin-bottom:14px;font-size:22px}.about__text p{color:#94a3b8;margin-bottom:14px;line-height:1.7}.about__highlights{flex-direction:column;gap:16px;display:flex}.about__card{color:#e2e8f0;background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;padding:16px 18px;font-size:14px;transition:all .3s;box-shadow:0 8px 20px #00000059}.about__card:hover{border-color:#6366f180;transform:translate(6px)scale(1.02);box-shadow:0 12px 30px #6366f133}.about__cta{justify-content:center;margin-top:70px;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#020617;margin:0;padding:0;font-family:Poppins,sans-serif;line-height:1.6}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex}img{max-width:100%;height:auto;display:block}button,input,textarea{outline:none;font-family:inherit}::selection{color:#fff;background:#2563eb}h1,h2,h3,h4,h5,h6{color:#e2e8f0;margin:0;font-weight:600;line-height:1.2}h1{font-size:52px;font-weight:600;line-height:1.2}@media (width<=768px){h1{font-size:90%}}h2{font-size:36px;font-weight:600;line-height:1.2}@media (width<=768px){h2{font-size:90%}}h3{font-size:24px;font-weight:600;line-height:1.2}@media (width<=768px){h3{font-size:90%}}p{color:#94a3b8;margin:0;font-size:16px;line-height:1.6}a{color:#2563eb;text-decoration:none;transition:all .3s}a:hover{opacity:.85}ul,ol{padding-left:20px}li{color:#94a3b8;margin-bottom:6px}small{color:#94a3b8;font-size:13px}strong{color:#e2e8f0;font-weight:600}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#020617b8;border-bottom:1px solid #ffffff0f;transition:all .35s;position:sticky;top:0}.navbar--scrolled{background:#020617e6;border-bottom:1px solid #ffffff14;box-shadow:0 10px 40px #00000073}.navbar__container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:75px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex}.navbar__logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.navbar__logo img{filter:drop-shadow(0 2px 6px #6366f140);border-radius:12px;width:auto;height:44px;transition:all .35s}.navbar__logo:hover img{filter:drop-shadow(0 6px 16px #6366f180);transform:scale(1.08)}.navbar__logo span{letter-spacing:.5px;font-size:20px;font-weight:600;display:flex}.navbar__logo span .white{color:#f8fafc}.navbar__logo span .blue{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=480px){.navbar__logo span{display:none}.navbar__logo img{height:38px}}.navbar__links{align-items:center;gap:30px;display:flex}.navbar__links a{color:#94a3b8;letter-spacing:.3px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar__links a:after{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-8px;left:0}.navbar__links a:hover{color:#e2e8f0}.navbar__links a:hover:after{width:100%}.navbar__links a.active{color:#fff}.navbar__links a.active:after{width:100%}@media (width<=768px){.navbar__links{display:none}}.navbar__indicator{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px;width:100%;height:2px;position:absolute;bottom:-8px;left:0}.navbar__toggle{cursor:pointer;border-radius:6px;flex-direction:column;gap:5px;padding:6px;transition:background .3s;display:none}.navbar__toggle:hover{background:#ffffff0d}.navbar__toggle span{background:#e2e8f0;border-radius:3px;width:26px;height:3px;transition:all .3s}.navbar__toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__toggle.open span:nth-child(2){opacity:0}.navbar__toggle.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (width<=768px){.navbar__toggle{display:flex}}.navbar__mobile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617fa;border-top:1px solid #ffffff0f;flex-direction:column;gap:22px;width:100%;padding:28px;display:flex;position:absolute;top:75px;box-shadow:0 20px 60px #0009}.navbar__mobile a{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s}.navbar__mobile a:hover{color:#2563eb;padding-left:6px}.logo-modal{z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logo-modal img{border-radius:18px;max-width:90%;max-height:80vh;animation:.35s zoomIn;box-shadow:0 20px 80px #000000b3}.logo-modal__close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;transition:all .3s;position:absolute;top:20px;right:20px}.logo-modal__close:hover{color:#2563eb;transform:scale(1.15)}.footer{background:linear-gradient(#020617,#020617 60%,#01030a);border-top:1px solid #ffffff0f;padding:80px 20px 40px;position:relative}.footer:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#2563eb,#0000);width:50%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer__container{grid-template-columns:2fr 1fr 1fr 1fr;align-items:flex-start;gap:40px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:grid}@media (width<=768px){.footer__container{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer__container{text-align:center;grid-template-columns:1fr}}.footer__brand h2{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.footer__brand p{color:#94a3b8;max-width:320px;margin-top:12px;font-size:14px;line-height:1.6}.footer__links{flex-direction:column;gap:10px;display:flex}.footer__links h4{color:#e2e8f0;margin-bottom:8px;font-size:15px}.footer__links a{color:#94a3b8;font-size:14px;text-decoration:none;transition:all .25s;position:relative}.footer__links a:hover{color:#2563eb;transform:translate(4px)}.footer__links a:after{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-3px;left:0}.footer__links a:hover:after{width:100%}@media (width<=480px){.footer__links{align-items:center}}.footer__whatsapp{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #22c55e59}.footer__whatsapp:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 35px #22c55e8c}.footer__whatsapp:active{transform:scale(.96)}.footer__bottom{text-align:center;color:#94a3b8;opacity:.7;border-top:1px solid #ffffff0d;margin-top:50px;padding-top:20px;font-size:13px}.whatsapp-float{color:#fff;z-index:999;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #22c55e80}.whatsapp-float:hover{transform:scale(1.12);box-shadow:0 18px 40px #22c55eb3}.whatsapp-float:active{transform:scale(.95)}@media (width<=480px){.whatsapp-float{width:52px;height:52px;font-size:22px}}.btn{cursor:pointer;letter-spacing:.4px;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:500;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn__text{align-items:center;display:inline-flex}.btn__icon{font-size:16px;display:inline-flex}.btn__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.btn--loading{pointer-events:none;opacity:.9}.btn--sm{padding:6px 12px;font-size:12px}.btn--md{padding:10px 18px;font-size:14px}.btn--lg{padding:14px 26px;font-size:16px}.btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 18px #6366f14d}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f180}.btn--outline{color:#2563eb;background:0 0;border:1px solid #6366f180}.btn--outline:hover{background:#6366f11a;transform:translateY(-2px)}.btn--ghost{color:#e2e8f0;background:0 0}.btn--ghost:hover{background:#ffffff0d}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=480px){.btn{width:100%}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate;background:#ffffff0d radial-gradient(circle at 0 0,#6366f114,#0000 60%);border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;gap:14px;padding:28px;transition:all .35s;display:flex;position:relative;overflow:hidden}.card:after{content:"";opacity:0;z-index:-1;background:radial-gradient(circle at 0 0,#6366f140,#0000 65%);transition:opacity .4s;position:absolute;inset:0}.card:before{content:"";background:linear-gradient(120deg,#0000,#ffffff0f,#0000);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.card__header{align-items:center;gap:12px;display:flex}.card__icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .3s;display:flex;box-shadow:0 8px 20px #6366f159}.card__badge{color:#2563eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#6366f126;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;top:16px;right:16px}.card h3{color:#e2e8f0;letter-spacing:.3px;margin:0;font-size:20px;font-weight:600}.card__content{color:#94a3b8;font-size:14px;line-height:1.7}.card__media{border-radius:12px;width:100%;overflow:hidden}.card__media img{width:100%;height:auto;transition:transform .4s;display:block}.card__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.card__actions{gap:10px;display:flex}.card:hover{border-color:#6366f166;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 60px #0000008c}.card:hover:after{opacity:1}.card:hover:before{transform:translate(130%)}.card:hover .card__icon{transform:scale(1.1)rotate(2deg)}.card:hover .card__media img{transform:scale(1.05)}.card:focus-within{outline-offset:3px;outline:2px solid #6366f180}.card:active{transform:scale(.98)}.card--elevated{box-shadow:0 15px 40px #00000073}.card--bordered{border:1px solid #ffffff26}.card--interactive{cursor:pointer}.card--glass-heavy{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ab3}@media (width<=480px){.card{padding:22px}.card h3{font-size:18px}.card__icon{width:40px;height:40px}}.hero{background:radial-gradient(circle at 20% 20%,#2563eb40,#0000 50%),radial-gradient(circle at 80% 0,#9333ea40,#0000 50%),linear-gradient(#020617,#020617);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(120deg,#0000,#ffffff0a,#0000);animation:8s linear infinite shimmer;position:absolute;inset:0}.hero:after{content:"";filter:blur(80px);opacity:.6;z-index:0;background:radial-gradient(circle,#6366f133,#0000 70%);width:400px;height:400px;position:absolute;top:-80px;left:-80px}.hero__container{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex;position:relative}.hero h1{color:#e2e8f0;max-width:900px;font-size:56px;font-weight:700;line-height:1.15}@media (width<=768px){.hero h1{font-size:42px}}@media (width<=480px){.hero h1{font-size:30px}}.hero p{color:#94a3b8;max-width:700px;font-size:18px;line-height:1.7}@media (width<=480px){.hero p{font-size:15px}}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:30px;display:flex}@media (width<=480px){.hero__actions{flex-direction:column;gap:12px;width:100%}}.cta{text-align:center;background:linear-gradient(#0000,#9333ea26);padding:120px 20px;position:relative}.cta__container{max-width:700px;margin:0 auto}.cta h2{color:#e2e8f0;margin-bottom:12px;font-size:34px}@media (width<=480px){.cta h2{font-size:24px}}.cta p{color:#94a3b8;margin-bottom:25px;line-height:1.6}.gradient-text{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.services{padding:100px 20px}.services__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.services__header{text-align:center;margin-bottom:60px}.services__header h2{color:#e2e8f0;font-size:34px;font-weight:700}@media (width<=480px){.services__header h2{font-size:26px}}.services__header p{color:#94a3b8;margin-top:12px;max-width:600px;margin-inline:auto;line-height:1.6}.services__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services__grid{grid-template-columns:1fr}}.services-page{padding:100px 20px}.services-page__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.services-page__header{text-align:center;margin-bottom:60px}.services-page__header h1{color:#e2e8f0;font-size:40px;font-weight:700}@media (width<=480px){.services-page__header h1{font-size:28px}}.services-page__header p{color:#94a3b8;margin-top:12px;max-width:650px;margin-inline:auto;line-height:1.6}.services-page__grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}@media (width<=1024px){.services-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.services-page__grid{grid-template-columns:1fr}}.card__link{cursor:pointer;color:#2563eb;align-items:center;gap:6px;font-size:14px;transition:all .25s;display:inline-flex}.card__link:hover{color:#9333ea;transform:translate(4px)}.portfolio{padding:100px 0}.portfolio__container{text-align:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.portfolio h1{margin-bottom:10px;font-size:40px}@media (width<=480px){.portfolio h1{font-size:28px}}.portfolio p{color:#94a3b8;margin-bottom:40px}.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}@media (width<=1024px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.portfolio__grid{grid-template-columns:1fr}}.portfolio__card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.portfolio__card img{object-fit:cover;width:100%;height:200px;transition:all .3s}.portfolio__card h3{color:#e2e8f0;margin:15px 0 5px;font-size:18px}.portfolio__card p{color:#94a3b8;padding:0 10px;font-size:14px}.portfolio__card span{color:#94a3b8;opacity:.8;margin:10px 0 15px;font-size:12px;display:block}.portfolio__card:hover{border-color:#2563eb;transform:translateY(-6px)}.portfolio__card:hover img{transform:scale(1.05)}.contact{padding:100px 20px}.contact__container{text-align:center;max-width:600px;margin:0 auto}.contact h1{margin-bottom:10px;font-size:40px}@media (width<=480px){.contact h1{font-size:28px}}.contact p{color:#94a3b8;margin-bottom:30px}.contact form{flex-direction:column;gap:15px;display:flex}.contact form input,.contact form textarea{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:14px;transition:all .3s}.contact form input::placeholder,.contact form textarea::placeholder{color:#94a3b8;opacity:.7}.contact form input:focus,.contact form textarea:focus{background:#ffffff14;border-color:#2563eb}.contact form textarea{resize:vertical;min-height:140px}.contact form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#9333ea);border:none;border-radius:14px;margin-top:10px;padding:14px;font-weight:600;transition:all .3s}.contact form button:hover{opacity:.9;transform:translateY(-2px)}.contact__status{color:#94a3b8;margin-top:10px;font-size:14px}
