:root{--accent:#0066cc;--dark:#0b2340;--muted:#6b7280}
    body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;color:#0b2340;line-height:1.5; background:#f7fbff}
    .container{max-width:1100px;margin:0 auto;padding:24px}
    header{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
    .logo{font-weight:700;color:var(--accent);font-size:20px}
    .phone{background:var(--accent);color:white;padding:10px 14px;border-radius:6px;text-decoration:none}
    .hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:24px 0}
    h1{font-size:28px;margin:0 0 12px}
    p.lead{margin:0 0 18px;color:var(--muted)}
    .features{display:flex;gap:12px;flex-wrap:wrap}
    .card{background:#fff;padding:14px;border-radius:8px;box-shadow:0 2px 6px rgba(11,35,64,0.05)}
    .cta{display:flex;gap:10px}
    .btn-primary{background:var(--accent);color:#fff;padding:12px 16px;border-radius:8px;text-decoration:none;display:inline-block}
    .btn-outline{border:2px solid var(--accent);color:var(--accent);padding:10px 16px;border-radius:8px;text-decoration:none;display:inline-block}
    form{background:#fff;padding:28px;border-radius:10px;border:1px solid #e6eef9}
    label{display:block;margin-bottom:6px;font-size:13px;color:var(--dark)}
    input,select,textarea{width:100%;padding:10px;border:1px solid #dbeafe;border-radius:6px;margin-bottom:10px}
    footer{border-top:1px solid #eef2f7;padding:20px 0;margin-top:28px;color:var(--muted)}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
    .testimonials{background:#fff;padding:14px;border-radius:8px}
    @media(max-width:880px){.hero{grid-template-columns:1fr;}.grid-3{grid-template-columns:1fr}}

    header {
  background-color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  position: sticky;
  top: 0;
  z-index: 1000;
  border-radius: 10px;
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
}

.logo img {
  height: 55px;
  width: auto;
  display: block;
}

.phone {
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.phone:hover {
  background-color: #0056b3;
}

/* Responsivo */
@media (max-width: 600px) {
  .header-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .logo img {
    height: 45px;
  }

  .phone {
    width: 80%;
    padding: 12px;
  }
}

/* Dropdown Contato */
.contact-dropdown {
  position: relative;
  display: inline-block;
}

.contact-btn {
  background-color: var(--accent);
  color: #fff;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.contact-btn:hover {
  background-color: #0056b3;
}

.contact-menu {
  display: none;
  position: absolute;
  right: 0;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
  z-index: 999;
  min-width: 180px;
}

.contact-menu a {
  display: block;
  color: var(--dark);
  padding: 10px 16px;
  text-decoration: none;
  transition: background 0.2s;
}

.contact-menu a:hover {
  background-color: #f0f0f0;
}

/* Exibe o menu ao passar o mouse (ou tocar no mobile) */
.contact-dropdown:hover .contact-menu {
  display: block;
}

/* Responsivo */
@media (max-width: 600px) {
  .contact-dropdown {
    width: 100%;
  }

  .contact-btn {
    width: 100%;
  }

  .contact-menu {
    position: static;
    box-shadow: none;
  }
}
footer {
  background: #fff;
  padding: 20px 10px;

  border-radius:10px;
  border:1px solid #e6eef9
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.footer-logo {
  text-align: center;
  flex: 1 1 300px;
}

.footer-logo img {
  height: 60px;
  max-width: 100%;
  object-fit: contain;
}

.footer-slogan {
  color: var(--muted);
  font-size: 13px;
  margin-top: 6px;
}

.footer-info {
  text-align: right;
  flex: 1 1 250px;
}

.footer-phone {
  font-size: 14px;
}

.footer-phone a {
  color: inherit;
  text-decoration: none;
}

.footer-site {
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 6px;
}

.social-icons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.social-icons a svg {
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.social-icons a:hover svg {
  transform: scale(1.1);
  opacity: 0.8;
}

/* 🔹 Responsividade */
@media (max-width: 600px) {
  .footer-container {
    flex-direction: column;
    text-align: center;
  }

  .footer-info {
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }
}