/* Estilos para el formulario de saludo/salir en MODO OSCURO */
html[data-bs-theme="dark"] form#form-login {
    background-color: #333333 !important; /* Fondo oscuro para el formulario */
    color: #ffffff !important;           /* Texto blanco para el "Hello Alonzo Troncoso" */
    border: 1px solid #555555;           /* Opcional: un borde sutil para definir el área */
}

/* Opcional: Ajustar el botón "Salir" si no se adapta bien */
html[data-bs-theme="dark"] form#form-login .btn-primary {
    background-color: #dc3545 !important; /* Un rojo oscuro para el botón Salir */
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

html[data-bs-theme="dark"] form#form-login .btn-primary:hover,
html[data-bs-theme="dark"] form#form-login .btn-primary:focus {
    background-color: #c82333 !important; /* Rojo más oscuro al pasar el ratón */
    border-color: #bd2130 !important;
}

/* Estilos para el fieldset de "Información del comprador" en MODO OSCURO */
html[data-bs-theme="dark"] fieldset.bg-light {
    background-color: #333333 !important; /* Fondo oscuro para el fieldset */
    color: #ffffff !important;           /* Texto blanco para todo el contenido */
    border-color: #555555 !important;    /* Borde más oscuro */
}

/* Estilos para la leyenda (título) dentro del fieldset en MODO OSCURO */
html[data-bs-theme="dark"] fieldset.bg-light legend.userfields_info {
    color: #88ccff !important; /* Un color de título claro, similar a lo que usaste antes */
    border-color: #666666 !important; /* Borde inferior más oscuro para la leyenda */
}

/* Estilos para las etiquetas (labels) dentro del fieldset en MODO OSCURO */
html[data-bs-theme="dark"] fieldset.bg-light label.form-label {
    color: #f0f0f0 !important; /* Un blanco ligeramente grisáceo para las etiquetas */
}