/* Réplica: tema "Azul". Noche: negro con brillos azul marino en las esquinas. Día: blanco azulado.
   En los dos, azul eléctrico como único acento. Los colores de estado del modo en vivo no se tocan. */
html.rm-azul:not(.tema-dia) {
  --fondo: #000002;
  --fondo-2: #020a18;
  --acento: #0b5fe6;
  --acento-suave: #3b82ff;
  --texto: #eef2f8;
  --texto-fuerte: #ffffff;
  --muted: #8a93a6;
  --vidrio: rgba(4, 12, 28, 0.88);
  --vidrio-fuerte: rgba(2, 10, 24, 0.94);
  --panel: #020812;
  --panel-btn: #0b1628;
  --panel-btn-hover: #102038;
  --panel-muted: #6f7890;
  --panel-texto: #eef2f8;
  --borde: rgba(120, 160, 255, 0.1);
  --borde-fuerte: rgba(120, 160, 255, 0.2);
  --hover: rgba(80, 130, 255, 0.1);
  --hover-suave: rgba(80, 130, 255, 0.06);
  --msg-user: #0c1a33;
  --msg-user-borde: rgba(59, 130, 255, 0.3);
  --chip-bg: #111114;
  --chip-texto: #d4d6de;
  --icono-bg: rgba(255, 255, 255, 0.04);
  --icono-color: #c9cfdc;
  --menu-bg: #07101f;
  --menu-texto: #eef2f8;
  --placeholder: #6b7387;
  --scroll: rgba(120, 160, 255, 0.2);
  --sombra: rgba(0, 0, 0, 0.7);
  --velo: rgba(0, 2, 10, 0.6);
  --grad-1: transparent;
  --grad-2: transparent;
  --grad-3: transparent;
  --caja-anillo: rgba(120, 160, 255, 0.16);
  --theme-color: #000002;
}

html.rm-azul:not(.tema-dia) main {
  background:
    radial-gradient(720px 520px at 0% 0%, rgba(1, 24, 64, 0.85), transparent 65%),
    radial-gradient(820px 560px at 100% 100%, rgba(1, 24, 64, 0.85), transparent 65%);
}
/* Modo en vivo: el escenario deja ver el fondo de main (negro con brillos azul marino). */
html.rm-azul:not(.tema-dia) .escenario {
  background: transparent;
}
html.rm-azul:not(.tema-dia) .voz-linea.tu {
  background: rgba(40, 90, 200, 0.14);
  border-color: rgba(120, 160, 255, 0.16);
}
html.rm-azul:not(.tema-dia) .voz-dock-btn {
  background: #0b1628;
  color: #c9cfdc;
  border-color: rgba(120, 160, 255, 0.14);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html.rm-azul:not(.tema-dia) .voz-dock-btn[aria-pressed="true"] {
  background: #0957e4;
  color: #fff;
  border-color: transparent;
}

html.rm-azul:not(.tema-dia) .caja-iris {
  box-shadow: 0 0 60px -6px rgba(11, 95, 230, 0.32), 0 18px 40px rgba(0, 0, 0, 0.45);
  transition: background 0.2s, box-shadow 0.2s;
}
html.rm-azul:not(.tema-dia) .caja-iris:focus-within {
  background: rgba(59, 130, 255, 0.42);
  box-shadow: 0 0 72px -4px rgba(11, 95, 230, 0.45), 0 18px 40px rgba(0, 0, 0, 0.45);
}
html.rm-azul:not(.tema-dia) .msg.user .cuerpo {
  color: #e8eefc;
}
html.rm-azul:not(.tema-dia) .caja-inner {
  background:
    radial-gradient(120% 160% at 0% 60%, rgba(3, 37, 93, 0.6), transparent 55%),
    var(--vidrio-fuerte);
}
html.rm-azul:not(.tema-dia) #enviar {
  background: #0957e4;
  color: #e6f0ff;
  box-shadow: 0 8px 20px rgba(9, 87, 228, 0.4);
}
html.rm-azul:not(.tema-dia) .btn-dormir {
  border-color: rgba(248, 113, 113, 0.22);
  background: transparent;
  color: #f0b4b4;
}
html.rm-azul:not(.tema-dia) .pill-menu {
  background: rgba(4, 12, 28, 0.97);
  border-color: rgba(11, 95, 230, 0.35);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6), 0 0 24px rgba(11, 95, 230, 0.12);
}
html.rm-azul:not(.tema-dia) .cerebro-pill.abierta {
  border-color: rgba(59, 130, 255, 0.6);
}

