html[data-theme="light"] {
      background-color: #f5f7f9;
      color: #1a1a1a;             
    }

    html[data-theme="dark"] {
      background-color: #0a0806;   
      color: #e2e6ea;            
    }
    /* Tarjeta contenedora translúcida */
    .glass-card {
      backdrop-filter: blur(8px) saturate(180%);
      -webkit-backdrop-filter: blur(8px) saturate(180%);
      background-color: rgba(var(--bs-body-bg-rgb), 0.4);
      border: 1px solid rgba(var(--bs-border-color-rgb), 0.45);
      border-radius: 1rem;
      box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    }
    /* Inputs y selects: fondo sólido y bordes notorios */
    .glass-card .form-control,
    .glass-card .form-select {
      background-color: var(--bs-body-bg);
      border: 1px solid rgba(var(--bs-border-color-rgb), 0.6);
      color: var(--bs-body-color);
      transition: background-color 0.3s, border-color 0.3s, backdrop-filter 0.3s;
    }
    /* Al enfocar: efecto cristal + borde primario */
    .glass-card .form-control:focus,
    .glass-card .form-select:focus {
      background-color: rgba(var(--bs-body-bg-rgb), 0.3);
      border-color: var(--bs-primary);
      backdrop-filter: blur(8px) saturate(180%);
      box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    }
    /* Estilos de etiquetas */
    .glass-card .form-label {
      font-weight: 500;
      color: var(--bs-body-color);
    }
    /* Botones estilo soft */
    .btn-primary,
    .btn-primary-soft,
    .btn-light-dark {
      backdrop-filter: blur(8px);
      border-radius: 8px;
      transition: transform 0.2s, background-color 0.3s;
    }
    .btn-primary-soft {
      background-color: rgba(var(--bs-primary-rgb), 0.15);
      color: var(--bs-primary);
      border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
    }
    .btn-primary-soft:hover { background-color: rgba(var(--bs-primary-rgb), 0.25); }
    .btn-light-dark { color: var(--bs-body-color); border: 1px solid rgba(var(--bs-border-color-rgb),0.6); }
    .btn-light-dark:hover { background-color: rgba(var(--bs-secondary-rgb), 0.15); }
    .btn-primary:hover { transform: translateY(-1px); }