/* Estilos para los botones de tema - Tema Estándar */
/* Estos estilos se aplican cuando no hay clases de tema moderno o claro */
body:not(.modern-mode):not(.light-mode) .theme-buttons {
  display: flex;
  gap: 0.5rem;
}

body:not(.modern-mode):not(.light-mode) .theme-btn {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.9);
  transition: all 0.2s ease;
  cursor: pointer;
}

body:not(.modern-mode):not(.light-mode) .theme-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

/* Estilos específicos para cada botón de tema - Tema Estándar */
body:not(.modern-mode):not(.light-mode) .theme-standard-btn {
  background-color: #0d6efd;
  color: white;
}

body:not(.modern-mode):not(.light-mode) .theme-dark-btn {
  background-color: #212529;
  color: #f8f9fa;
}

body:not(.modern-mode):not(.light-mode) .theme-light-btn {
  background-color: #f8f9fa;
  color: #343a40;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Indicador de tema activo - Tema Estándar */
body:not(.modern-mode):not(.light-mode) #theme-standard-btn.active {
  background-color: #0d6efd;
  color: white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
}