/* ── El admin con los colores de la marca · opción 1 (26-sep-2026) ───────
   Pedro: "revisa los colores de la página del evento (atmaconciencia.com),
   hay colores más intensos a nivel del branding; agrégale ese toque que le
   falta". Eligió la opción 1 de vista-previa-admin-marca.html, "Degradado
   de marca":
   · títulos grandes, cifras, nombres de las columnas de Inicio y ΛTMΛ del
     menú con el degradado lila → violeta → turquesa;
   · botones principales en la píldora del "Quiero mi entrada"
     (#8FA3F2 → #6F4DEF → #3FD0C8), los secundarios en violeta;
   · en el menú, la pantalla actual con tinte violeta y punto menta.
   Colores de la página: violeta #7A4EFF/#6F4DEF, turquesa #3FD0C8, menta
   #5FF2D6, lavanda #8FA3F2, lila #B9A5FF/#D3C5FF.

   Solo el panel del admin (body:not(.lx-alumno) .app): la entrada no se toca. Carga después de admin.css; quitar
   su <link> devuelve el admin de antes. */

/* Botones principales: la píldora del evento. */
body:not(.lx-alumno) .app .btn-luz{
  background:linear-gradient(100deg, #8FA3F2, #6F4DEF 42%, #3FD0C8) !important; border:0 !important; color:#fff !important;
  box-shadow:0 10px 30px -10px rgba(111,77,239,.75) !important;
}
body:not(.lx-alumno) .app .btn-luz::before, body:not(.lx-alumno) .app .btn-luz::after{ display:none !important }

/* Botones secundarios: violeta. Los de borrar siguen en rojo. */
body:not(.lx-alumno) .app .btn-suave{ border-color:rgba(122,78,255,.55) !important; background:rgba(122,78,255,.14) !important; color:#e2d9ff !important }
body:not(.lx-alumno) .app .btn-suave:hover{ background:rgba(122,78,255,.22) !important; border-color:rgba(122,78,255,.8) !important }
body:not(.lx-alumno) .app .btn-suave.peligro{ border-color:rgba(255,90,90,.35) !important; background:rgba(255,90,90,.06) !important; color:#ffb3b3 !important }

/* Menú lateral. */
body:not(.lx-alumno) .app aside nav a.aqui{
  background:linear-gradient(90deg, rgba(122,78,255,.22), rgba(63,208,200,.06)) !important; color:#fff !important;
  box-shadow:inset 2px 0 0 #7A4EFF !important;
}
body:not(.lx-alumno) .app aside nav a.aqui::before{ background:#5FF2D6 !important; box-shadow:0 0 10px #5FF2D6 !important }
body:not(.lx-alumno) .app aside .modulo-nombre{ color:#8FA3F2 !important }

/* El degradado en texto fino necesita más saturación que en un botón. */
body:not(.lx-alumno) .app aside .marca .logo,
body:not(.lx-alumno) .app .portada h2,
body:not(.lx-alumno) .app .in-nombre,
body:not(.lx-alumno) .app .dato .cifra,
body:not(.lx-alumno) .app .in-tarjeta h3{
  background:linear-gradient(100deg, #C9B8FF 0%, #8B6BFF 38%, #5FF2D6 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(122,78,255,.45));
}
body:not(.lx-alumno) .app .portada h2, body:not(.lx-alumno) .app .in-nombre, body:not(.lx-alumno) .app .dato .cifra{ font-weight:300 !important }
/* En la ficha las "cifras" son texto (correo, fechas): sin degradado, se leen mejor. */
body:not(.lx-alumno) .app .ficha-datos .dato .cifra{ background:none; color:#eeedf5 !important; -webkit-text-fill-color:#eeedf5; filter:none }

body:not(.lx-alumno) .app .titulo-zona{ color:#e9e4ff !important }
body:not(.lx-alumno) .app .portada .encima, body:not(.lx-alumno) .app .in-fecha{ color:#8FA3F2 !important }