.tabela-indicacoes {
    font-size: 1.2rem;
    width: 100%;
    border-collapse: collapse;
}

.tabela-indicacoes td,
.tabela-indicacoes th {
    padding: 1rem;
    vertical-align: middle;
}

.tabela-indicacoes td.nome-indicacao {
    font-size: 1.4rem;
    font-weight: 600;
    width: 100%;
}

.tabela-indicacoes td.botoes {
    white-space: nowrap;
    text-align: right;
    padding-left: 1rem;
}

.tabela-indicacoes .btn {
    font-size: 1rem;
    padding: 0.5rem 1rem;
    margin-left: 0.25rem;
}

@media (max-width: 576px) {
    /* Mantém as células em linha para não quebrar nome e botões */
    .tabela-indicacoes tr {
        display: table-row;
    }

    .tabela-indicacoes td,
    .tabela-indicacoes th {
        display: table-cell;
        width: auto;
        text-align: left;
        padding: 0.75rem;
    }

    .tabela-indicacoes td.nome-indicacao {
        font-size: 1.2rem;
    }

    .tabela-indicacoes .btn {
        font-size: 1rem;
        padding: 0.4rem 0.8rem;
    }

    .tabela-indicacoes td.botoes {
        text-align: right;
        white-space: nowrap;
    }
}

.register-1:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(var(--primary-rgb), 0.90);
	inset-inline-start: 0;
	inset-inline-end: 0;
	inset-block-start: 0;
	inset-block-end: 0;
}

#btnInstall:hover {
    background-color: #0d6efd;
    color: white;
    transition: 0.3s;
  }

.card-valortotal {
  color: white;
  border: none;
  background-image: linear-gradient(to right, #002d72, #0056b3); /* azul mais escuro */
}

.card-indicados {
  color: white;
  border: none;
  background-image: linear-gradient(to right, #006d77, #83c5be); /* verde água mais fechado */
}

.card-negociacao {
  color: white;
  border: none;
  background-image: linear-gradient(to right, #b65d1f, #eab308); /* laranja queimado */
}

.card-naoaceitam {
  color: white;
  border: none;
  background-image: linear-gradient(to right, #b71c1c, #d32f2f); /* vermelho intenso */
}

.card-contratados {
  color: white;
  border: none;
  background-image: linear-gradient(to right, #00695c, #43a047); /* verde musgo escuro */
}


