/* Jarvis Tecnologia — responsivo */
html { scroll-behavior: smooth; }
body { margin:0; background:#0A0A0A; -webkit-font-smoothing:antialiased; }
::selection { background:#F5F5F3; color:#0A0A0A; }
a { color:#F5F5F3; }
a:hover { color:#D4D4D4; }
img { max-width:100%; height:auto; display:block; }
input::placeholder, textarea::placeholder { color:#6E6E6E; }
input:focus, textarea:focus { outline:none; border-color:#6E6E6E !important; }

@media (max-width: 900px) {
  nav { padding:16px 20px !important; flex-wrap:wrap !important; gap:12px !important; }
  nav > div { gap:18px !important; flex-wrap:wrap !important; }
  nav a { font-size:14px !important; }
  nav a[href^="https://wa.me"] { padding:10px 16px !important; font-size:13px !important; }
  section, footer { padding-left:20px !important; padding-right:20px !important; }
  section { padding-top:56px !important; padding-bottom:56px !important; }
  footer { padding-top:48px !important; padding-bottom:32px !important; }
  h1 { font-size:36px !important; letter-spacing:-0.5px !important; }
  h2 { font-size:26px !important; }
  div[style*="grid-template-columns"] { grid-template-columns:1fr !important; gap:1px !important; }
  .grid-screens { grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  div[style*="display:flex"][style*="gap:16px"] { flex-wrap:wrap !important; }
  section > div[style*="justify-content:space-between"] { flex-direction:column !important;
    align-items:flex-start !important; gap:14px !important; margin-bottom:36px !important; }
}
@media (max-width: 480px) {
  h1 { font-size:30px !important; }
  nav > div { gap:14px !important; }
}