/* ===== Estilo Arelama (v3.3) ===== */
.titulo-socios {
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.6em;
  color: #38614a;
}

/* Tabelas */
.tabela-socios, .tabela-detalhes {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 15px;
}
.tabela-socios th, .tabela-socios td,
.tabela-detalhes th, .tabela-detalhes td {
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  text-align: left;
}
.tabela-socios th {
  background-color: #38614a;
  color: #fff;
}

/* Linhas pares com verde clarinho e ímpares brancas */
.tabela-socios tr:nth-child(even) {
    background: #e8f3ed;  /* Verde clarinho */
}
.tabela-socios tr:nth-child(odd) {
    background: #fff;     /* Branco */
}

/* Hover nas linhas */
.tabela-socios tr:hover {
    background: #fff3d6;  /* Laranja claro */
    cursor: pointer;
}

.tabela-detalhes .label {
  width: 35%;
  /* background: #f3f4f6; */
  color: #38614a;
  font-weight: 600;
}

/* Links de ação na tabela */
.tabela-socios td.acoes a {
    color: #38614a;          /* Verde escuro */
    text-decoration: none;
    font-weight: 500;
    margin: 0 4px;
}

.tabela-socios td.acoes a:hover {
    text-decoration: underline;
    color: #ffaf00;          /* Laranja no hover */
}

/* Ações e botões */
.toolbar { margin-bottom: 12px; }

.botao {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 24px;
  text-decoration: none;
  color: #fff !important;          /* Forçar texto branco */;
  background-color: #38614a;   /* verde principal */
  transition: background-color .3s ease;
  border: none;
  cursor: pointer;
}

.botao:hover {
    background-color: #38614a !important;  /* Verde escuro */
    color: #61ce70 !important;             /* Texto verde claro */

}

.botao.ver { background-color: #38614a; color: #fff; }
.botao.editar { background-color: #38614a; color: #fff; }
.botao.excluir { background-color: #38614a; color: #fff; }
.botao.inserir { background-color: #38614a; color: #fff; }
.botao.salvar { background-color: #38614a; color: #fff; }

.acoes a { margin-right: 6px; }

/* Formulário */
.form-socio .form-table { width: 100%; border-collapse: collapse; }
.form-socio .form-table th { width: 26%; padding: 8px; color: #38614a; text-align: left; vertical-align: top; }
.form-socio .form-table td { padding: 8px; }
.form-socio input[type="text"],
.form-socio input[type="email"],
.form-socio input[type="date"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
}

/* Mensagens */
.msg-sucesso {
  background: #38614a;
  color: #fff;
  border-left: 6px solid #ffaf00;
  padding: 10px;
  margin-bottom: 16px;
  border-radius: 8px;
}