/* Capa de tema Fuera del Sistema para las guías de /inicio.
   Las guías vienen de los repos de Andrés sin cambios; esta capa solo remapea su paleta a la de FDS.
   html[data-tema] lo pone fds-tema-boot (inline en <head>). */
@font-face{font-family:Archivo;src:url(/assets/Archivo-Variable.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Plex;src:url(/assets/IBMPlexMono-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}

/* ---------- Guías Tailwind (paleta ink/block como variables RGB) ---------- */
:root{
  --ink-50:247 244 239;--ink-100:239 235 228;--ink-200:226 221 212;--ink-300:207 200 188;--ink-400:163 158 149;
  --ink-500:124 118 109;--ink-600:95 90 82;--ink-700:69 65 59;--ink-800:42 40 37;--ink-900:26 25 23;--ink-950:10 10 11;
  --white:255 255 255;--block-400:255 179 71;--block-500:247 147 26;--block-600:214 118 6;
}
html[data-tema=dark]{
  --ink-50:10 10 11;--ink-100:20 20 22;--ink-200:38 38 42;--ink-300:52 51 48;--ink-400:111 106 98;
  --ink-500:143 137 127;--ink-600:163 158 149;--ink-700:196 190 179;--ink-800:221 215 204;--ink-900:236 230 219;--ink-950:244 239 230;
  --white:20 20 22;
}
/* Las franjas oscuras de las guías siguen oscuras en modo oscuro: dentro de ellas vuelve la paleta original. */
html[data-tema=dark].fdsx-tw :is(.bg-ink-950,.bg-ink-900){
  --ink-50:247 244 239;--ink-100:239 235 228;--ink-200:226 221 212;--ink-300:207 200 188;--ink-400:163 158 149;
  --ink-500:124 118 109;--ink-600:95 90 82;--ink-700:69 65 59;--ink-800:42 40 37;--ink-900:26 25 23;--ink-950:10 10 11;
  --white:255 255 255;
  background-color:#1a1917!important;box-shadow:inset 0 0 0 1px #2c2a27;
}
.fdsx-tw body{background:rgb(var(--ink-50))!important;font-family:Archivo,system-ui,sans-serif}
.fdsx-tw .step-line{background:repeating-linear-gradient(to bottom,rgb(var(--ink-200)) 0,rgb(var(--ink-200)) 6px,transparent 6px,transparent 12px)!important}
html[data-tema=dark].fdsx-tw :is(.shadow-sm,.shadow,.shadow-md,.shadow-lg,.shadow-xl){box-shadow:0 0 0 1px rgb(var(--ink-200))!important}

/* ---------- Guías con CSS propio (variables --fondo/--tinta/--acc) ---------- */
.fdsx-vars{
  --fondo:#fbf9f5;--bg-soft:#f4f0e9;--bg-tint:#f1ebe1;--bg-mx:#f1ebe1;--ink-bg:#0a0a0b;
  --panel:#ffffff;--panel-2:#f7f4ef;--linea:#e6e0d6;--linea-2:#d8d1c5;
  --tinta:#15130f;--tinta-2:#45413b;--tinta-suave:#6b655c;
  --acc:#c46a05;--acc-bril:#f7931a;--acc-mag:#ffb347;--oro:#c46a05;--btc:#f7931a;--mx:#c46a05;--mx-bril:#f7931a;
  --grad:linear-gradient(120deg,#ffb347 0%,#f7931a 55%,#d67606 100%);
  --grad-mx:linear-gradient(120deg,#ffb347 0%,#f7931a 60%,#d67606 100%);
  --sombra-sm:0 1px 2px rgba(10,10,11,.05),0 10px 24px -18px rgba(10,10,11,.25);
  --sombra:0 1px 2px rgba(10,10,11,.05),0 24px 48px -30px rgba(10,10,11,.3);
}
html[data-tema=dark].fdsx-vars{
  --fondo:#0a0a0b;--bg-soft:#111113;--bg-tint:#16151a;--bg-mx:#16151a;--ink-bg:#18171a;
  --panel:#141416;--panel-2:#19191c;--linea:#26262a;--linea-2:#34333a;
  --tinta:#f4efe6;--tinta-2:#cfc9be;--tinta-suave:#a39e95;
  --acc:#f7931a;--oro:#ffb347;
  --sombra-sm:0 0 0 1px #26262a;--sombra:0 0 0 1px #26262a,0 24px 48px -30px rgba(0,0,0,.8);
}
.fdsx-vars body{font-family:Archivo,system-ui,sans-serif;background:var(--fondo)}
html[data-tema=dark].fdsx-vars :is(input,select,textarea){background:var(--panel-2);color:var(--tinta);border-color:var(--linea-2)}

/* ---------- Píldora flotante: Inicio + selector de tema ---------- */
.fdsx-pill{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:2147483000;display:flex;align-items:center;gap:4px;
  padding:5px;border-radius:14px;background:rgba(10,10,11,.9);border:1px solid #2c2a27;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 10px 30px -10px rgba(0,0,0,.55);font:600 13px/1 Archivo,system-ui,sans-serif;color:#f4efe6}
.fdsx-pill a{display:inline-flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;border-radius:10px;color:inherit;text-decoration:none}
.fdsx-pill a:hover{background:#1f1e1c}
.fdsx-pill img{width:20px;height:20px;display:block}
.fdsx-sep{width:1px;height:22px;background:#2c2a27;margin:0 2px}
.fds-tema{display:inline-flex;gap:2px;padding:2px;border-radius:10px;background:transparent}
.fds-tema button{all:unset;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#a39e95;transition:background .15s,color .15s}
.fds-tema button:hover{color:#f4efe6}
.fds-tema button[aria-pressed=true]{background:#f7931a;color:#0a0a0b}
.fds-tema button:focus-visible{outline:2px solid #f7931a;outline-offset:2px}
.fds-tema svg{width:16px;height:16px}
@media print{.fdsx-pill{display:none}}

/* SVG de las guías con colores fijos -> paleta del tema (generado) */
.fdsx-guia svg [fill="#fafafa" i]{fill:rgb(var(--ink-50))}
.fdsx-guia svg [fill="#f4f4f5" i]{fill:rgb(var(--ink-100))}
.fdsx-guia svg [fill="#f5f5f7" i]{fill:rgb(var(--ink-100))}
.fdsx-guia svg [fill="#f4f0fb" i]{fill:rgb(var(--ink-100))}
.fdsx-guia svg [fill="#eaf6f1" i]{fill:rgb(var(--ink-100))}
.fdsx-guia svg [fill="#fff7ed" i]{fill:rgb(var(--ink-100))}
.fdsx-guia svg [fill="#e4e4e7" i]{fill:rgb(var(--ink-200))}
.fdsx-guia svg [fill="#d4d4d8" i]{fill:rgb(var(--ink-300))}
.fdsx-guia svg [fill="#d8d4e4" i]{fill:rgb(var(--ink-300))}
.fdsx-guia svg [fill="#a1a1aa" i]{fill:rgb(var(--ink-400))}
.fdsx-guia svg [fill="#71717a" i]{fill:rgb(var(--ink-500))}
.fdsx-guia svg [fill="#52525b" i]{fill:rgb(var(--ink-600))}
.fdsx-guia svg [fill="#3f3f46" i]{fill:rgb(var(--ink-700))}
.fdsx-guia svg [fill="#27272a" i]{fill:rgb(var(--ink-800))}
.fdsx-guia svg [fill="#18181b" i]{fill:rgb(var(--ink-900))}
.fdsx-guia svg [fill="#0c0c0e" i]{fill:rgb(var(--ink-950))}
.fdsx-guia svg [fill="#0a0a0b" i]{fill:rgb(var(--ink-950))}
.fdsx-guia svg [fill="#ffffff" i]{fill:rgb(var(--white))}
.fdsx-guia svg [fill="#fff" i]{fill:rgb(var(--white))}
.fdsx-guia svg [stroke="#fafafa" i]{stroke:rgb(var(--ink-50))}
.fdsx-guia svg [stroke="#f4f4f5" i]{stroke:rgb(var(--ink-100))}
.fdsx-guia svg [stroke="#f5f5f7" i]{stroke:rgb(var(--ink-100))}
.fdsx-guia svg [stroke="#f4f0fb" i]{stroke:rgb(var(--ink-100))}
.fdsx-guia svg [stroke="#eaf6f1" i]{stroke:rgb(var(--ink-100))}
.fdsx-guia svg [stroke="#fff7ed" i]{stroke:rgb(var(--ink-100))}
.fdsx-guia svg [stroke="#e4e4e7" i]{stroke:rgb(var(--ink-200))}
.fdsx-guia svg [stroke="#d4d4d8" i]{stroke:rgb(var(--ink-300))}
.fdsx-guia svg [stroke="#d8d4e4" i]{stroke:rgb(var(--ink-300))}
.fdsx-guia svg [stroke="#a1a1aa" i]{stroke:rgb(var(--ink-400))}
.fdsx-guia svg [stroke="#71717a" i]{stroke:rgb(var(--ink-500))}
.fdsx-guia svg [stroke="#52525b" i]{stroke:rgb(var(--ink-600))}
.fdsx-guia svg [stroke="#3f3f46" i]{stroke:rgb(var(--ink-700))}
.fdsx-guia svg [stroke="#27272a" i]{stroke:rgb(var(--ink-800))}
.fdsx-guia svg [stroke="#18181b" i]{stroke:rgb(var(--ink-900))}
.fdsx-guia svg [stroke="#0c0c0e" i]{stroke:rgb(var(--ink-950))}
.fdsx-guia svg [stroke="#0a0a0b" i]{stroke:rgb(var(--ink-950))}
.fdsx-guia svg [stroke="#ffffff" i]{stroke:rgb(var(--white))}
.fdsx-guia svg [stroke="#fff" i]{stroke:rgb(var(--white))}
.fdsx-guia svg [stop-color="#fafafa" i]{stop-color:rgb(var(--ink-50))}
.fdsx-guia svg [stop-color="#f4f4f5" i]{stop-color:rgb(var(--ink-100))}
.fdsx-guia svg [stop-color="#f5f5f7" i]{stop-color:rgb(var(--ink-100))}
.fdsx-guia svg [stop-color="#f4f0fb" i]{stop-color:rgb(var(--ink-100))}
.fdsx-guia svg [stop-color="#eaf6f1" i]{stop-color:rgb(var(--ink-100))}
.fdsx-guia svg [stop-color="#fff7ed" i]{stop-color:rgb(var(--ink-100))}
.fdsx-guia svg [stop-color="#e4e4e7" i]{stop-color:rgb(var(--ink-200))}
.fdsx-guia svg [stop-color="#d4d4d8" i]{stop-color:rgb(var(--ink-300))}
.fdsx-guia svg [stop-color="#d8d4e4" i]{stop-color:rgb(var(--ink-300))}
.fdsx-guia svg [stop-color="#a1a1aa" i]{stop-color:rgb(var(--ink-400))}
.fdsx-guia svg [stop-color="#71717a" i]{stop-color:rgb(var(--ink-500))}
.fdsx-guia svg [stop-color="#52525b" i]{stop-color:rgb(var(--ink-600))}
.fdsx-guia svg [stop-color="#3f3f46" i]{stop-color:rgb(var(--ink-700))}
.fdsx-guia svg [stop-color="#27272a" i]{stop-color:rgb(var(--ink-800))}
.fdsx-guia svg [stop-color="#18181b" i]{stop-color:rgb(var(--ink-900))}
.fdsx-guia svg [stop-color="#0c0c0e" i]{stop-color:rgb(var(--ink-950))}
.fdsx-guia svg [stop-color="#0a0a0b" i]{stop-color:rgb(var(--ink-950))}
.fdsx-guia svg [stop-color="#ffffff" i]{stop-color:rgb(var(--white))}
.fdsx-guia svg [stop-color="#fff" i]{stop-color:rgb(var(--white))}
.fdsx-vars{--fdsx-hdr:rgba(251,249,245,.88)}html[data-tema=dark].fdsx-vars{--fdsx-hdr:rgba(10,10,11,.85)}
[data-prev] .fdsx-pill{display:none!important}
/* Las franjas oscuras con tarjetas blancas dentro: controles de formulario en modo claro. */
html[data-tema=dark].fdsx-tw :is(.bg-ink-950,.bg-ink-900) .bg-white{color-scheme:light}
/* Algunas guías traen elementos más anchos que el celular: sin scroll lateral. */
html.fdsx-guia,html.fdsx-guia body{overflow-x:clip}