body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      background: linear-gradient(to bottom right, #001f3f, #0EA648);
      color: white;
      width: 100%;
      min-height: 100vh;
    }
    header {
      background: linear-gradient(to right, #1e3a8a, #065f46);
      color: white;
      padding: 16px;
    }

    .header-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .header-title {
      flex: 1;
      text-align: center;
    }

    .menu-toggle {
      display: none;
      font-size: 26px;
      background: none;
      border: none;
      color: white;
      cursor: pointer;
    }

    nav ul {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      justify-content: center;
      list-style: none;
      padding: 0;
      margin-top: 20px;
    }

    nav li a {
      color: white;
      text-decoration: none;
      padding: 8px 12px;
      display: block;
    }

    nav li a:hover {
      text-decoration: underline;
    }

    /* Mobile */
    @media (max-width: 768px) {
      .menu-toggle {
        display: block;
      }

      nav ul {
        display: none;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
      }

      nav ul.show {
        display: flex;
      }

      .header-title {
        flex: 1 1 100%;
        text-align: center;
        margin-top: 10px;
      }
    }           /* Fim do Header */
    
    header h1 { font-size: 2rem; margin: 0; }
    nav ul {
      list-style: none;
      display: flex;
      justify-content: center;
      gap: 30px;
      padding: 0;
      margin-top: 10px;
    }
    nav a { color: white; text-decoration: none; font-weight: bold; }
    section {
      max-width: 1000px;
      margin: 50px auto;
      padding: 20px;
      background-color: #111827;
      border-radius: 12px;
      box-shadow: 0 0 15px rgba(0,0,0,0.4);
    }
    h2, h3 { color: #80cbc4; }
    p, li { color: #e0e0e0; }
    img.section-image {
      width: 100%;
      max-width: 800px;
      border-radius: 10px;
      margin: 10px 0;
    }
    .technology-slider-wrapper__title {
      font-size: 20px;
      margin-bottom: 20px;
    }
    .technology-item-list-slider {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px;
      padding: 0;
    }
    .technology-item-list-slider li {
      list-style: none;
    }
    .technology-item-list-slider img {
      width: 80px;
      transition: transform 0.3s ease;
    }
    .technology-item-list-slider img:hover {
      transform: scale(1.1);
    }
    .whatsapp-link {
      display: block;
      text-align: center;
      margin: 50px auto;
      background: #25d366;
      color: white;
      padding: 15px 25px;
      width: fit-content;
      font-size: 18px;
      font-weight: bold;
      border-radius: 8px;
      text-decoration: none;
    }

    .container {
      max-width: 1200px;
      margin: 50px auto;
      padding: 20px;
      background: #121212;
      border-radius: 12px;
      box-shadow: 0 0 20px rgba(0,0,0,0.5);
    }
    /* Imagens responsivas */
        img {
        max-width: 100%;
        height: auto;
}

    h1, h2, h3, h4 {
      color: #00d1ff;
    }

    .section-heading p {
      font-size: 16px;
      line-height: 1.5;
      color: #ccc;
    }

    .technology-slider-wrapper__title {
      margin-top: 30px;
      font-size: 22px;
      color: #ffd700;
      text-align: center;
    }

    .technology-item-list-slider {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
    }

    .technology-item-list-slider li {
      list-style: none;
      padding: 10px;
    }

    .technology-item-list-slider img {
      width: 80px;
      height: auto;
      filter: brightness(1.3);
      transition: transform 0.3s ease;
    }

    .technology-item-list-slider img:hover {
      transform: scale(1.15);
    }

    .features {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 40px;
      justify-content: center;
    }

    .feature-card {
      background: #1e1e1e;
      border-radius: 12px;
      padding: 20px;
      flex: 1 1 300px;
      max-width: 340px;
      text-align: center;
      transition: all 0.3s ease;
    }

    .feature-card:hover {
      background: #292929;
      transform: translateY(-5px);
    }

    .feature-card img {
      width: 80px;
      margin-bottom: 15px;
    }

    .feature-card h3 {
      margin: 10px 0;
      color: #00ffaa;
    }

    .feature-card p {
      color: #ccc;
      font-size: 14px;
    }

    .whatsapp-float {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #25d366;
      color: white;
      border-radius: 50px;
      padding: 12px 20px;
      text-decoration: none;
      font-weight: bold;
      box-shadow: 0 0 15px rgba(0,0,0,0.3);
      transition: background 0.3s ease;
      z-index: 999;
    }

    .whatsapp-float:hover {
      background: #1ebe5d;
    }

    @media (max-width: 768px) {
      .technology-item-list-slider {
        flex-wrap: wrap;
      }
      .feature-card {
        max-width: 100%;
      }
    }
    .section-image {
  width: 100%;
  max-width: 1200px;
  height: auto;
  border-radius: 10px;
  margin: 20px 0;
}
.features {
  display: flex;
  justify-content: space-between; /* espaça os cards uniformemente */
  gap: 20px; /* espaçamento entre os cards, opcional */
}

.feature-card {
  flex: 1; /* cada card ocupa espaço igual */
  max-width: 30%; /* limita largura pra caber 3 na linha */
  box-sizing: border-box; /* garante padding não estoure o layout */
}
  .app-buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 30px 20px;
  }

  .app-button {
    flex: 1 1 200px;
    max-width: 220px;
  }

  .app-button img {
    width: 100%;
    height: auto;
    display: block;
  }