body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    box-sizing: border-box;
    background-color: #EFE1CE;
    }

.titulo, a {
    color: #50394c;
}

.btn-primary {
    background-color: #50394c;
    border-color: #50394c;
}

.btn-primary:hover {
  background-color: #3e2d3c; /* Tono más oscuro para hover */
  border-color: #3e2d3c;
}

.btn-primary:focus {
  background-color: #3e2d3c; /* Mismo tono que en hover */
  border-color: #3e2d3c;
  box-shadow: 0 0 0 0.25rem rgba(62, 45, 60, 0.5); /* Sombra personalizada */
}

.btn-primary:active {
  background-color: #2f222d; /* Otro tono más oscuro para active */
  border-color: #2f222d;
}

.botonEditar {
    background-color: #50394c;
    border-color: #50394c;
    color: white;
    padding: 5px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.botonEditar:hover {
  background-color: #3e2d3c;
  border-color: #3e2d3c;
}

.botonEditar:focus {
  background-color: #3e2d3c;
  border-color: #3e2d3c;
  box-shadow: 0 0 0 0.25rem rgba(62, 45, 60, 0.5);
}

.botonEditar:active {
  background-color: #2f222d;
  border-color: #2f222d;
}

.botonBorrar {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
    padding: 5px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.botonBorrar:hover {
    background-color: #c82333;
}

.botonBorrar:focus {
    background-color: #c82333;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.botonBorrar:active {
    background-color: #bd2130;
    border-color: #b21f2d;
}

.botonTelefono {
    background-color: #343a40;
    border-color: #343a40;
    color: white;
    padding: 5px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.botonTelefono:hover {
    background-color: #23272b;
}

.botonTelefono:focus {
    background-color: #23272b;
    box-shadow: 0 0 0 0.25rem rgba(52, 58, 64, 0.5);
}

.botonTelefono:active {
    background-color: #1d2124;
    border-color: #1a1e21;
}