:root{--bg: #0f1724;--card: rgba(255,255,255,.04);--muted: #9aa7bf;--accent: #6ee7b7;--accent-2: #60a5fa}html{height:100%;scroll-behavior:smooth}*{box-sizing:border-box}body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background-color:#0c1424;background:#0c1424;color:#e6eef8;-webkit-font-smoothing:antialiased;overflow-x:hidden}.site-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.03);animation:fadeIn .6s ease}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:12px;align-items:center}.logo{width:52px;height:52px;border-radius:10px;background-color:#dce5ff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s ease}.logo img{width:100%;height:100%;object-fit:contain}.logo:hover{transform:rotate(6deg) scale(1.05)}.brand-text small{display:block;color:var(--muted);font-size:12px}.nav a{margin-left:18px;color:var(--muted);text-decoration:none;position:relative;transition:color .3s ease}.nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.nav a:hover{color:#fff}.nav a:hover:after{width:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.orcamento-page{--bg-light: #0c1424;--text-dark: #e6eef8;--text-muted: #e6eef8;--primary: #2563eb;--primary-hover: #1d4ed8;--border: #e5e7eb;--card-bg: #0f1724;background:var(--bg-light);color:var(--text-dark);font-family:Inter,system-ui,sans-serif;min-height:100vh;place-items:center;margin-top:2%}.servicos-grid{margin-top:2%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:70%}.servico-card{background:#ffffff08;border:none;border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.servico-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.servico-card h2{font-size:1.25rem;font-weight:600;margin:0 0 8px}.servico-card p{font-size:.95rem;color:var(--text-muted);margin-bottom:16px}.orcamento-page .btn{display:inline-block;width:70%;text-align:center;padding:10px 14px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.orcamento-page .btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0f1724;border:none;display:flex;place-self:center}.orcamento-page .btn-primary:hover{background:var(--primary-hover);background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0f1724;transform:translateY(0);transition:box-shadow .2s ease}.card-selecionado{background-color:#232d3c;border:1px solid #e5e7eb}.btn-selecionado{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0f1724;border:none;display:inline-block;width:70%;text-align:center;padding:10px 14px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:5%}.btn-naoselecionado{background:transparent;color:#fff;border:1px solid white;display:inline-block;width:70%;text-align:center;padding:10px 14px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:5%}.extras-grid{margin-top:5vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));flex-direction:column;width:70%;height:auto;gap:10px}.extra-card{cursor:pointer;background-color:#ffffff08;border:none;border-radius:12px;display:flex;width:100%;height:5rem;padding:.8rem;text-align:center;justify-content:center;align-items:center}.extra-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px);transition:transform .2s ease}.selecionado{background-color:#232d3c;border:1px solid #e5e7eb;font-size:1rem}.card-selecionar{font-size:1rem}.res-servico{background-color:#ffffff29;padding:.5rem;border-radius:12px;width:60%;text-align:center}.res-extra{width:100%;border-radius:12px;place-self:center;justify-content:center;align-items:center;background-color:#ffffff29;padding:.5rem;text-align:center;margin-top:4px}.resumo-orcamento{display:flex;flex-direction:column;padding:24px;background:#ffffff08;border-radius:12px;align-items:center;justify-content:center;width:50%}.linha{display:flex;border:1px solid white;margin:3rem;width:60%;height:1px}@media (max-width: 600px){.orcamento-page{display:flex;flex-direction:column}.orcamento-header h1{font-size:1.6rem}.servicos-grid{grid-template-columns:1fr}.resumo-orcamento{width:90%}.linha{margin:5vh 0}.res-servico{background-color:#ffffff29;padding:.5rem;border-radius:12px;width:95%;text-align:center}.res-extra{width:20rem;border-radius:12px;place-self:center;justify-content:center;align-items:center;background-color:#ffffff29;padding:.5rem;text-align:center;margin-top:4px}.orcamento-page h1{text-align:center}.form-orcamento{margin-top:1rem;display:flex;flex-direction:column;gap:0}}.res-input{background-color:transparent;border:none;text-align:center;color:#fff}.form-orcamento{margin-top:1rem;display:flex;gap:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-weight:700;margin-bottom:.25rem}.form-group input{padding:8px;border-radius:6px;border:1px solid #ccc}.container{max-width:1100px;margin:0 auto;padding:48px 20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .3s ease}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#042531;border:none;border-radius:10px;text-decoration:none;display:flex;padding:10px 6rem;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #60a5fa4d}.btn-ghost{display:flex;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--muted);margin:1rem;text-decoration:none;padding:10px 36px;border-radius:10px;font-weight:600;align-items:center}.btn-outline{border:1px solid rgba(255,255,255,.06);padding:8px 12px;border-radius:8px}.hero{padding:80px 0}.hero-inner{display:flex;gap:40px;align-items:center;animation:fadeUp .8s ease forwards}.hero-left{flex:1}.hero-right{flex:1;display:flex;justify-content:center}h1{font-size:44px;line-height:1.03;margin:0}.accent{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);margin-top:18px;max-width:560px}.hero-actions{margin-top:22px;display:flex;gap:12px}.trust-list{display:flex;gap:16px;margin-top:20px;color:var(--muted);list-style:none;padding:0}.mockup{width:320px;transform:translateY(-6px);transition:transform .4s ease}.mockup:hover{transform:translateY(-10px) scale(1.03)}.services{padding:40px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}.card{display:flex;flex-direction:column;background:var(--card);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.03);transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;align-items:center;justify-content:center}.card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000040}.service-link{display:inline-block;margin-top:10px;padding:8px 14px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#042531;font-weight:500;border-radius:8px;text-decoration:none;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.service-link:hover{transform:translateY(-2px);background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 4px 12px #0000004d}.testimonials{padding:60px 0}.test-card{background:linear-gradient(180deg,#ffffff12,#ffffff05);padding:22px;border-radius:16px;box-shadow:0 6px 18px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease,background .3s ease;animation:fadeUp .6s ease;color:#fff;border:1px solid rgba(255,255,255,.08)}.test-card strong{font-size:1.05rem;color:#00d4ff;display:block;margin-bottom:4px}.test-card p{margin:0;line-height:1.5}.test-card:hover{transform:translateY(-5px) scale(1.03);background:linear-gradient(180deg,#ffffff17,#ffffff0a);box-shadow:0 8px 20px #00000047;border-color:#ffffff1f}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.contact-cta{padding:36px 0}.cta-card{display:flex;justify-content:space-between;align-items:center;padding:22px;background:linear-gradient(90deg,#60a5fa0f,#6ee7b70a);border-radius:12px;border:1px solid rgba(255,255,255,.03);animation:fadeUp .8s ease}.cta-card .btn-primary{background:var(--accent-2);color:#fff;font-weight:500}.cta-card .btn-primary:hover{background:var(--accent);color:#042531}.contact-form{padding:44px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form-grid button:last-child{grid-column:1 / -1;justify-self:center}.form-grid input,.form-grid textarea{background:transparent;border:1px solid rgba(255,255,255,.06);padding:12px;border-radius:8px;color:inherit;transition:border .3s ease,box-shadow .3s ease}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.site-footer{border-top:1px solid rgba(255,255,255,.03);padding:28px 0;margin-top:40px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.brand.small .logo.small{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;overflow:hidden}.brand.small .logo.small img{width:100%;height:100%;object-fit:contain}.credits{color:var(--muted)}.team{padding:40px 0}.team-photo img{width:250px;height:250px;object-fit:cover;border-radius:50%;border:3px solid #ccc;box-shadow:0 4px 6px #0000001a}@media (max-width:900px){.hero-inner{flex-direction:column-reverse;text-align:center}.form-grid{grid-template-columns:1fr}.btn-primary:hover{transform:none;box-shadow:none}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#042531;border:none;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 35%;font-weight:600;white-space:nowrap;margin-bottom:8px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--muted);border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 0rem;font-weight:600;white-space:nowrap;width:70%;margin:0 0 18px}}@media (max-width: 900px){.hero-inner{flex-direction:column-reverse;text-align:center}.hero-right{margin-bottom:20px}.hero-actions{justify-content:center;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.cta-card{flex-direction:column;text-align:center;gap:16px}}@media (max-width: 600px){h1{font-size:32px}.lead{font-size:15px}.nav{display:none}.logo{width:44px;height:44px}.container{padding:32px 16px}.test-list{display:grid;grid-template-columns:1fr;gap:16px}.test-card{padding:18px;font-size:.95rem}.trust-list{flex-wrap:wrap;justify-content:center;font-size:14px;gap:10px}}@media (max-width: 400px){.hero{padding:50px 0}.btn{width:100%;justify-content:center}.cards{grid-template-columns:1fr}.mockup{width:260px}.footer-inner{flex-direction:column;text-align:center;gap:12px}}@media (max-width: 768px){.container{display:flex;flex-direction:column}.main-phrase{order:-1}}.extra-contact{display:flex;gap:12px;margin-top:12px;justify-content:center}.contact-form{display:flex;flex-direction:column;justify-content:center}.btn-primary{display:flex;width:30%;text-align:center;justify-content:center;align-items:center;place-self:center;margin:1rem}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;font-size:15px}.contact-btn:hover{transform:translateY(-3px)}.contact-btn.whatsapp,.contact-btn.instagram{background:transparent;color:#fff;border:1px solid white;border-radius:6px;width:18%}.direct-contact-text{text-align:center;color:var(--muted);margin-top:28px;font-size:15px}@media (max-width: 500px){.extra-contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-btn.whatsapp,.contact-btn.instagram{background:transparent;color:#fff;border:1px solid white;border-radius:6px;width:60%}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;font-size:15px}}.success-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#0c1424;padding:2rem;border-radius:12px;text-align:center;max-width:400px;width:90%;box-shadow:0 5px 20px #0000004d;animation:popup .3s ease-out}.success-icon{font-size:3rem;color:#4bb543;margin-bottom:1rem}@keyframes popup{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