/* Bienvenida: saludo en negrita con el nombre en azul, sobre el aura de Lucy difuminada como humo de luz. */
html.rm-azul:not(.tema-dia) #inicio.inicio {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
}
.rm-inicio-aura {
  display: none;
}
html.rm-azul:not(.tema-dia) .rm-inicio-aura {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  top: calc(50% - 24px);
  width: min(620px, 80%, 80vh);
  aspect-ratio: 1;
  height: auto;
  transform: translate(-50%, -50%);
  /* Fondo negro propio: sin él, el difuminado recorta el azul de los bordes transparentes y el aura sale verdosa. */
  background: #000;
  filter: blur(17px);
  opacity: 0.7;
  -webkit-mask-image: radial-gradient(closest-side, #000 72%, transparent 100%);
  mask-image: radial-gradient(closest-side, #000 72%, transparent 100%);
  pointer-events: none;
}

html.rm-azul:not(.tema-dia) #inicio-saludo {
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  color: #fff;
}
html.rm-azul:not(.tema-dia) #inicio-saludo strong {
  font-weight: inherit;
  color: #2b72ff;
}
html.rm-azul:not(.tema-dia) #inicio-sub {
  color: #9aa3b5;
}
html.rm-azul:not(.tema-dia) .inicio-pills .chip {
  background: #111114;
  border-color: rgba(255, 255, 255, 0.1);
}
html.rm-azul:not(.tema-dia) .inicio-pills .chip:hover {
  background: #17171b;
  border-color: rgba(120, 160, 255, 0.28);
}

/* Configuración: azul en lugar del morado original (noche y día). */
html.rm-azul .config-tab.activo {
  background: rgba(26, 102, 240, 0.18);
  color: #dbe7ff;
}
html.rm-azul .config-btn {
  background: #0957e4;
}
html.rm-azul .btn-config:hover {
  background: rgba(26, 102, 240, 0.16);
  border-color: rgba(59, 130, 255, 0.35);
  color: #dbe7ff;
}

/* ── Modo día ─────────────────────────────────────────────── */
html.rm-azul.tema-dia {
  --fondo: #f5f8fd;
  --fondo-2: #eaf1fc;
  --acento: #1a66f0;
  --acento-suave: #3b82ff;
  --acento-azul: #2b72ff;
  --soft-lavanda: #dbe7ff;
  --soft-cielo: #cfe6ff;
  --texto: #142033;
  --texto-fuerte: #0a1424;
  --muted: #5a6780;
  --panel: rgba(255, 255, 255, 0.82);
  --panel-btn: rgba(26, 102, 240, 0.08);
  --panel-btn-hover: rgba(26, 102, 240, 0.14);
  --panel-muted: #66748c;
  --panel-texto: #142033;
  --borde: rgba(26, 102, 240, 0.12);
  --borde-fuerte: rgba(26, 102, 240, 0.24);
  --hover: rgba(26, 102, 240, 0.09);
  --hover-suave: rgba(26, 102, 240, 0.05);
  --msg-user: #1a66f0;
  --msg-user-borde: #1557d0;
  --msg-asst: #142033;
  --chip-bg: rgba(255, 255, 255, 0.85);
  --chip-texto: #2c3a52;
  --icono-color: #1a66f0;
  --menu-texto: #142033;
  --placeholder: #8a96ab;
  --scroll: rgba(26, 102, 240, 0.3);
  --sombra: rgba(20, 50, 110, 0.12);
  --velo: rgba(40, 70, 130, 0.22);
  --grad-1: rgba(214, 230, 255, 0.9);
  --grad-2: rgba(198, 232, 255, 0.8);
  --grad-3: rgba(59, 130, 255, 0.12);
  --caja-anillo: linear-gradient(90deg, #22d3ee, #1a66f0, #3b82ff, #22d3ee);
  --theme-color: #f5f8fd;
  --orbe-glow-a: rgba(34, 211, 238, 0.4);
  --orbe-glow-b: rgba(26, 102, 240, 0.36);
  --orbe-glow-activo-a: rgba(34, 211, 238, 0.65);
  --orbe-glow-activo-b: rgba(26, 102, 240, 0.6);
}
html.rm-azul.tema-dia #inicio-saludo strong {
  color: #1a66f0;
}
html.rm-azul.tema-dia #enviar {
  background: #1a66f0;
  box-shadow: 0 8px 18px rgba(26, 102, 240, 0.32);
}
html.rm-azul.tema-dia .chat-item.activa {
  background: rgba(26, 102, 240, 0.1);
}
html.rm-azul.tema-dia .panel-link.panel-config:hover,
html.rm-azul.tema-dia .cerebro-pill {
  color: #1557d0;
}
html.rm-azul.tema-dia .cerebro-pill select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231557d0' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
html.rm-azul.tema-dia .config-panel {
  background: #f7f9fd;
  box-shadow: 0 20px 50px rgba(20, 50, 110, 0.16);
}
html.rm-azul.tema-dia .config-tab.activo,
html.rm-azul.tema-dia .btn-config:hover {
  background: rgba(26, 102, 240, 0.1);
  color: #1557d0;
}
html.rm-azul.tema-dia .config-windows {
  color: #1e3a8a;
  background: rgba(26, 102, 240, 0.07);
}
html.rm-azul.tema-dia .pill-menu {
  border-color: rgba(26, 102, 240, 0.22);
}
html.rm-azul.tema-dia .pill-menu-item:hover,
html.rm-azul.tema-dia .pill-menu-item:focus-visible {
  background: rgba(26, 102, 240, 0.07);
}
html.rm-azul.tema-dia .pill-menu-item.actual {
  background: rgba(26, 102, 240, 0.11);
  color: #0a1f4d;
}
html.rm-azul.tema-dia .inicio-card-badge {
  background: rgba(26, 102, 240, 0.08);
}