/* Estilo por defecto (modo claro) */

  .form-group input,
  .form-group select,
  .form-group textarea {
    background-color: #fff;
    color: #111;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    width: 100%;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  }

  /* Modo oscuro activado */
  html.dark .form-group input,
  html.dark .form-group select,
  html.dark .form-group textarea {
    background-color: #1f2633;
    color: #e2e8f0 !important;
    border: 1px solid #3e4a63;
  }

  html.dark .form-group input::placeholder,
  html.dark .form-group textarea::placeholder {
    color: #7a8699;
  }

  html.dark .form-label {
    color: #e2e8f0 !important;
  }

  html.dark .input-icon i {
    color: #cbd5e1 ;
  }

  /* Opcional: enfocado en modo oscuro */
  html.dark .form-group input:focus,
  html.dark .form-group textarea:focus,
  html.dark .form-group select:focus {
    border-color: #7a9aff;
    outline: none;
    background-color: #252d3f;
  }