/* Tema gerado: família tech */
@font-face { font-family: "Space Grotesk"; src: url("/assets/fontes/spacegrotesk-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root { --cor: #3b82f6; --cor-2: #306ac9; --fundo: #070b16; --fundo-2: #0d1324; --tinta: #eef2ff; --texto: #9aa4bf; --linha: rgba(255, 255, 255, .09); --raio: 18px; --raio-botao: 12px; --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --titulo: "Space Grotesk", Arial, sans-serif; --topo-fundo: rgba(7, 11, 22, .8); --topo-texto: #eef2ff; --cartao: rgba(255, 255, 255, .04); --rodape-fundo: #04060d; --sobre-cor: #fff; --estrela: #22d3ee; --veu: linear-gradient(100deg, rgba(7, 11, 22, .92) 30%, rgba(7, 11, 22, .4)); }
h1, h2, h3 { font-weight: 700; letter-spacing: -.03em; }
h1 em { background: linear-gradient(90deg, #3b82f6, #22d3ee); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.hero { background: radial-gradient(700px 400px at 80% 10%, #3b82f633, transparent 70%), radial-gradient(600px 400px at 10% 90%, #22d3ee22, transparent 70%); }
.botao { background: linear-gradient(90deg, #3b82f6, #1ebdd6); border: 0; box-shadow: 0 10px 30px -10px #3b82f6; }
.botao-vazado { background: transparent; border: 1px solid rgba(255, 255, 255, .25); color: var(--tinta); box-shadow: none; }
.cartao, .produto, .depoimento, .plano, .tabela-precos, .form-orcamento { backdrop-filter: blur(8px); }
.cartao:hover { border-color: #3b82f688; }
.icone-cartao { background: linear-gradient(135deg, #3b82f644, #22d3ee33); }
.sobretitulo { color: #22d3ee; }
.numeros strong { background: linear-gradient(90deg, #3b82f6, #22d3ee); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-split .foto-hero { box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 40px 90px -30px #3b82f6aa; }
.mapa iframe { filter: invert(.9) hue-rotate(180deg) grayscale(.5); }
.form-orcamento input, .form-orcamento select, .form-orcamento textarea { background: #0a0f1d; }
.plano.destaque { border-color: #3b82f6; box-shadow: 0 0 0 1px #3b82f6, 0 30px 60px -30px #3b82f6; }
.abrir-menu { background: rgba(255, 255, 255, .08) !important; }
.abrir-menu span, .abrir-menu span::before, .abrir-menu span::after { background: #fff !important; }
.abrir-menu[aria-expanded="true"] span { background: transparent !important; }