/* ===== Inducta light system — fuente única para index, quorum/ y concilium/ ===== */

:root{
  --ink:#0C1D2E;
  --ink-2:#1B3049;
  --muted:#44566A;
  --faint:#67788B;
  --paper:#FFFFFF;
  --line:#E3E9EF;
  --line-2:#D4DDE6;
  --yl:#D9FF45;
  --yl-deep:#B8D62E;
  --yl-ink:#6E7D0A;
  --glass:rgba(255,255,255,.72);
  --glass-line:rgba(255,255,255,.9);
  --shadow-soft:0 10px 34px rgba(12,29,46,.07);
  --shadow-lift:0 24px 60px rgba(12,29,46,.13);
  --r-card:22px;
}

/* ---- fondo: luz de estudio con malla radial + textura de puntos ---- */
.ind-light-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(68% 52% at 50% -12%, #FFFFFF 0%, rgba(255,255,255,0) 62%),
    radial-gradient(44% 38% at 88% 14%, rgba(217,255,69,.10), transparent 66%),
    radial-gradient(52% 46% at 6% 76%, rgba(12,29,46,.055), transparent 70%),
    linear-gradient(178deg,#F8FAFC 0%,#F1F5F8 58%,#EDF1F5 100%);
}
.ind-light-bg::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle, rgba(90,110,132,.20) 1px, transparent 1px);
  background-size:18px 18px;
  -webkit-mask-image:radial-gradient(88% 78% at 50% 34%, #000 12%, transparent 82%);
  mask-image:radial-gradient(88% 78% at 50% 34%, #000 12%, transparent 82%);
}

/* ---- texturas de sección (heredadas del sistema de quorum) ---- */
.tex-dots{
  background-image:radial-gradient(circle, rgba(90,110,132,.19) 1px, transparent 1px);
  background-size:18px 18px;background-position:center top;
}
.tex-rules{
  background-image:
    linear-gradient(to right, rgba(12,29,46,.05) 1px, transparent 1px),
    radial-gradient(circle, rgba(90,110,132,.16) 1px, transparent 1px);
  background-size:160px 100%, 18px 18px;background-position:center top;
}

/* ---- header claro (override del chrome dk-* de motion.css) ---- */
.dk-header>div{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.9);border-radius:999px;
  box-shadow:0 14px 44px rgba(12,29,46,.12);padding:8px 10px;
}
.dk-logo{background:transparent;border:none;gap:8px;padding:6px 10px}
.dk-nav a{color:var(--ink-2);font-weight:600}
.dk-nav a:hover{color:var(--ink);background:rgba(12,29,46,.05)}
.dk-cta{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(180deg,#F0FF9E 0%,#D9FF45 48%,#BEE22D 100%);
  color:var(--ink);font-weight:700;border-radius:999px;padding:10px 8px 10px 18px;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 -3px 8px rgba(97,113,8,.26) inset,0 10px 24px rgba(180,214,20,.4);
}
.dk-cta:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -3px 8px rgba(97,113,8,.26) inset,0 14px 32px rgba(180,214,20,.5)}
.dk-cta .arr{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#EDFF8A;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.dk-burger{background:rgba(12,29,46,.05);border:1px solid var(--line);color:var(--ink)}
.dk-mobile{background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 24px 60px rgba(12,29,46,.18);border-radius:22px}
.dk-mobile a{color:var(--ink-2)}
.dk-mobile a:hover{color:var(--ink);background:rgba(12,29,46,.05)}
.dk-mobile a.dk-cta{color:var(--ink)}
.dk-mobile a.dk-cta:hover{color:var(--ink)}
.cube-mini{width:24px;height:24px;border-radius:26%;position:relative;flex:none;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 3px 8px rgba(12,29,46,.3)}
.cube-mini img{width:100%;height:100%;border-radius:26%;display:block}

/* ---- botones ---- */
.btn-glow{
  display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:15.5px;
  border-radius:999px;padding:14px 10px 14px 26px;text-decoration:none;color:var(--ink);
  font-family:'Inter','Manrope',sans-serif;position:relative;
  background:linear-gradient(180deg,#F0FF9E 0%,#D9FF45 48%,#BEE22D 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 -3px 8px rgba(97,113,8,.28) inset,
             0 12px 28px rgba(180,214,20,.45),0 0 0 5px rgba(217,255,69,.3);
  transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;
}
.btn-glow .arr{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#EDFF8A;display:inline-flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 2px 6px rgba(12,29,46,.35);transition:transform .2s ease}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -3px 8px rgba(97,113,8,.28) inset,0 18px 40px rgba(180,214,20,.55),0 0 0 6px rgba(217,255,69,.4)}
.btn-glow:hover .arr{transform:translateX(2px)}
.btn-glow:active{transform:translateY(0) scale(.98)}
.btn-line{
  display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;
  font-weight:600;font-size:15px;border:1px solid var(--glass-line);border-radius:999px;
  padding:13px 24px;width:max-content;background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 6px 18px rgba(12,29,46,.08);
  transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;
}
.btn-line:hover{border-color:var(--yl-deep);transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.btn-line:active{transform:translateY(0) scale(.98)}
a:focus-visible,button:focus-visible{outline:3px solid var(--yl-deep);outline-offset:2px}

/* ===== páginas de sistema (quorum/, concilium/): mapeo dk-* a claro =====
   Estas clases solo existen en las páginas de producto; el home las ignora. */
.dk-eyebrow{font-family:'Geist Mono',monospace !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--faint) !important}
.dk-h{font-family:'Inter Tight',sans-serif !important;font-weight:700 !important;letter-spacing:-.025em !important;line-height:1.06 !important;color:var(--ink) !important}
.dk-h1{font-size:clamp(34px,4.4vw,58px) !important}
.dk-h2{font-size:clamp(28px,4vw,46px) !important}
.dk-p{color:var(--muted) !important}
.dk-p strong,.dk-strong{color:var(--ink) !important}
.dk-note{font-family:'Geist Mono',monospace !important;font-size:12.5px !important;color:var(--faint) !important}
.dk-cardline{border-color:var(--glass-line) !important;background:var(--glass) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.dk-btn{background:linear-gradient(180deg,#F0FF9E 0%,#D9FF45 48%,#BEE22D 100%) !important;color:var(--ink) !important;font-weight:700 !important;border:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 -3px 8px rgba(97,113,8,.28) inset,0 12px 28px rgba(180,214,20,.45),0 0 0 5px rgba(217,255,69,.3) !important}
.dk-ghost{background:rgba(255,255,255,.78) !important;color:var(--ink) !important;border:1px solid var(--glass-line) !important;backdrop-filter:blur(10px);box-shadow:0 6px 18px rgba(12,29,46,.08) !important}
.dk-ghost:hover{border-color:var(--yl-deep) !important;background:rgba(255,255,255,.92) !important}
.dk-pill{background:rgba(255,255,255,.8) !important;border-color:var(--glass-line) !important;color:var(--ink-2) !important;box-shadow:0 6px 18px rgba(12,29,46,.07) !important}
.shadow-soft{box-shadow:var(--shadow-soft) !important}
.shadow-panel{box-shadow:var(--shadow-lift) !important}
/* textura nativa de esas páginas, sobre canvas claro */
.page-grid{background-image:radial-gradient(circle, rgba(90,110,132,.17) 1px, transparent 1px) !important;background-size:18px 18px !important}
.section-lines{background-image:
  linear-gradient(to right, rgba(12,29,46,.05) 1px, transparent 1px),
  radial-gradient(circle, rgba(90,110,132,.15) 1px, transparent 1px) !important;
  background-size:160px 100%, 18px 18px !important}
/* bloques que eran negros → blanco */
.bg-ink,.dark-panel{background:var(--glass) !important;border-color:var(--glass-line) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.dark-panel::before,.dark-panel::after{display:none !important}
[class*="text-white"]{color:var(--ink) !important}
[class*="text-white/"]{color:var(--muted) !important}
[class*="border-white/"]{border-color:var(--line) !important}
[class*="bg-white/"]{background-color:rgba(12,29,46,.04) !important}
.lb-sweep{display:none !important}

/* ---- footer claro ---- */
.dk-footer{border-top:1px solid var(--glass-line);background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dk-mono{color:var(--faint)}
.dk-footer a{color:var(--muted)}

/* ---- superficies glass ---- */
.glass{
  border:1px solid var(--glass-line);border-radius:var(--r-card);background:var(--glass);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);
}
.glow-ring{box-shadow:var(--shadow-soft),0 0 0 3px rgba(217,255,69,.35)}

@media (prefers-reduced-motion: reduce){
  .btn-glow,.btn-line,.dk-cta{transition:none}
}