/* hiperfoco.css – estilo exclusivo para Modo Hiperfoco */

/* Card centralizado */
.card {
    background: #d2f5bd;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: inline-block;
    width: 90%;
    max-width: 500px;
    box-sizing: border-box;
  }
  
  /* Formulário vertical */
  #hiperfocoForm {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
  /* Campos e botão */
  #hiperfocoForm select,
  #hiperfocoForm input,
  #hiperfocoForm button {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
  }
  
  #hiperfocoForm button {
    background-color: #e9c4fa;
    color: #4b0082;
    font-weight: bold;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s;
  }
  
  #hiperfocoForm button:hover {
    background-color: #e6a958;
  }
  
  /* Ajustes de responsividade */
  @media (max-width: 768px) {
    .card {
      width: 100%;
      padding: 20px;
    }
  }