/* Estilo geral do formulário */
.formulario {
      background-color: #000; /* Fundo preto do formulário */
      padding: 20px; /* Espaçamento interno ao redor dos campos */
      border-radius: 10px; /* Bordas arredondadas do formulário */
      max-width: 90%; /* Largura máxima relativa à tela */
      margin: auto; /* Centraliza o formulário horizontalmente */
    }


    /* Estilo dos campos de entrada */
    .formulario input[type="text"],
    .formulario input[type="tel"],
    .formulario input[type="email"],
    .formulario input[type="email_confirmacao"],
    .formulario textarea {
      width: 100%; /* Ocupa 100% da largura disponível no formulário */
      padding: 25px; /* Espaçamento interno nos campos */
      margin-bottom: 20px; /* Espaçamento entre os campos */
      border: 2px solid #000; /* Borda preta dos campos */
      background-color: #fff; /* Cor de fundo dos campos */
      color: #000; /* Cor do texto digitado nos campos */
      border-radius: 5px; /* Bordas arredondadas dos campos */
      box-shadow: 0 0 5px #0000ff; /* Sombra azul ao redor dos campos */
      font-size: 18px; /* Tamanho do texto dentro dos campos */
      outline: none; /* Remove o contorno padrão dos campos */
    }


/* Barra de digitação grossa em vermelho */

.formulario input[type="text"]:focus, 
.formulario input[type="telefone"]:focus, 
.formulario input[type="email"]:focus, 
.formulario input[type="email_confirmacao"]:focus, 
.formulario textarea:focus {
  font-size: 20px !important; /* Aumenta o tamanho da fonte */
  transform: scale(1.5); /* Aumenta o tamanho da barra de digitação */
  caret-color: red !important; /* Cor da barra de digitação */
  border: 3px solid red !important; /* Borda vermelha ao focar no campo */
  box-shadow: 0 0 8px red; /* Sombra ao focar */
  padding: 25px; /* Espaçamento interno nos campos */
}

    /* Placeholder em azul */
    .formulario input::placeholder,
    .formulario textarea::placeholder {
      color: blue; font-size: 18px;/* Cor do texto do placeholder */
    }

    /* Estilo do botão de enviar */
    .formulario input[type="submit"] {
      width: 100%; /* Ocupa toda a largura do formulário */
      padding: 15px; /* Espaçamento interno do botão */
      background-color: green; /* Cor de fundo do botão */
      color: white; /* Cor do texto do botão */
      font-size: 18px; /* Tamanho do texto do botão */
      font-weight: bold; /* Negrito no texto do botão */
      border: none; /* Remove borda do botão */
      border-radius: 5px; /* Bordas arredondadas do botão */
      cursor: pointer; /* Mãozinha ao passar sobre o botão */
      transition: background-color 0.3s ease; /* Suaviza a mudança de cor ao passar o mouse */
    }

    /* Cor do botão ao passar o mouse */
    .formulario input[type="submit"]:hover {
      background-color: blue; /* Cor de fundo azul ao passar o mouse */
    }
    /* Placeholder em azul */
    .formulario input::placeholder,
    .formulario textarea::placeholder {
      color: blue; /* Cor do texto do placeholder */
    }

    /* Estilo do botão de enviar */
    .formulario input[type="submit"] {
      width: 100%; /* Ocupa toda a largura do formulário */
      padding: 15px; /* Espaçamento interno do botão */
      background-color: green; /* Cor de fundo do botão */
      color: white; /* Cor do texto do botão */
      font-size: 18px; /* Tamanho do texto do botão */
      font-weight: bold; /* Negrito no texto do botão */
      border: none; /* Remove borda do botão */
      border-radius: 5px; /* Bordas arredondadas do botão */
      cursor: pointer; /* Mãozinha ao passar sobre o botão */
      transition: background-color 0.3s ease; /* Suaviza a mudança de cor ao passar o mouse */
    }

    /* Cor do botão ao passar o mouse */
    textinput[type="submit"]:hover {
      background-color: blue; /* Cor de fundo azul ao passar o mouse */
    }
