body {
      font-family: 'Segoe UI', Arial, sans-serif;
      background: linear-gradient(135deg, #161618, #128C7E);
      color: #333;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      
    }
    .container {
      background: #1b1b1f;
      padding: 30px;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
      width: 100%;
      max-width: 420px;
      text-align: center;
      animation: fadeIn 0.6s ease;
    }
    .descricao-linkzap{
      width: 500px;
      margin: 0 auto;
     color: #999;
    }
    .descricao-linkzap p{
      color: #999;
    }
    .faq-item{
      color: #999;
    }
    .faq-item p{
      color: #999;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    h1 {
      font-size: 1.6rem;
      margin-bottom: 10px;
      color: #128C7E;
    }
    p {
      font-size: 0.95rem;
      color: #555;
    }
    input {
      width: 90%;
      margin: 12px 0;
      padding: 12px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 8px;
      outline: none;
    }
    input:focus {
      border-color: #25D366;
      box-shadow: 0 0 5px rgba(37,211,102,0.4);
    }
    button {
      width: 90%;
      padding: 12px;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      background: #25D366;
      color: #fff;
      margin-top: 10px;
      transition: background 0.3s;
    }
    button:hover {
      background: #1ebe57;
    }
    .result {
      margin-top: 15px;
      word-break: break-all;
      padding: 12px;
      background: #f9f9f9;
      border-radius: 8px;
      border: 1px solid #ddd;
      display: none;
    }
    .copy-btn {
      background: #007bff;
      margin-top: 10px;
    }
    .copy-btn:hover {
      background: #0062cc;
    }
    .message {
      margin-top: 10px;
      font-size: 0.9rem;
      display: none;
    }
    .error { color: red; }
    .success { color: green; }
    footer {
      margin-top: 20px;
      font-size: 0.8rem;
      color: #222;
    }
    /* Footer */
.footer{
    width: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-weight: 600;   
}
.footer p{
    color: #222;
}
.footer a{
  color:#1366be;
  text-decoration: none;
}
.footer-links{
    display: flex;
    list-style: none;
    gap: 8px;
}
.footer-links a{
   color: #222;
  text-decoration: none;
}
.footer-links a:hover{
    color: rgb(18, 38, 150);
}
@media (max-width: 500px){
  .footer{
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .footer-links{
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 320px) {
  .container {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
  }

  .container input,
  .container button {
    width: 90%;       /* ocupa toda a largura disponível */
    display: block;    /* permite centralizar com margin auto */
    margin: 10px auto; /* espaçamento vertical e centralização */
  }

  .descricao-linkzap {
    width: 90%;
    margin: 20px auto;
    text-align: center; /* centraliza textos */
  }

  .descricao-linkzap ol,
  .descricao-linkzap ul {
    padding-left: 20px; /* mantém listas indentadas, mas ajustadas para mobile */
  }

  .descricao-linkzap h2,
  .descricao-linkzap h3,
  .descricao-linkzap h4 {
    font-size: 1rem; /* reduz tamanho de títulos para telas pequenas */
  }

  .descricao-linkzap p,
  .faq-item p {
    font-size: 0.85rem; /* reduz tamanho de texto para caber melhor */
  }
}
@media(max-width:500px){
  .container{
    width: 450px;
    margin: 0 auto;
  }
  .descricao-linkzap{
    width: 80%;
  }
}