:root{--grad-start:#2ee1c9;--grad-end:#7c57ff;--navy:#0f2030;--muted:#374151;--bg:#fbfbfd;--card:#fff;--glass:#ffffffb8;--radius:14px;--text:#0f2030;--muted-2:#6b7280;--surface-border:#0f20300a;--surface-hover:#0f203005}html.dark{--grad-start:#2ee1c9;--grad-end:#7c57ff;--navy:#e6eef6;--muted:#b8c6d6;--bg:#07101a;--card:#060a1166;--glass:#ffffff0a;--radius:14px;--text:#e6eef6;--muted-2:#9aa9ba;--surface-border:#ffffff0a;--surface-hover:#ffffff05}*{box-sizing:border-box}html,body,#root{background:linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 95%, black 2%));height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;transition:background .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fff9,#ffffff73);transition:box-shadow .25s,background .25s;position:sticky;top:0}html.dark .navbar{background:linear-gradient(#060a118c,#060a1173)}.navbar--shadow{box-shadow:0 8px 30px #02061740}.navbar-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.brand img{height:90px;transition:transform .18s}.brand img:hover{transform:scale(1.05)}.navlinks{gap:20px;display:none}.navlinks a{color:var(--muted);border-radius:8px;padding:6px 8px;font-weight:700;transition:all .15s}.navlinks a:hover{color:var(--navy);background:#7c57ff14}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:background .18s,transform .18s;display:flex}.theme-toggle:hover{background:#7c57ff14;transform:rotate(20deg)}.theme-toggle svg{width:20px;height:20px}@media (width>=900px){.navlinks{display:flex}}.hero{padding:86px 0 40px;position:relative}.hero--large{padding-bottom:60px}.hero-grid{grid-template-columns:1fr;align-items:center;gap:28px;display:grid}@media (width>=992px){.hero-grid{grid-template-columns:1fr 480px}}.logo-hero{height:54px;margin-bottom:18px}.hero h1{color:var(--text);margin-bottom:12px;font-family:Poppins,Inter,sans-serif;font-size:36px;line-height:1.02}@media (width>=992px){.hero h1{font-size:44px}}.lead{color:var(--muted);max-width:600px;margin-bottom:18px;font-size:16px}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:700;transition:all .18s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(90deg, var(--grad-start), var(--grad-end));box-shadow:0 10px 30px #2ee1c91f}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px #2ee1c929}.btn-ghost{border:1px solid var(--surface-border);color:var(--text);background:0 0;padding:10px 16px}.btn-ghost:hover{background:var(--surface-hover);border-color:#7c57ff4d}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#20ba58);width:100%;margin-top:12px;padding:16px;font-size:16px;box-shadow:0 10px 30px #25d36633}.btn-whatsapp:hover{transform:translateY(-3px);box-shadow:0 16px 40px #25d3664d}.hero-visual .visual-stack{flex-direction:column;align-items:stretch;gap:14px;display:flex}.visual{background:var(--card);border-radius:14px;justify-content:center;align-items:center;transition:all .18s;display:flex;overflow:hidden;box-shadow:0 12px 30px #10182814}.visual img{object-fit:cover;width:100%;height:100%;display:block}.visual.large{min-height:280px}.visual.large:hover{transform:translateY(-6px);box-shadow:0 20px 50px #1018281f}.visual-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.visual.small{min-height:140px}.visual.small-alt{background:linear-gradient(135deg, var(--grad-start), var(--grad-end));min-height:140px}.visual.small:hover,.visual.small-alt:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1018281f}@media (width>=992px){.hero-visual .visual-stack{align-items:flex-end}.visual.large{max-width:420px;min-height:320px}.visual-row{max-width:420px}}.section{padding:48px 0}.section-title{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.section-sub{color:var(--muted);margin-bottom:18px;font-size:15px}.services-grid{grid-template-columns:repeat(1,1fr);gap:18px;display:grid}@media (width>=600px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{background:var(--card);border:1px solid var(--surface-border);border-radius:12px;padding:18px;transition:all .18s;box-shadow:0 14px 30px #0206170a}.service-card:hover{border-color:#7c57ff33;transform:translateY(-4px);box-shadow:0 20px 40px #02061714}.service-title{color:var(--text);margin-bottom:8px;font-weight:600}.service-desc{color:var(--muted);font-size:14px}.category-bar{flex-wrap:wrap;gap:10px;margin:18px 0 22px;display:flex}.chip{background:var(--card);border:1px solid var(--surface-border);color:var(--muted-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;transition:all .18s;display:inline-flex}.chip:hover{background:var(--surface-hover);border-color:#7c57ff4d}.chip--active{background:linear-gradient(90deg, var(--grad-start), var(--grad-end));color:#fff;border:none;box-shadow:0 8px 30px #2ee1c914}.chip-count{opacity:.9;font-weight:700}.masonry{column-count:2;column-gap:16px}@media (width>=700px){.masonry{column-count:3}}@media (width>=1100px){.masonry{column-count:4}}.masonry-item{break-inside:avoid;border:1px solid var(--surface-border);cursor:pointer;background:0 0;border-radius:12px;width:100%;margin-bottom:16px;padding:0;transition:all .18s;display:block;overflow:hidden;box-shadow:0 10px 30px #0206170f}.masonry-item img{background:var(--surface-hover);width:100%;height:auto;display:block}.masonry-item:hover{border-color:#7c57ff33;transform:translateY(-6px);box-shadow:0 24px 50px #0206171a}.lightbox{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-inner{flex-direction:column;align-items:center;gap:12px;max-width:1100px;max-height:86vh;display:flex}.lightbox-inner img{border-radius:12px;max-width:100%;max-height:75vh;box-shadow:0 30px 80px #02061799}.lightbox-caption{color:#ffffffd9;font-size:14px}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px;font-size:26px;transition:all .18s;position:fixed;top:22px;right:22px}.lightbox-close:hover{background:#ffffff1a}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff0f;border:none;border-radius:12px;padding:12px 16px;font-size:36px;transition:all .18s;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff1f}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}.contact{padding:56px 0}.contact-header{text-align:center;margin-bottom:32px}.contact-header .section-title{margin-bottom:12px}.contact-wrapper{flex-wrap:wrap;justify-content:center;gap:36px;display:flex}@media (width>=900px){.contact-wrapper{flex-wrap:wrap;justify-content:center;gap:36px;display:flex}}.contact-form{background:var(--card);border:1px solid var(--surface-border);border-radius:16px;grid-template-columns:1fr;gap:12px;padding:24px;display:grid;box-shadow:0 14px 30px #0206170a}@media (width>=700px){.contact-form{grid-template-columns:1fr 1fr}}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600}.input,.textarea{border:1px solid var(--surface-border);color:var(--text);background:0 0;border-radius:10px;padding:12px;font-family:inherit;transition:border .18s,box-shadow .18s}.input:focus,.textarea:focus{border-color:#7c57ff4d;outline:none;box-shadow:0 0 0 3px #7c57ff14}.textarea{resize:vertical;min-height:120px}.success-msg{color:var(--grad-start);text-align:center;background:#2ee1c914;border-radius:8px;padding:12px;font-weight:700}.contact-whatsapp{flex-direction:column;gap:12px;display:flex}.whatsapp-card{background:var(--card);border:1px solid var(--surface-border);text-align:center;border-radius:16px;padding:28px;transition:all .18s;box-shadow:0 14px 30px #0206170a}.whatsapp-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #02061714}.whatsapp-icon{color:#25d366;margin-bottom:12px;font-size:48px}.whatsapp-icon svg{width:48px;height:48px}.whatsapp-card h3{color:var(--text);margin-bottom:8px}.whatsapp-card p{color:var(--muted);margin:0;font-size:14px}.footer{border-top:1px solid var(--surface-border);padding:56px 0 28px}.footer-content{grid-template-columns:repeat(1,1fr);gap:32px;display:grid}@media (width>=700px){.footer-content{grid-template-columns:repeat(3,1fr)}}.footer-section h3{color:var(--text);margin-bottom:12px;font-weight:700}.footer-section p{color:var(--muted);margin:6px 0;font-size:14px}.footer-link{color:var(--grad-start);margin:6px 0;font-weight:600;transition:color .18s;display:block}.footer-link:hover{color:var(--grad-end)}.text-small{font-size:13px!important}.socials{flex-wrap:wrap;gap:16px;display:flex}.social-link{width:48px;height:48px;color:var(--grad-start);background:linear-gradient(135deg,#2ee1c91a,#7c57ff1a);border-radius:12px;justify-content:center;align-items:center;transition:all .18s;display:flex}.social-link svg{width:24px;height:24px}.social-link:hover{background:linear-gradient(135deg, var(--grad-start), var(--grad-end));color:#fff;transform:translateY(-4px)}.footer-bottom{text-align:center;border-top:1px solid var(--surface-border);color:var(--muted);padding-top:20px;font-size:13px}.center{text-align:center}.mb-6{margin-bottom:24px}.mt-6{margin-top:24px}a:focus,button:focus,input:focus{outline-offset:3px;outline:3px solid #7c57ff1f}.loading-screen{z-index:999;background:linear-gradient(135deg, var(--bg), color-mix(in srgb, var(--bg) 90%, white 5%));will-change:opacity;justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0}.loading-content{will-change:transform;flex-direction:column;align-items:center;gap:24px;display:flex}.loading-logo{height:80px;animation:.8s cubic-bezier(.34,1.56,.64,1) logoScale}@keyframes logoScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.loading-bar-container{background:#0f20301a;border-radius:999px;width:240px;height:6px;overflow:hidden;box-shadow:0 2px 8px #0f20300d}html.dark .loading-bar-container{background:#ffffff14}.loading-bar{background:linear-gradient(90deg, var(--grad-start), var(--grad-end));will-change:width;border-radius:999px;height:100%;transition:width .2s linear;box-shadow:0 0 12px #2ee1c966}.loading-text{text-align:center}.loading-percent{color:var(--text);letter-spacing:.5px;font-size:14px;font-weight:700;animation:.4s ease-out .2s both fadeInText}@keyframes fadeInText{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}