:root {
  --cor-primaria: linear-gradient(
    to right,
    #223e2a,
    #2d5238,
    #386043,
    #386043,
    #386043
  );
  --cor-secondaria: #ffce46;
  --cor-terciaria: #f8f4e7;
  --cor-quaternaria: #47704a;
  --cor-texto-primaria: #4c4c4c;
}

main {
  display: flex;
  flex-direction: column;
}

.cadastros-header {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--cor-terciaria);
}

.cadastros-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.cadastro-card {
  border-radius: 25px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  flex: 1 1 calc(50% - 2rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem;
  color: var(--cor-terciaria);
}

.card-content {
  font-weight: bold;
}

.card-content h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
} p {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.cadastro-gerador {
  background-color: var(--cor-quaternaria);
}

.cadastro-coletor {
  background-color: var(--cor-secondaria);
}

.cadastro-coletor .card-content {
  color: var(--cor-texto-primaria);
}

.card-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.card-actions a {
  display: inline-block;
  padding: 1.25rem 5.5rem;
  border-radius: 25px;
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  text-decoration: none;
  transition: linear 0.3s;
}

.card-actions a:hover {
  scale: 1.01;
}

.cadastro-coletor .card-actions a {
  background-color: var(--cor-terciaria);
  color: var(--cor-texto-primaria);
}

.cadastro-coletor .card-actions a:hover {
  background-color: var(--cor-quaternaria);
  color: var(--cor-terciaria);
}

.cadastro-gerador .card-actions a {
  background-color: var(--cor-terciaria);
  color: var(--cor-texto-primaria);
}

.cadastro-gerador .card-actions a:hover {
  background-color: var(--cor-secondaria);
  color: var(--cor-texto-primaria);
}

/* Botão Admin Oculto no Canto Inferior Esquerdo */
.admin-hidden-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 40px;
  height: 40px;
  background-color: rgba(124, 58, 237, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 100;
  opacity: 0.3;
  border: 2px solid transparent;
}

.admin-hidden-button:hover {
  opacity: 0.6;
  background-color: rgba(124, 58, 237, 0.2);
  border-color: rgba(124, 58, 237, 0.3);
  transform: scale(1.1);
}