/* styles.css – VERSÃO FUNDO PRETO */ :root{ --accent:#00a8e8; /* azul mais vivo para destacar no preto */ --accent-dark:#0077b6; --muted:#bbbbbb; --bg:#0e0e0e; /* fundo quase preto */ --card:#1a1a1a; /* cartões um pouco mais claros que o fundo */ --text:#e0e0e0; /* texto principal claro */ font-family:Inter, "Helvetica Neue", Arial, sans-serif; } *{box-sizing:border-box} body{ margin:0; background:var(--bg); color:var(--text); } .container{max-width:1100px;margin:0 auto;padding:20px} .site-header{ background:#111; border-bottom:1px solid #333; position:sticky; top:0; z-index:50 } .site-header .container{display:flex;align-items:center;justify-content:space-between} .brand{display:flex;align-items:center;text-decoration:none} .logo-img{height:56px} nav a{ margin-left:18px; color:var(--muted); text-decoration:none } nav a:hover{color:#fff} .hero{padding:60px 0} .hero-inner{display:flex;gap:40px;align-items:center} .hero-text{flex:1} .hero-text h2{ font-size:2.4rem; margin:0 0 16px; color:#fff } .hero-text p{ font-size:1.1rem; line-height:1.6; color:#ccc } .hero-widget{width:380px} .card{ background:var(--card); padding:24px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.6); border:1px solid #333 } input,select,textarea{ width:100%; padding:12px; margin:10px 0; border:1px solid #444; border-radius:8px; background:#222; color:#fff } input::placeholder, textarea::placeholder{color:#888} .btn{ display:inline-block; padding:12px 20px; border-radius:10px; text-decoration:none; border:none; cursor:pointer; font-weight:600; transition:0.3s } .btn-primary{ background:var(--accent); color:#fff } .btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px)} .btn-outline{ background:transparent; border:2px solid var(--accent); color:var(--accent) } .btn-outline:hover{background:var(--accent);color:#000} .steps{display:flex;gap:16px;margin-top:20px} .step{ background:#222; padding:16px; border-radius:10px; flex:1; box-shadow:0 4px 15px rgba(0,0,0,0.4); border:1px solid #333 } .depoimentos blockquote{ background:#1a1a1a; padding:20px; border-radius:12px; margin:16px 0; border-left:4px solid var(--accent); color:#ddd } .depoimentos footer{color:var(--accent);margin-top:8px} .site-footer{ padding:30px 0; background:#0a0a0a; border-top:1px solid #333; margin-top:50px; text-align:center; color:#777 } .site-footer a{color:var(--accent)} .whatsapp-float{ position:fixed; right:20px; bottom:20px; width:62px; height:62px; border-radius:50%; box-shadow:0 8px 30px rgba(0,0,0,0.8); background:#25D366; display:flex; align-items:center; justify-content:center; z-index:100 } .whatsapp-float img{width:36px;height:36px} .resultado{ margin-top:16px; padding:14px; background:#003554; border-radius:10px; color:#a0e7ff; border:1px solid #005f8f } .link-advanced{ display:inline-block; margin-top:16px; color:var(--accent); font-weight:600 } @media(max-width:880px){ .hero-inner{flex-direction:column;text-align:center} .hero-widget{width:100%;max-width:400px} .hero-text h2{font-size:2rem} }