/* Vortex TECH Labs · modo claro. El modo oscuro conserva el diseño original. */

html[data-theme="light"] body.labs-page {
  --lab-line: rgba(35, 78, 126, 0.16);
  background: #f3f7fc;
  color: #172f4d;
}

html[data-theme="light"] .labs-page .ar-experiment-section { background: #eef5fb; }
html[data-theme="light"] .labs-page .ar-experiment-card { background: rgba(255,255,255,.9); box-shadow: 0 22px 55px rgba(26,62,102,.08); }
html[data-theme="light"] .labs-page .ar-experiment-copy h2 { color: #092746; }
html[data-theme="light"] .labs-page .ar-experiment-copy h2 span { color: #087fa9; }
html[data-theme="light"] .labs-page .ar-experiment-copy p { color: #526f8d; }

html[data-theme="light"] .labs-page .labs-hero {
  background:
    radial-gradient(circle at 76% 20%, rgba(31, 118, 255, 0.12), transparent 28%),
    linear-gradient(90deg, #f8fbff 0%, #f4f8fd 44%, rgba(238, 246, 255, 0.9) 61%, rgba(231, 242, 253, 0.46) 100%);
  border-color: var(--lab-line);
}

html[data-theme="light"] .labs-page .labs-grid,
html[data-theme="light"] .labs-page .collab-grid {
  opacity: 0.38;
  background-image:
    linear-gradient(rgba(37, 99, 180, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 180, 0.1) 1px, transparent 1px);
}

html[data-theme="light"] .labs-page .labs-hero-visual::before {
  background: linear-gradient(90deg, #f6faff 0%, rgba(246, 250, 255, 0.9) 19%, rgba(246, 250, 255, 0.18) 48%, transparent 68%);
}

html[data-theme="light"] .labs-page .labs-hero-visual img {
  opacity: 0.88;
  filter: saturate(0.92) contrast(1.02);
}

html[data-theme="light"] .labs-page .lab-kicker,
html[data-theme="light"] .labs-page .section-code {
  color: #087ca5;
}

html[data-theme="light"] .labs-page .lab-kicker {
  border-color: rgba(0, 135, 180, 0.26);
  background: rgba(0, 157, 207, 0.07);
}

html[data-theme="light"] .labs-page .lab-kicker b {
  color: #7590aa;
}

html[data-theme="light"] .labs-page .labs-hero h1,
html[data-theme="light"] .labs-page .section-intro h2,
html[data-theme="light"] .labs-page .prototype-heading h2,
html[data-theme="light"] .labs-page .labs-collab h2 {
  color: #092746;
}

html[data-theme="light"] .labs-page .labs-hero h1 span {
  color: transparent;
  -webkit-text-stroke-color: #1682b1;
  text-shadow: 0 0 34px rgba(0, 142, 196, 0.1);
}

html[data-theme="light"] .labs-page .labs-lead {
  color: #274d6f;
}

html[data-theme="light"] .labs-page .labs-summary,
html[data-theme="light"] .labs-page .section-intro > p,
html[data-theme="light"] .labs-page .collab-copy > p {
  color: #526f8d;
}

html[data-theme="light"] .labs-page .labs-summary strong {
  color: #173b5f;
}

html[data-theme="light"] .labs-page .labs-actions .btn-ghost {
  color: #174d79;
  border-color: rgba(27, 83, 129, 0.3);
  background: rgba(255, 255, 255, 0.76);
}

html[data-theme="light"] .labs-page .labs-actions .btn-ghost:hover {
  color: #07345d;
  border-color: #1682b1;
  background: #e8f4fb;
}

html[data-theme="light"] .labs-page .hero-signals,
html[data-theme="light"] .labs-page .hero-index {
  color: #52718f;
}

html[data-theme="light"] .labs-page .hero-signals i {
  background: rgba(8, 124, 165, 0.32);
}

html[data-theme="light"] .labs-page .hero-index b {
  color: #315d83;
}

html[data-theme="light"] .labs-page .research-section,
html[data-theme="light"] .labs-page .stack-section {
  background:
    radial-gradient(circle at 14% 24%, rgba(37, 99, 235, 0.09), transparent 28%),
    linear-gradient(135deg, #fbfdff, #edf4fb);
  border-color: var(--lab-line);
}

html[data-theme="light"] .labs-page .research-grid {
  border-color: var(--lab-line);
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 22px 55px rgba(26, 62, 102, 0.08);
}

html[data-theme="light"] .labs-page .research-card,
html[data-theme="light"] .labs-page .research-card.featured,
html[data-theme="light"] .labs-page .research-card:hover {
  border-color: var(--lab-line);
  background: rgba(255, 255, 255, 0.88);
}

html[data-theme="light"] .labs-page .card-number {
  color: #3f6689;
}

html[data-theme="light"] .labs-page .research-card h3 {
  color: #123250;
}

html[data-theme="light"] .labs-page .research-card h3 em {
  color: #087ca5;
}

html[data-theme="light"] .labs-page .research-card > p {
  color: #506e8b;
}

html[data-theme="light"] .labs-page .research-card li {
  color: #496886;
}

html[data-theme="light"] .labs-page .prototype-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(0, 166, 204, 0.08), transparent 25%),
    #f4f8fc;
  border-color: var(--lab-line);
}

html[data-theme="light"] .labs-page .prototype-heading h2 span,
html[data-theme="light"] .labs-page .labs-collab h2 span {
  color: #087fa9;
}

html[data-theme="light"] .labs-page .prototype-status {
  border-color: rgba(0, 145, 106, 0.25);
  background: #e9f8f3;
}

html[data-theme="light"] .labs-page .prototype-status span {
  color: #087b60;
}

html[data-theme="light"] .labs-page .prototype-status b {
  color: #52766e;
}

/* Arquitectura y consola son visualizaciones técnicas: permanecen oscuras. */
html[data-theme="light"] .labs-page .architecture-panel,
html[data-theme="light"] .labs-page .dispatch-console {
  --lab-line: rgba(110, 185, 255, 0.14);
  color-scheme: dark;
  border-color: var(--lab-line);
  background: linear-gradient(145deg, rgba(13, 31, 54, 0.97), rgba(5, 17, 33, 0.98));
  box-shadow: 0 28px 65px rgba(24, 50, 82, 0.18);
}

html[data-theme="light"] .labs-page .architecture-panel .architecture-copy {
  color: #8fa6be;
}

html[data-theme="light"] .labs-page .stack-table {
  overflow: hidden;
  border: 1px solid var(--lab-line);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 48px rgba(28, 60, 99, 0.07);
}

html[data-theme="light"] .labs-page .stack-table article {
  padding: 0 1.4rem;
  border-color: var(--lab-line);
}

html[data-theme="light"] .labs-page .stack-table article:hover {
  background: #f1f6fc;
}

html[data-theme="light"] .labs-page .stack-index,
html[data-theme="light"] .labs-page .stack-title span {
  color: #416686;
}

html[data-theme="light"] .labs-page .stack-title h3 {
  color: #123250;
}

html[data-theme="light"] .labs-page .stack-title svg {
  stroke: #0786b2;
}

html[data-theme="light"] .labs-page .stack-tags span {
  color: #315f7d;
  border-color: rgba(38, 105, 142, 0.2);
  background: #e5f0f7;
}

html[data-theme="light"] .labs-page .stack-table article > p,
html[data-theme="light"] .labs-page .stack-disclaimer {
  color: #526f89;
}

html[data-theme="light"] .labs-page .stack-disclaimer span {
  color: #087fa9;
}

html[data-theme="light"] .labs-page .labs-collab {
  background:
    radial-gradient(circle at 18% 50%, rgba(37, 99, 235, 0.12), transparent 32%),
    linear-gradient(120deg, #eef5fd, #dfeefa);
  border-color: var(--lab-line);
}

/* El footer y la navegación conservan el azul institucional. */
html[data-theme="light"] .labs-page .labs-footer {
  background: #071426;
}

@media (max-width: 920px) {
  html[data-theme="light"] .labs-page .labs-hero-visual::before {
    background: linear-gradient(180deg, #f6faff 0%, rgba(246, 250, 255, 0.38) 38%, transparent 72%);
  }
}

@media (max-width: 700px) {
  html[data-theme="light"] .labs-page .stack-table article {
    padding: 1.3rem;
  }
}