/* Estilo específico para o campo de nome */
.formulario #nome {
  width: 100%; /* Ocupa 100% da largura disponível no formulário */
  padding: 20px; /* Espaçamento interno no campo */
  margin-bottom: 20px; /* Espaçamento inferior */
  border: 2px solid #000; /* Borda preta */
  background-color: #fff; /* Cor de fundo branca */
  color: #000; /* Cor do texto */
  border-radius: 5px; /* Bordas arredondadas */
  box-shadow: 0 0 5px #00f; /* Sombra azul */
  font-size: 18px; /* Tamanho da fonte */
  outline: none; /* Remove o contorno padrão */
}

/* Barra de digitação (caret) específica para o campo de nome */
#nome:focus {
  caret-color: red; /* Cor da barra de digitação */
  border: 3px solid red; /* Borda vermelha ao focar */
  box-shadow: 0 0 8px red; /* Sombra ao focar */
}

/* Placeholder específico para o campo de nome */
#nome::placeholder {
  color: blue; /* Cor do texto do placeholder */
  font-style: italic; /* Estilo itálico para o placeholder */
}

 /* Estilo geral do duvida */
    .duvida {
      background-color: #008000; /* Fundo verde do duvida */
      padding: 20px; /* Espaçamento interno ao redor dos campos */
      border-radius: 10px; /* Bordas arredondadas do duvida */
      max-width: 1000%; /* Largura máxima do duvida */
      margin: auto; /* Centraliza o duvida horizontalmente */
    }

    /* Estilo dos campos de entrada */
    .duvida input[type="text"],
    .duvida input[type="tel"],
    .duvida input[type="email"],
    .duvida textarea {
      width: 100%; /* Largura total do campo */
      padding: 13px; /* Aumentado em 30% (antes 10px, agora 13px) */
      margin-bottom: 20px; /* Espaçamento entre os campos */
      border: 2px solid #008000; /* Borda verde dos campos */
      background-color: #fff; /* Cor de fundo dos campos */
      color: #000; /* Cor do texto digitado nos campos */
      border-radius: 5px; /* Bordas arredondadas dos campos */
      box-shadow: 0 0 5px #0000ff; /* Sombra azul ao redor dos campos */
      font-size: 16px; /* Tamanho do texto dentro dos campos */
      outline: none; /* Remove o contorno padrão */
    }

    /* Barra de digitação grossa em vermelho */
    .duvida input[type="text"]:focus,
    .duvida input[type="tel"]:focus,
    .duvida input[type="email"]:focus,
    .duvida textarea:focus {
      border: 3px solid red; /* Borda vermelha ao focar no campo */
    }

.formulario input[type="text"], .formulario input[type="tel"], .formulario input[type="email"], .formulario textarea, .formulario input[type="submit"] {
width: 90%; /* Adiciona essa linha mantem o campo compatível com celular*/
}

    /* Placeholder em azul */
    .duvida input::placeholder,
    .duvida textarea::placeholder {
      color: blue; /* Cor do texto do placeholder */
		
    }

    /* Estilo do botão de enviar */
    .duvida input[type="submit"] {
      width: 100%; /* Largura total do botão */
      padding: 13px; /* Aumentado em 30% */
      background-color: red; /* Cor de fundo do botão */
      color: white; /* Cor do texto do botão */
      font-size: 16px; /* Tamanho do texto do botão */
      font-weight: bold; /* Negrito no texto do botão */
      border: none; /* Remove borda do botão */
      border-radius: 5px; /* Bordas arredondadas do botão */
      cursor: pointer; /* Mãozinha ao passar sobre o botão */
      transition: background-color 0.3s ease; /* Suaviza a mudança de cor ao passar o mouse */
    }
  
/* Cor do botão ao passar o mouse */
    .duvida input[type="submit"]:hover {
      background-color: blue; /* Cor de fundo azul ao passar o mouse */
    }