.content-admin .routes-section {
  margin: 40px 0 40px 0;
}

.user {
  background-color: var(--black);
  width: fit-content;
  padding: 6px 12px;
  border-radius: 6px;
  margin-top: 6px;
  color: white;
  font-weight: 400;
}

/* Estilo base (móvil) */
.content-admin-grid {
  display: grid;
  grid-template-columns: 1fr; /* Una sola columna por defecto */
  gap: 8px; /* Ajustable */
}

/* Para pantallas mayores a 768px */
@media (min-width: 769px) {
  .content-admin-grid {
    grid-template-columns: 20% 1fr; /* Dos columnas */
    gap: 12px;
  }
}


.content-admin-grid .nav {
  border-right: 1px solid var(--gray-light);
  padding-right: 12px;
  background-color: var(--white);
  padding: 12px;
  border-radius: 12px;
  height: fit-content;
}

.form-text {
  margin-top: 12px;
  margin-bottom: 12px;
}

.content-admin-grid .tab-content {
  background-color: var(--white);
  padding: 12px;
  border-radius: 12px;
}

.content-admin-grid .tab-content h2 {

  color: var(--primary-color);
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  border-left: 4px solid var(--accent-color);
  padding-left: 16px;
}

.content-admin-grid .tab-content h3 {

  color: var(--primary-color);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
  border-left: 4px solid var(--accent-color);
  padding-left: 16px;
}

.content-admin-grid .tab-content form {
  padding: 12px;
  margin-bottom: 20px;
  background-color: var(--gray-light);
}

.form-container label {
  font-weight: 600;
  margin-bottom: 0;
}

.form-container .form-row {
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #f7f7f7;
  margin-bottom: 12px;
}

.form-container .form-row:first-child {
  background-color: #ffffff;
  margin-bottom: 12px;
}

.form-container .form-row:last-child {
  background-color: #ffffff;
  margin-bottom: 0;
}

.form-container{
  width: 100%;
  border-radius: 12px;
  padding: 12px;
  margin: 0 auto;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}

@media (min-width: 769px) {
  .form-container{
    width: 460px;
  }
}

.form-container input[type="text"],
.form-container input[type="password"],
.form-container input[type="email"] {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--gray);
  border-radius: 6px;
  font-size: 16px;
}

.form-container .legal p,
.form-container .legal a {
  font-size: 16px;
  
  
}

.form-container .legal a {
  font-weight: 600;
  
  
}