/* FLYXS · CSS DE PORTADA EXTRAÍDO DE index.html (2026-10-26, optimización post-mudanza).
   Concatenación EN ORDEN EXACTO de los 48 bloques <style> que vivían inline en la portada
   (los 2 bloques de <noscript> quedan inline en el HTML: ocultan .fxd/.fxc solo sin JS).
   No editar el orden: la cascada depende de él. */
:root{
  --bg:#000000; --bg2:#050805; --card:#0a0f0a; --card2:#0d140e;
  --ink:#ffffff; --mut:#a9c6ab; --dim:#8fbc94;
  --teal:#1e8b3d; --teal2:#3dbe4b; --violet:#1d7a35; --gold:#3dbe4b;
  --line:rgba(87,217,119,.22); --r:18px;
  --grad:linear-gradient(92deg,#57d977 0%,#3dbe4b 38%,#1e8b3d 100%);
  --grad-btn:linear-gradient(92deg,#1d7a35 0%,#175c2e 58%,#124a27 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.bgfx{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(720px 420px at 12% -6%,rgba(61,190,75,.16),transparent 60%),
  radial-gradient(820px 520px at 88% 4%,rgba(30,139,61,.20),transparent 60%),
  radial-gradient(900px 700px at 50% 108%,rgba(30,139,61,.12),transparent 62%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(0,0,0,.78);border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.06em}
.logo .mark{width:34px;height:34px;flex:none;border-radius:10px;display:block;box-shadow:0 6px 22px rgba(30,139,61,.45)}
.logo .name{font-size:19px}
.logo .name b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo .sub{display:block;font-size:10.5px;font-weight:700;letter-spacing:.24em;color:var(--mut)}
.hbtns{margin-left:auto;display:flex;gap:10px;align-items:center}
.burger{display:none;margin-left:auto;background:rgba(87,217,119,.07);border:1px solid var(--line);color:var(--ink);border-radius:11px;font-size:19px;padding:7px 13px;cursor:pointer;line-height:1}
.mainnav{border-top:1px solid var(--line)}
.navrow{display:flex;gap:2px;align-items:center;overflow-x:auto;padding-top:7px;padding-bottom:7px;scrollbar-width:none}
.navrow::-webkit-scrollbar{display:none}
.mainnav a.nl{padding:7px 11px;border-radius:10px;color:var(--mut);font-weight:600;font-size:14px;white-space:nowrap}
.mainnav a.nl:hover{color:var(--ink);background:rgba(87,217,119,.08)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:11px 20px;font-weight:800;font-size:15px;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap}
.btn-pri{background:var(--grad);color:#fff;box-shadow:0 8px 26px rgba(30,139,61,.35)}
.btn-pri:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(30,139,61,.4)}
.btn-gho{background:rgba(87,217,119,.07);border-color:var(--line);color:var(--ink)}
.btn-gho:hover{background:rgba(87,217,119,.14)}
.hbtns .btn{padding:9px 16px;font-size:14px}
/* ---------- hero ---------- */
.hero{padding:46px 0 40px;text-align:center}
.eyebrow{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:99px;background:rgba(87,217,119,.06);color:var(--teal2);font-weight:800;font-size:12.5px;letter-spacing:.18em}
.hero h1{font-size:clamp(36px,5vw,54px);line-height:1.06;font-weight:900;letter-spacing:-.01em;margin:18px auto 8px;max-width:840px}
.hero h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .brand{font-size:clamp(19px,2.5vw,25px);font-weight:800;color:var(--ink)}
.hero .brand span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{max-width:720px;margin:16px auto 0;color:var(--mut);font-size:clamp(16px,1.7vw,18px)}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.ctas .btn{padding:12px 24px;font-size:15.5px;border-radius:13px}
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.chip{border:1px solid var(--line);background:rgba(18,74,39,.72);border-radius:14px;padding:10px 16px;font-size:14px;color:var(--mut)}
.chip b{color:var(--ink);font-size:16px}
/* árbol decorativo */
.tree{margin:36px auto 0;max-width:640px;opacity:.95}
.tree .row{display:flex;justify-content:center;gap:10px;margin-top:10px}
.node{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#081a04;background:linear-gradient(145deg,#3dbe4b,#1e8b3d);box-shadow:0 0 0 3px rgba(61,190,75,.18),0 8px 18px rgba(0,0,0,.35)}
.node.v{background:linear-gradient(145deg,#1d7a35,#1e8b3d);color:#fff;box-shadow:0 0 0 3px rgba(30,139,61,.22),0 8px 18px rgba(0,0,0,.35)}
.node.g{background:linear-gradient(145deg,#3dbe4b,#1d7a35);color:#fff;box-shadow:0 0 0 3px rgba(61,190,75,.22),0 8px 18px rgba(0,0,0,.35)}
.node.sm{width:30px;height:30px;font-size:9.5px}
.tree .lbl{color:var(--dim);font-size:12px;letter-spacing:.14em;font-weight:700;margin-top:12px}
/* ---------- sections ---------- */
section{padding:46px 0 8px}
.kick{color:var(--teal2);font-weight:800;letter-spacing:.2em;font-size:12.5px;text-align:center}
h2{font-size:clamp(26px,3.6vw,34px);font-weight:900;text-align:center;line-height:1.12;margin-top:10px}
.sub2{color:var(--mut);text-align:center;max-width:720px;margin:14px auto 0;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;transition:.18s}
.card:hover{transform:translateY(-3px);border-color:rgba(61,190,75,.4)}
.card .ic{width:48px;height:48px;border-radius:13px;background:rgba(61,190,75,.12);display:grid;place-items:center;font-size:24px;margin-bottom:14px}
.card h3{font-size:18.5px;font-weight:800;margin-bottom:7px}
.card p{color:var(--mut);font-size:14.8px}
.card.flag{grid-column:span 3;background:linear-gradient(120deg,rgba(30,139,61,.20),rgba(30,139,61,.20)),linear-gradient(180deg,var(--card2),var(--card));border-color:rgba(61,190,75,.35)}
.card.flag .subs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.card.flag .subs span{border:1px solid var(--line);background:rgba(0,0,0,.5);padding:6px 12px;border-radius:99px;font-size:13.5px;font-weight:700}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}
.feat{list-style:none;margin-top:6px}
.feat li{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(87,217,119,.12);color:var(--mut);font-size:15.5px}
.feat li:last-child{border-bottom:0}
.feat li b{color:var(--ink)}
.feat .ck{color:var(--teal2);font-weight:900}
/* escalera */
.ladder{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:36px}
.rung{border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card));border-radius:14px;padding:12px 16px;text-align:center;min-width:104px}
.rung b{display:block;font-size:16.5px}
.rung span{color:var(--gold);font-weight:800;font-size:14px}
.rung small{display:block;color:var(--dim);font-size:11px;letter-spacing:.1em;font-weight:700}
.rung em{display:block;font-style:normal;font-size:10.5px;color:var(--teal2);font-weight:700;margin-top:5px;line-height:1.4}
.big70{text-align:center;margin-top:30px;font-size:clamp(19px,3vw,25px);font-weight:800}
.big70 b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.35em}
/* modos */
.mode{position:relative;overflow:hidden}
.mode .tag{position:absolute;top:16px;right:16px;font-size:11px;font-weight:800;letter-spacing:.14em;padding:5px 10px;border-radius:99px;background:rgba(61,190,75,.16);color:var(--gold);border:1px solid rgba(61,190,75,.35)}
.mode h3{font-size:21px}
/* pasos */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.step{text-align:center;padding:26px 18px}
.step .n{width:46px;height:46px;margin:0 auto 13px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:900;font-size:19px;color:#fff}
.step h3{font-size:16.5px;margin-bottom:6px}
.step p{font-size:14px}
/* eco */
.eco{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.eco .card{text-align:center}
.eco .card .ic{margin:0 auto 12px}
/* menú: fila propia bajo la barra — los 10 anclajes sin apretar los botones */
section{scroll-margin-top:128px}
@media(max-width:960px) and (min-width:701px){
  section{scroll-margin-top:162px}
  .navrow{flex-wrap:wrap;overflow:visible;justify-content:center}
}
@media(max-width:700px){
  section{scroll-margin-top:138px}
  .burger{display:block}
  .hbar{flex-wrap:wrap}
  .hbtns{margin-left:0;flex:1 1 100%;margin-top:10px}
  .hbtns .btn{flex:1;justify-content:center;padding:9px 10px;font-size:13.5px}
  .mainnav{display:none}
  .mainnav.open{display:block}
  .navrow{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:visible;padding-top:12px;padding-bottom:14px}
  .mainnav a.nl{padding:11px 12px;background:rgba(87,217,119,.05);text-align:center;font-size:14.5px}
}
/* ---------- tu código Seix ---------- */
.codeband{margin-top:38px;background:linear-gradient(120deg,rgba(30,139,61,.16),rgba(30,139,61,.16)),linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(61,190,75,.32);border-radius:24px;padding:30px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.codeband h3{font-size:clamp(21px,3vw,27px);font-weight:900;line-height:1.18;text-align:left}
.codeband p{color:var(--mut);margin-top:11px;font-size:15.5px}
.codeband p b{color:var(--ink)}
.linkcard{background:rgba(0,0,0,.6);border:1px solid var(--line);border-radius:18px;padding:22px}
.linkcard .lab{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--dim)}
.linkcard .lnk{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15.5px;color:var(--ink);word-break:break-all;margin-top:7px}
.linkcard .lnk b{color:var(--gold)}
.codepill{display:inline-block;margin-top:14px;padding:7px 14px;border-radius:99px;background:rgba(61,190,75,.14);border:1px solid rgba(61,190,75,.4);color:var(--gold);font-weight:800;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14.5px;letter-spacing:.05em}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.share span{border:1px solid var(--line);background:rgba(87,217,119,.06);padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;color:var(--mut)}
@media(max-width:920px){.codeband{grid-template-columns:1fr;padding:24px 20px}}
/* ---------- cadena de verificación ---------- */
.chain{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
@media(max-width:920px){.chain{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.chain{grid-template-columns:1fr}}
/* ---------- presentación · galería de capturas reales ---------- */
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}
.shot{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.18s;margin:0}
.shot:hover{transform:translateY(-3px);border-color:rgba(61,190,75,.4)}
.shot.wide{grid-column:span 2}
.shot img{width:100%;display:block;aspect-ratio:829/690;object-fit:cover;object-position:top center}
.shot figcaption{padding:15px 18px 17px}
.shot figcaption b{display:block;font-size:16px;margin-bottom:3px}
.shot figcaption span{color:var(--mut);font-size:14px}
@media(max-width:640px){.gal{grid-template-columns:1fr}.shot.wide{grid-column:span 1}}
.linkcard .btn{width:100%;justify-content:center;margin-top:10px}
/* ---------- pasarela · riel completo de pagos ---------- */
.rail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
@media(max-width:920px){.rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.rail{grid-template-columns:1fr}}
.pay .pill{align-self:flex-start;display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:99px;margin-bottom:13px;background:rgba(61,190,75,.13);color:var(--teal2);border:1px solid rgba(61,190,75,.4)}
.pay .pill.gold{background:rgba(61,190,75,.15);color:var(--gold);border-color:rgba(61,190,75,.45)}
.pay .pill.viol{background:rgba(30,139,61,.18);color:#b2ffc7;border-color:rgba(30,139,61,.5)}
/* ---------- tienda · niveles del Modo Independiente ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
@media(max-width:920px){.tiers{grid-template-columns:1fr}}
.tier{display:flex;flex-direction:column}
.tier .feat{flex:1}
.tier .price{margin-top:16px;border:1px dashed rgba(61,190,75,.45);border-radius:14px;padding:16px 14px;text-align:center;background:rgba(61,190,75,.06)}
.tier .price b{display:block;color:var(--gold);font-size:16.5px;letter-spacing:.05em}
.tier .price span{color:var(--mut);font-size:13.5px}
.tier .btn{margin-top:14px;justify-content:center;width:100%}
.tier.hot{border-color:rgba(61,190,75,.45);background:linear-gradient(120deg,rgba(30,139,61,.13),rgba(30,139,61,.13)),linear-gradient(180deg,var(--card2),var(--card))}
/* ---------- preguntas ---------- */
.faq{max-width:820px;margin:38px auto 0;text-align:left}
.faq details{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:12px}
.faq summary{cursor:pointer;font-weight:800;font-size:16px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--teal2);font-weight:900}
.faq details[open ] summary::after{content:"–"}
.faq details p{color:var(--mut);font-size:15px;margin-top:9px}
/* vida sutil en el árbol del héroe (sin tapar nada) */
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.tree .node{animation:floaty 5s ease-in-out infinite}
.tree .row:nth-child(2) .node{animation-delay:.7s}
.tree .row:nth-child(3) .node{animation-delay:1.4s}
@media(prefers-reduced-motion:reduce){.tree .node{animation:none}}
/* ---------- acceso del miembro (flyxs) ---------- */
.acc{margin-top:6px;background:linear-gradient(120deg,rgba(30,139,61,.14),rgba(30,139,61,.14)),linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(61,190,75,.32);border-radius:24px;padding:30px;display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.acc .kick{text-align:left}
.acc h2{text-align:left;font-size:clamp(24px,3vw,30px);margin-top:8px}
.acc .sub2{text-align:left;margin-left:0;font-size:15.5px}
.acc .feat{margin-top:10px}
.acc form{background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:18px;padding:24px 22px}
.acc label{display:block;font-size:12.8px;font-weight:700;letter-spacing:.04em;color:var(--mut);margin:14px 0 6px}
.acc label:first-of-type{margin-top:0}
.acc .inwrap{position:relative}
.acc input{width:100%;background:#124a27;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:16px;padding:12px 13px;outline:none;transition:.15s}
.acc input:focus{border-color:var(--teal2);box-shadow:0 0 0 3px rgba(61,190,75,.18)}
.acc input::placeholder{color:var(--dim)}
.acc .ojito{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;padding:6px;line-height:1;color:#dcfce7}
.acc .ojito svg{width:21px;height:21px;display:block}
.acc .btn{width:100%;margin-top:20px;justify-content:center;padding:13px 20px;font-size:16px}
.acc .msg{display:none;border-radius:12px;padding:11px 13px;font-size:14px;margin-top:16px;line-height:1.45}
.acc .msg.err{display:block;background:rgba(220,60,80,.13);border:1px solid rgba(220,60,80,.45);color:#ffb9c2}
.acc .msg.info{display:block;background:rgba(30,139,61,.13);border:1px solid rgba(61,190,75,.4);color:#d8fbc9}
.acc .msg.wait{display:block;background:rgba(61,190,75,.10);border:1px solid rgba(61,190,75,.4);color:#d8fbc9}
.acc .spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;vertical-align:-2px;margin-right:7px;animation:accsp .8s linear infinite}
@keyframes accsp{to{transform:rotate(360deg)}}
.acc .alt2{margin-top:14px;text-align:center;color:var(--mut);font-size:14px}
.acc .alt2 a{color:var(--teal2);font-weight:800}
@media(max-width:920px){.acc{grid-template-columns:1fr;padding:24px 20px}}
/* final */
.final{margin:48px 0 56px;text-align:center;background:linear-gradient(120deg,rgba(30,139,61,.18),rgba(30,139,61,.20));border:1px solid rgba(61,190,75,.3);border-radius:26px;padding:40px 26px}
.final h2{margin-top:0}
footer{border-top:1px solid var(--line);padding:30px 0 40px;color:var(--dim);font-size:13.5px}
.fbar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between}
footer b{color:var(--mut)}
/* redes sociales del ecosistema (pie) */
.fsoc{margin-top:20px;border-top:1px dashed rgba(87,217,119,.14);padding-top:20px}
.fsoc .flab{display:block;font-size:11.5px;font-weight:800;letter-spacing:.18em;color:var(--dim);margin-bottom:12px}
.socials{display:flex;gap:9px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(87,217,119,.06);color:var(--mut);font-weight:700;font-size:13.5px;padding:8px 14px 8px 10px;border-radius:99px;transition:.18s}
.socials a:hover{color:var(--ink);border-color:rgba(61,190,75,.45);transform:translateY(-1px)}
.socials svg{width:19px;height:19px;flex:none;display:block}
@media(max-width:920px){.grid{grid-template-columns:repeat(2,1fr)}.card.flag{grid-column:span 2}.steps{grid-template-columns:repeat(2,1fr)}.eco{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .logo .name{font-size:18px}
  .logo .sub{letter-spacing:.16em}
  .grid,.split{grid-template-columns:1fr}.card.flag{grid-column:span 1}
  .hero{padding:52px 0 44px}
  .ctas .btn{flex:1;justify-content:center}
  .node{width:38px;height:38px}
  /* escala móvil intacta (la normalización 100% es solo de escritorio) */
  .hbar{padding-top:13px;padding-bottom:13px}
  .logo .mark{width:38px;height:38px}
  .hero h1{font-size:clamp(40px,7vw,74px);margin:22px auto 8px;max-width:900px}
  .hero .brand{font-size:clamp(21px,3.4vw,30px)}
  .hero p.lead{font-size:clamp(16px,2.2vw,19.5px);margin-top:18px}
  .ctas{margin-top:32px}
  .ctas .btn{padding:15px 30px;font-size:16.5px}
  .chips{margin-top:34px}
  .tree{margin-top:46px}
  section{padding:58px 0 8px}
  h2{font-size:clamp(28px,4.4vw,42px)}
  .sub2{font-size:16.5px}
  .acc h2{font-size:clamp(25px,3.6vw,34px)}
  .final{margin:64px 0 70px;padding:52px 26px}
}
/* ===== FLYXS INMERSIVO (2026-10-15 · órdenes del dueño 12:21 y 12:30) =====
   1) Menú: las palabras de las secciones en BLANCO pleno sobre el fondo
      oscuro; la sección activa se resalta con el degradado de la marca.
   2) Tarjetas de módulo con 3D real: inclinación que sigue el cursor o el
      dedo, brillo que se mueve con la luz y el ícono con profundidad.
   3) Héroe con capas vivas: orbes de color en parallax suave y el árbol
      respirando detrás, sin tapar nada.
   4) Transiciones con vida entre secciones (aparecen al entrar en pantalla).
   5) Interruptor de sonido: micro-sonidos sintetizados (WebAudio) al entrar
      a cada módulo y al tocar Acceder/Unirme. Nace APAGADO: suena solo si
      el usuario lo activa, y su elección se recuerda. */
header .mainnav a.nl{color:#ffffff;font-weight:700;position:relative}
header .mainnav a.nl:hover{color:#ffffff;background:rgba(87,217,119,.13)}
header .mainnav a.nl.act{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}
header .mainnav a.nl.act::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:3px;border-radius:3px;background:var(--grad)}
/* tarjetas 3D */
.tilt{transform-style:preserve-3d}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(430px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.13),transparent 46%);z-index:1}
.tilt.on::after{opacity:1}
.tilt .ic{transform:translateZ(26px)}
.tilt .n{transform:translateZ(20px)}
.tilt h3{transform:translateZ(12px)}
/* héroe con capas */
.hero{position:relative;isolation:isolate}
.fx-orbs{position:absolute;inset:0;pointer-events:none;z-index:-1;will-change:transform}
.fx-orb{position:absolute;border-radius:50%;filter:blur(52px);opacity:.5}
.fx-orb.o1{width:380px;height:380px;left:1%;top:-50px;background:radial-gradient(circle,rgba(61,190,75,.5),transparent 65%);animation:fxdrift 11s ease-in-out infinite}
.fx-orb.o2{width:440px;height:440px;right:-1%;top:20px;background:radial-gradient(circle,rgba(30,139,61,.5),transparent 65%);animation:fxdrift 14s ease-in-out infinite reverse}
.fx-orb.o3{width:230px;height:230px;left:44%;top:255px;background:radial-gradient(circle,rgba(30,139,61,.30),transparent 65%);animation:fxdrift 9s ease-in-out infinite 1.2s}
@keyframes fxdrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(26px,-20px) scale(1.08)}}
.hero .tree{animation:fxbreath 7.5s ease-in-out infinite}
@keyframes fxbreath{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
/* reveal entre secciones */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,.7,.24,1)}
.rv.in{opacity:1;transform:translateY(0)}
/* interruptor de sonido + aviso */
.sndbtn{display:inline-flex;align-items:center;gap:7px;background:rgba(87,217,119,.07);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:9px 13px;font-weight:800;font-size:14px;cursor:pointer;transition:.18s;white-space:nowrap}
.sndbtn:hover{background:rgba(87,217,119,.14)}
.sndbtn[aria-pressed="true"]{background:linear-gradient(92deg,rgba(61,190,75,.25),rgba(30,139,61,.28));border-color:rgba(61,190,75,.5)}
.fx-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(16px);background:#0a0f0a;border:1px solid rgba(61,190,75,.45);color:var(--ink);padding:11px 18px;border-radius:99px;font-weight:700;font-size:14px;box-shadow:0 14px 40px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.3s;z-index:99;max-width:92vw;text-align:center}
.fx-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:700px){.sndbtn{flex:1;justify-content:center;padding:9px 10px;font-size:13.5px}}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .hero .tree,.fx-orb{animation:none!important}
}
/* ================================================================
   FLYXS · DIFERENCIACION DE COMPOSICION (2026-10-16)
   La paleta NO cambia (cian/azul/violeta, pendiente eleccion del
   dueno). Cambia la composicion que lo hacia gemelo: el heroe pasa
   de titular gigante centrado a composicion editorial (texto a la
   izquierda, el arbol en un PANEL DE ALTITUD a la derecha), con
   ruta de vuelo punteada y anillos de altitud como motivos propios.
   Solo se AGREGA esta hoja: todo el contenido queda byte-identico.
   ================================================================ */
.hero{display:grid;grid-template-columns:1.02fr .98fr;column-gap:54px;align-items:center;text-align:left;padding-bottom:52px;border-bottom:1px dashed rgba(87,217,119,.16)}
.hero>*:not(.fx-orbs):not(.tree){grid-column:1}
.hero .eyebrow{justify-self:start}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 340' preserveAspectRatio='none'%3E%3Cpath d='M-20 300 C 260 250, 430 120, 760 130 S 1290 40, 1470 20' fill='none' stroke='%2322d3ee' stroke-opacity='.34' stroke-width='2.4' stroke-dasharray='3 9' stroke-linecap='round'/%3E%3Ccircle cx='430' cy='168' r='5' fill='%2322d3ee' fill-opacity='.55'/%3E%3Ccircle cx='760' cy='130' r='5' fill='%237c3aed' fill-opacity='.7'/%3E%3Ccircle cx='1120' cy='66' r='5' fill='%2322d3ee' fill-opacity='.55'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 340px;background-position:top center}
.hero h1{font-size:clamp(36px,3.8vw,54px);max-width:600px;margin-left:0;margin-right:0}
.hero p.lead{max-width:560px;margin-left:0;margin-right:0}
.hero .ctas{justify-content:flex-start}
.hero .chips{justify-content:flex-start;max-width:580px}
.hero .tree{grid-column:2;grid-row:1/span 8;align-self:center;margin:0;max-width:none;width:100%;padding:38px 30px 28px;border-radius:26px;border:1px solid rgba(61,190,75,.25);background:repeating-radial-gradient(circle at 50% 118%,rgba(61,190,75,.09) 0 1px,transparent 1px 58px),repeating-linear-gradient(180deg,rgba(87,217,119,.05) 0 1px,transparent 1px 58px),linear-gradient(165deg,rgba(17,58,16,.85),rgba(0,0,0,.92));box-shadow:0 34px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
/* ritmo de secciones: resplandores alternados izq/der */
#que-es,#plan,#demos,#ecosistema{background-image:radial-gradient(760px 300px at 12% -4%,rgba(61,190,75,.055),transparent 62%)}
#modulos,#liquidacion,#tienda{background-image:radial-gradient(760px 300px at 88% -4%,rgba(30,139,61,.06),transparent 62%)}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;text-align:center}
  .hero>*{min-width:0}
  .hero .tree .row{flex-wrap:wrap}
  .hero>*:not(.fx-orbs){grid-column:1}
  .hero .tree{grid-column:1;grid-row:auto;margin-top:34px}
  .hero h1{margin-left:auto;margin-right:auto}
  .hero p.lead{margin-left:auto;margin-right:auto}
  .hero .ctas,.hero .chips{justify-content:center}
}
/* ===== TODO CUADRO EXPLICA AL TOCARLO (estándar 2026-10-16 · Fase 1 Flyxs) =====
   Tarjeta/píldora clicable que abre UN panel de explicación bajo su rejilla.
   Si la tarjeta ya es enlace, el botón «¿Qué es?» abre el panel sin romper
   la navegación. Teclado: Enter/Espacio, foco visible. Un panel a la vez. */
[data-expl]{cursor:pointer}
button.rung{font:inherit;color:inherit;text-align:center}
[data-expl]:focus-visible,.fx-qbtn:focus-visible,.fx-sub:focus-visible{outline:3px solid var(--teal2);outline-offset:3px;border-radius:10px}
[data-expl].fx-on{border-color:rgba(61,190,75,.65)!important;box-shadow:0 0 0 2px rgba(61,190,75,.30)}
.fx-qbtn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;background:rgba(61,190,75,.12);border:1px solid rgba(61,190,75,.45);color:var(--teal2);font-weight:800;font-size:13px;padding:7px 13px;border-radius:99px;cursor:pointer;transition:.18s;font-family:inherit}
.fx-qbtn:hover{background:rgba(61,190,75,.22);color:#fff}
.fx-qbtn::before{content:"";font-size:13px}
.step .fx-qbtn,.rung .fx-qbtn{margin-top:10px}
button.fx-sub{font:inherit;font-size:13.5px;font-weight:700;color:inherit;cursor:pointer}
.fx-expl-panel{position:relative;margin-top:16px;background:linear-gradient(120deg,rgba(30,139,61,.16),rgba(30,139,61,.16)),linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(61,190,75,.45);border-radius:var(--r);padding:22px 52px 22px 22px;text-align:left}
.fx-expl-panel h3{font-size:18.5px;font-weight:800;margin-bottom:6px;color:#fff}
.fx-expl-panel p{color:var(--mut);font-size:15.2px;line-height:1.55;max-width:760px}
.fx-expl-panel .fx-expl-link{margin-top:14px;padding:9px 16px;font-size:14px}
.fx-expl-panel .fx-expl-link[hidden]{display:none!important}
.fx-expl-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:rgba(87,217,119,.08);border:1px solid var(--line);color:var(--ink);font-size:15px;cursor:pointer;line-height:1}
.fx-expl-close:hover{background:rgba(87,217,119,.18)}
.fx-expl-close:focus-visible{outline:3px solid var(--teal2);outline-offset:2px}
.fx-rangos-lbl{text-align:center;color:var(--dim);font-size:12px;letter-spacing:.16em;font-weight:800;margin-top:30px}
.ladder.fx-rangos{margin-top:14px}
.ladder.fx-rangos .rung{min-width:96px}
.fx-modos-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
@media(max-width:640px){.fx-expl-panel{padding:20px 46px 20px 18px}.fx-expl-panel p{font-size:14.8px}}
/* ===== TEMA CLARO · INTERRUPTOR sol/luna (2026-10-16 · orden del dueño) =====
   Claro = tema por defecto (2026-10-20); Oscuro = fondo negro, a un toque.
   Claro = fondo hielo/blanco, textos oscuros de contraste pleno y
   la MISMA identidad: la rampa del logotipo cian→teal→violeta en
   su versión profunda, para que se siga leyendo sobre claro. */
.temabtn{display:inline-flex;align-items:center;gap:7px;background:rgba(87,217,119,.07);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:9px 13px;font-weight:800;font-size:14px;cursor:pointer;transition:.18s;white-space:nowrap;font-family:inherit;line-height:1.2}
.temabtn:hover{background:rgba(87,217,119,.14)}
.temabtn:focus-visible{outline:3px solid var(--teal2);outline-offset:2px}
html[data-tema="claro"]{
  --bg:#ffffff; --bg2:#f4faf4;
  --card:#ffffff; --card2:#e9f9ee;
  --ink:#12291a; --mut:#2f5138; --dim:#48755a;
  --teal:#1d7a35; --teal2:#175c2e; --violet:#175c2e; --gold:#175c2e;
  --line:rgba(18,74,39,.18);
  --grad:linear-gradient(92deg,#175c2e 0%,#1d7a35 38%,#175c2e 100%);
}
html[data-tema="claro"] header{background:rgba(255,255,255,.88)}
html[data-tema="claro"] .temabtn{background:rgba(22,130,60,.06)}
html[data-tema="claro"] .temabtn:hover{background:rgba(22,130,60,.12)}
html[data-tema="claro"] header .mainnav a.nl{color:var(--ink)}
html[data-tema="claro"] header .mainnav a.nl:hover{color:var(--ink);background:rgba(22,130,60,.08)}
html[data-tema="claro"] .burger{background:rgba(22,130,60,.06)}
html[data-tema="claro"] .acc .ojito{color:#3c5a44}
html[data-tema="claro"] .btn-gho{background:rgba(22,130,60,.05)}
html[data-tema="claro"] .btn-gho:hover{background:rgba(22,130,60,.11)}
html[data-tema="claro"] .chip{background:#ffffff}
html[data-tema="claro"] .eyebrow{background:rgba(255,255,255,.75)}
html[data-tema="claro"] .card.flag .subs span{background:rgba(255,255,255,.7)}
html[data-tema="claro"] .linkcard{background:#ffffff;box-shadow:0 14px 34px rgba(18,74,39,.10)}
html[data-tema="claro"] .hero .tree{background:repeating-radial-gradient(circle at 50% 118%,rgba(30,139,61,.13) 0 1px,transparent 1px 58px),repeating-linear-gradient(180deg,rgba(30,140,10,.06) 0 1px,transparent 1px 58px),linear-gradient(165deg,#ffffff,#e9ffe6);box-shadow:0 24px 54px rgba(18,74,39,.16),inset 0 1px 0 #ffffff}
html[data-tema="claro"] .sndbtn{background:rgba(22,130,60,.06)}
html[data-tema="claro"] .sndbtn:hover{background:rgba(22,130,60,.12)}
html[data-tema="claro"] .sndbtn[aria-pressed="true"]{background:linear-gradient(92deg,rgba(61,190,75,.30),rgba(30,139,61,.22));border-color:rgba(49,160,10,.5)}
html[data-tema="claro"] .acc form{background:#ffffff}
html[data-tema="claro"] .acc input{background:#ffffff}
html[data-tema="claro"] .acc .msg.err{color:#a81c36}
html[data-tema="claro"] .acc .msg.info,html[data-tema="claro"] .acc .msg.wait{color:#175c2e}
html[data-tema="claro"] .pay .pill.viol{color:#124a27}
html[data-tema="claro"] .fx-expl-panel h3{color:var(--ink)}
html[data-tema="claro"] .fx-qbtn:hover{color:#175c2e}
html[data-tema="claro"] .fx-toast{background:#ffffff;box-shadow:0 14px 40px rgba(18,74,39,.25)}
html[data-tema="claro"] .socials a{background:rgba(22,130,60,.05)}
@media(max-width:700px){.hbtns{flex-wrap:wrap}.hbtns .btn,.hbtns .sndbtn,.temabtn{flex:1 1 42%}.temabtn{justify-content:center;padding:9px 10px;font-size:13.5px}}
/* ===== BRILLO CLARO · energía para las láminas (2026-10-16 · orden del dueño) =====
   Solo tema claro: cada familia con tinte con cuerpo de la rampa del
   logotipo (cian→teal→violeta), acentos saturados, bordes y sombras con
   vida. Contraste pleno medido en QA (cálculo WCAG exacto en el ajuste
   fino). El tema oscuro no se toca. */
html[data-tema="claro"] .card{background:linear-gradient(155deg,rgba(61,190,75,.22),rgba(30,139,61,.13) 46%,rgba(30,139,61,.17));border-color:rgba(42,150,8,.40);box-shadow:0 18px 38px rgba(29,140,8,.17),inset 0 1px 0 rgba(255,255,255,.65)}
html[data-tema="claro"] .card:hover{box-shadow:0 24px 46px rgba(18,74,39,.23),inset 0 1px 0 rgba(255,255,255,.65)}
html[data-tema="claro"] .card .ic{background:linear-gradient(135deg,#38b208,#1d7a35 45%,#175c2e);box-shadow:0 9px 20px rgba(34,140,9,.38),inset 0 1px 0 rgba(255,255,255,.4)}
html[data-tema="claro"] .card.flag .subs span{background:rgba(30,139,61,.18);border-color:rgba(42,150,8,.42)}
html[data-tema="claro"] .chip{background:linear-gradient(150deg,rgba(61,190,75,.20),rgba(30,139,61,.15));border-color:rgba(42,150,8,.38);box-shadow:0 8px 20px rgba(29,140,8,.12)}
html[data-tema="claro"] .eyebrow{background:rgba(61,190,75,.20);border-color:rgba(42,150,8,.40)}
html[data-tema="claro"] .linkcard{background:linear-gradient(155deg,rgba(61,190,75,.20),rgba(30,139,61,.12) 48%,rgba(30,139,61,.16));border-color:rgba(42,150,8,.40);box-shadow:0 18px 38px rgba(29,140,8,.17)}
html[data-tema="claro"] .fx-qbtn{background:rgba(30,139,61,.18);border-color:rgba(42,150,8,.5);color:#175c2e}
html[data-tema="claro"] .fx-qbtn:hover{background:rgba(30,139,61,.30);color:#246b06}
html[data-tema="claro"] .fx-expl-panel{background:linear-gradient(150deg,rgba(61,190,75,.20),rgba(30,139,61,.14)),linear-gradient(180deg,#ffffff,#ffffff);border-color:rgba(42,150,8,.45);box-shadow:0 20px 44px rgba(29,140,8,.20)}
html[data-tema="claro"] .acc form{box-shadow:0 24px 54px rgba(18,74,39,.20),0 0 0 2px rgba(22,101,52,.35)}
/* Instancias (tienda): identidad con cuerpo por nivel */
html[data-tema="claro"] .tier:nth-child(1){background:linear-gradient(160deg,rgba(45,212,191,.34),rgba(61,190,75,.16) 58%,rgba(255,255,255,.35));border-color:rgba(13,148,136,.55)}
html[data-tema="claro"] .tier:nth-child(2){background:linear-gradient(150deg,rgba(61,190,75,.32),rgba(30,139,61,.18) 45%,rgba(30,139,61,.26));border-color:rgba(40,217,92,.50)}
html[data-tema="claro"] .tier:nth-child(3){background:linear-gradient(160deg,rgba(139,250,164,.36),rgba(30,139,61,.18) 55%,rgba(61,190,75,.14));border-color:rgba(40,217,92,.50)}
html[data-tema="claro"] .tier:nth-child(1) .ic{background:linear-gradient(135deg,#1e8b3d,#38b208)}
html[data-tema="claro"] .tier:nth-child(3) .ic{background:linear-gradient(135deg,#1d7a35,#175c2e)}
html[data-tema="claro"] .tier .price{background:rgba(255,255,255,.55);border-color:rgba(29,122,53,.50)}
/* Pasarela: píldoras con cuerpo, texto blanco sobre saturado */
html[data-tema="claro"] .pay .pill{background:#175c2e;color:#fff;border-color:transparent}
html[data-tema="claro"] .pay .pill.gold{background:linear-gradient(92deg,#175c2e,#175c2e);color:#fff;border-color:transparent}
html[data-tema="claro"] .pay .pill.viol{background:#175c2e;color:#fff;border-color:transparent}
/* Pasos y modos: acentos con presencia */
html[data-tema="claro"] .step .n{box-shadow:0 9px 20px rgba(22,101,52,.40)}
html[data-tema="claro"] .mode .tag{background:#175c2e;color:#fff;border-color:transparent}
/* Ecosistema: cada plataforma con su color (tinte claro, disco saturado) */
html[data-tema="claro"] #ecosistema .card:nth-child(1){background:linear-gradient(160deg,rgba(61,190,75,.24),rgba(29,122,53,.10) 60%,rgba(255,255,255,.30))}
html[data-tema="claro"] #ecosistema .card:nth-child(2){background:linear-gradient(160deg,rgba(139,250,164,.34),rgba(30,139,61,.14) 60%,rgba(255,255,255,.30))}
html[data-tema="claro"] #ecosistema .card:nth-child(3){background:linear-gradient(160deg,rgba(251,146,60,.32),rgba(244,114,182,.14) 60%,rgba(255,255,255,.30))}
html[data-tema="claro"] #ecosistema .card:nth-child(4){background:linear-gradient(160deg,rgba(251,191,36,.34),rgba(245,158,11,.14) 60%,rgba(255,255,255,.30))}
html[data-tema="claro"] #ecosistema .card:nth-child(5){background:linear-gradient(160deg,rgba(52,211,153,.30),rgba(16,185,129,.12) 60%,rgba(255,255,255,.30))}
html[data-tema="claro"] #ecosistema .card:nth-child(6){background:linear-gradient(160deg,rgba(61,190,75,.34),rgba(30,139,61,.16) 55%,rgba(30,139,61,.16))}
html[data-tema="claro"] #ecosistema .card:nth-child(7){background:linear-gradient(160deg,rgba(251,113,133,.30),rgba(220,60,20,.12) 60%,rgba(255,255,255,.30))}
html[data-tema="claro"] #ecosistema .card:nth-child(8){background:linear-gradient(160deg,rgba(163,230,53,.32),rgba(132,204,22,.13) 60%,rgba(255,255,255,.30))}
html[data-tema="claro"] #ecosistema .card:nth-child(1) .ic{background:linear-gradient(135deg,#1d7a35,#1d7a35)}
html[data-tema="claro"] #ecosistema .card:nth-child(2) .ic{background:linear-gradient(135deg,#1d7a35,#175c2e)}
html[data-tema="claro"] #ecosistema .card:nth-child(3) .ic{background:linear-gradient(135deg,#db2777,#db2777)}
html[data-tema="claro"] #ecosistema .card:nth-child(4) .ic{background:linear-gradient(135deg,#d97706,#b45309)}
html[data-tema="claro"] #ecosistema .card:nth-child(5) .ic{background:linear-gradient(135deg,#059669,#047857)}
html[data-tema="claro"] #ecosistema .card:nth-child(7) .ic{background:linear-gradient(135deg,#e11d48,#be123c)}
html[data-tema="claro"] #ecosistema .card:nth-child(8) .ic{background:linear-gradient(135deg,#65a30d,#4d7c0f)}
/* Ajuste fino de contraste (QA 2026-10-16, cálculo WCAG exacto):
   cuerpo de tarjeta #33732c ≈7.4:1 · precio #175c2e ≈7.8:1. */
html[data-tema="claro"] .card p{color:#175c2e}
html[data-tema="claro"] .tier .price b{color:#175c2e}
/* ===== ECOSISTEMA · CADA PLATAFORMA CON SU COLOR TRANSPARENTE (2026-10-17 · orden del dueño) =====
   Cada tarjeta de #ecosistema con SU tinte translúcido, borde e icono en su
   tono y respuesta al tacto en su color — ningún tono se repite entre vecinas.
   Oscuro (nativo): el tinte se construye aquí. Claro: los fondos por tarjeta
   ya vivían en #fx-tema; aquí se suman el borde y el tacto en su color.
   Contrastes WCAG medidos y tabulados en la constancia de este frente. */
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-seix"]{background:linear-gradient(160deg,rgba(61,190,75,.22),rgba(61,190,75,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(61,190,75,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-seix"]:hover{border-color:rgba(61,190,75,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(61,190,75,.35),0 0 22px rgba(61,190,75,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-seix"] .ic{background:rgba(61,190,75,.18);color:#a0fd93;box-shadow:inset 0 0 0 1px rgba(61,190,75,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-seix"] .fx-qbtn{background:rgba(61,190,75,.12);border-color:rgba(61,190,75,.5);color:#a0fd93}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-seix"] .fx-qbtn:hover{background:rgba(61,190,75,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-seix"]{border-color:rgba(61,190,75,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-seix"]:hover{border-color:rgba(61,190,75,.85);box-shadow:0 24px 46px rgba(17,110,8,.18),0 0 0 1px rgba(61,190,75,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-seix"].fx-on{border-color:rgba(61,190,75,.9)!important;box-shadow:0 0 0 2px rgba(61,190,75,.5),0 0 26px rgba(61,190,75,.25)!important}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-en5cronia"]{background:linear-gradient(160deg,rgba(92,246,131,.22),rgba(92,246,131,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(92,246,131,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-en5cronia"]:hover{border-color:rgba(219,39,119,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(219,39,119,.35),0 0 22px rgba(219,39,119,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-en5cronia"] .ic{background:rgba(219,39,119,.18);color:#f9a8d4;box-shadow:inset 0 0 0 1px rgba(219,39,119,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-en5cronia"] .fx-qbtn{background:rgba(219,39,119,.12);border-color:rgba(219,39,119,.5);color:#f9a8d4}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-en5cronia"] .fx-qbtn:hover{background:rgba(219,39,119,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-en5cronia"]{border-color:rgba(219,39,119,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-en5cronia"]:hover{border-color:rgba(219,39,119,.85);box-shadow:0 24px 46px rgba(18,74,39,.18),0 0 0 1px rgba(219,39,119,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-en5cronia"].fx-on{border-color:rgba(219,39,119,.9)!important;box-shadow:0 0 0 2px rgba(219,39,119,.5),0 0 26px rgba(219,39,119,.25)!important}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-playiagent"]{background:linear-gradient(160deg,rgba(251,111,71,.22),rgba(251,111,71,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(251,111,71,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-playiagent"]:hover{border-color:rgba(251,111,71,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(251,111,71,.35),0 0 22px rgba(251,111,71,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-playiagent"] .ic{background:rgba(251,111,71,.18);color:#ffb59d;box-shadow:inset 0 0 0 1px rgba(251,111,71,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-playiagent"] .fx-qbtn{background:rgba(251,111,71,.12);border-color:rgba(251,111,71,.5);color:#ffb59d}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-playiagent"] .fx-qbtn:hover{background:rgba(251,111,71,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-playiagent"]{border-color:rgba(251,111,71,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-playiagent"]:hover{border-color:rgba(251,111,71,.85);box-shadow:0 24px 46px rgba(18,74,39,.18),0 0 0 1px rgba(251,111,71,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-playiagent"].fx-on{border-color:rgba(251,111,71,.9)!important;box-shadow:0 0 0 2px rgba(251,111,71,.5),0 0 26px rgba(251,111,71,.25)!important}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-anticrisis"]{background:linear-gradient(160deg,rgba(245,158,11,.22),rgba(245,158,11,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(245,158,11,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-anticrisis"]:hover{border-color:rgba(245,158,11,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(245,158,11,.35),0 0 22px rgba(245,158,11,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-anticrisis"] .ic{background:rgba(245,158,11,.18);color:#fcd34d;box-shadow:inset 0 0 0 1px rgba(245,158,11,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-anticrisis"] .fx-qbtn{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.5);color:#fcd34d}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-anticrisis"] .fx-qbtn:hover{background:rgba(245,158,11,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-anticrisis"]{border-color:rgba(245,158,11,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-anticrisis"]:hover{border-color:rgba(245,158,11,.85);box-shadow:0 24px 46px rgba(18,74,39,.18),0 0 0 1px rgba(245,158,11,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-anticrisis"].fx-on{border-color:rgba(245,158,11,.9)!important;box-shadow:0 0 0 2px rgba(245,158,11,.5),0 0 26px rgba(245,158,11,.25)!important}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-emprenderte"]{background:linear-gradient(160deg,rgba(16,185,129,.22),rgba(16,185,129,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(16,185,129,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-emprenderte"]:hover{border-color:rgba(16,185,129,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(16,185,129,.35),0 0 22px rgba(16,185,129,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-emprenderte"] .ic{background:rgba(16,185,129,.18);color:#6ee7b7;box-shadow:inset 0 0 0 1px rgba(16,185,129,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-emprenderte"] .fx-qbtn{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.5);color:#6ee7b7}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-emprenderte"] .fx-qbtn:hover{background:rgba(16,185,129,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-emprenderte"]{border-color:rgba(16,185,129,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-emprenderte"]:hover{border-color:rgba(16,185,129,.85);box-shadow:0 24px 46px rgba(18,74,39,.18),0 0 0 1px rgba(16,185,129,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-emprenderte"].fx-on{border-color:rgba(16,185,129,.9)!important;box-shadow:0 0 0 2px rgba(16,185,129,.5),0 0 26px rgba(16,185,129,.25)!important}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-flyxs"]{background:linear-gradient(160deg,rgba(61,190,75,.22),rgba(61,190,75,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(61,190,75,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-flyxs"]:hover{border-color:rgba(61,190,75,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(61,190,75,.35),0 0 22px rgba(61,190,75,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-flyxs"] .ic{background:rgba(61,190,75,.18);color:#95f967;box-shadow:inset 0 0 0 1px rgba(61,190,75,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-flyxs"] .fx-qbtn{background:rgba(61,190,75,.12);border-color:rgba(61,190,75,.5);color:#95f967}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-flyxs"] .fx-qbtn:hover{background:rgba(61,190,75,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-flyxs"]{border-color:rgba(61,190,75,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-flyxs"]:hover{border-color:rgba(61,190,75,.85);box-shadow:0 24px 46px rgba(17,110,8,.18),0 0 0 1px rgba(61,190,75,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-flyxs"].fx-on{border-color:rgba(61,190,75,.9)!important;box-shadow:0 0 0 2px rgba(61,190,75,.5),0 0 26px rgba(61,190,75,.25)!important}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-mcs"]{background:linear-gradient(160deg,rgba(244,63,94,.22),rgba(244,63,94,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(244,63,94,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-mcs"]:hover{border-color:rgba(220,60,20,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(220,60,20,.35),0 0 22px rgba(220,60,20,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-mcs"] .ic{background:rgba(220,60,20,.18);color:#fed7aa;box-shadow:inset 0 0 0 1px rgba(220,60,20,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-mcs"] .fx-qbtn{background:rgba(220,60,20,.12);border-color:rgba(220,60,20,.5);color:#fed7aa}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-mcs"] .fx-qbtn:hover{background:rgba(220,60,20,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-mcs"]{border-color:rgba(220,60,20,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-mcs"]:hover{border-color:rgba(220,60,20,.85);box-shadow:0 24px 46px rgba(18,74,39,.18),0 0 0 1px rgba(220,60,20,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-mcs"].fx-on{border-color:rgba(220,60,20,.9)!important;box-shadow:0 0 0 2px rgba(220,60,20,.5),0 0 26px rgba(220,60,20,.25)!important}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-pets"]{background:linear-gradient(160deg,rgba(132,204,22,.22),rgba(132,204,22,.06) 62%),linear-gradient(180deg,#0d140e,#0a0f0a);border-color:rgba(132,204,22,.48)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-pets"]:hover{border-color:rgba(132,204,22,.82);box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 1px rgba(132,204,22,.35),0 0 22px rgba(132,204,22,.16)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-pets"] .ic{background:rgba(132,204,22,.18);color:#bef264;box-shadow:inset 0 0 0 1px rgba(132,204,22,.38)}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-pets"] .fx-qbtn{background:rgba(132,204,22,.12);border-color:rgba(132,204,22,.5);color:#bef264}
html:not([data-tema="claro"]) #ecosistema .card[data-expl="eco-pets"] .fx-qbtn:hover{background:rgba(132,204,22,.26);color:#fff}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-pets"]{border-color:rgba(132,204,22,.55)}
html[data-tema="claro"] #ecosistema .card[data-expl="eco-pets"]:hover{border-color:rgba(132,204,22,.85);box-shadow:0 24px 46px rgba(18,74,39,.18),0 0 0 1px rgba(132,204,22,.4),inset 0 1px 0 rgba(255,255,255,.65)}
#ecosistema .card[data-expl="eco-pets"].fx-on{border-color:rgba(132,204,22,.9)!important;box-shadow:0 0 0 2px rgba(132,204,22,.5),0 0 26px rgba(132,204,22,.25)!important}
/* ===== EL PLAN · color transparente por nivel (orden del dueño 2026-10-16) =====
   Cada nivel con SU color en vidrio translúcido y claro sobre el fondo.
   Contrastes medidos (WCAG) por tarjeta y tema: nombres 9.6–13.7:1,
   cifras 4.8–7.6:1, etiquetas 5.5–8.2:1 — detalle en el script de la pasada. */
#plan .ladder:not(.fx-rangos) .rung{--rc:142,255,140;--num:var(--gold);background:linear-gradient(180deg,rgba(var(--rc),.24),rgba(var(--rc),.13));border-color:rgba(var(--rc),.50)}
#plan .ladder:not(.fx-rangos) .rung:hover{border-color:rgba(var(--rc),.9)}
#plan .ladder:not(.fx-rangos) .rung span{color:var(--num)}
#plan .ladder:not(.fx-rangos) .rung small{color:#3dbe4b}
#plan .ladder:not(.fx-rangos) .rung[data-expl="first"]{--rc:47,180,87;--num:#57d977}
#plan .ladder:not(.fx-rangos) .rung[data-expl="capsula"]{--rc:15,191,168;--num:#2dd4bf}
#plan .ladder:not(.fx-rangos) .rung[data-expl="nucleo-nivel"]{--rc:67,194,10;--num:#3dbe4b}
#plan .ladder:not(.fx-rangos) .rung[data-expl="matriz"]{--rc:61,190,75;--num:#57d977}
#plan .ladder:not(.fx-rangos) .rung[data-expl="modulo-nivel"]{--rc:74,217,79;--num:#57d977}
#plan .ladder:not(.fx-rangos) .rung[data-expl="estrella"]{--rc:87,217,119;--num:#57d977}
#plan .ladder:not(.fx-rangos) .rung[data-expl="galaxia"]{--rc:54,168,152;--num:#41b18b}
#plan .ladder:not(.fx-rangos) .rung[data-expl="universo"]{--rc:37,148,161;--num:#4fb3c4}
#plan .ladder:not(.fx-rangos) .rung[data-expl="master-nivel"]{--rc:214,51,127;--num:#f472b6}
#plan .ladder:not(.fx-rangos) .rung[data-expl="gold"]{--rc:201,162,39;--num:#fbbf24}
#plan .ladder:not(.fx-rangos) .rung[data-expl="zafiro"]{--rc:29,186,15;--num:#57d977}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung{background:linear-gradient(180deg,rgba(var(--rc),.28),rgba(var(--rc),.16));border-color:rgba(var(--rc),.55)}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung small{color:#175c2e}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="first"]{--num:#124a27}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="capsula"]{--num:#124a27}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="nucleo-nivel"]{--num:#175c2e}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="matriz"]{--num:#175c2e}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="modulo-nivel"]{--num:#175c2e}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="estrella"]{--num:#124a27}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="galaxia"]{--num:#186b68}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="universo"]{--num:#114e70}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="master-nivel"]{--num:#9d174d}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="gold"]{--num:#78350f}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="zafiro"]{--num:#124a27}
html[data-tema="claro"] #plan .ladder:not(.fx-rangos) .rung[data-expl="zafiro"] em{color:#124a27}
/* ===== ISOTIPOS PROFESIONALES (2026-10-16): sistema vectorial SVG de línea —
   sustituye a los emojis-icono del público. La píldora «¿Qué es?» dibuja su
   bombilla como máscara vectorial en currentColor (el acento de la píldora). */
.fxi{flex:none;vertical-align:-.16em}
.ic .fxi{vertical-align:0}
.fx-expl-title .fxi{vertical-align:-.22em;margin-right:.35em}
.fx-qbtn::before{content:"";width:15px;height:15px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M12 2a7 7 0 0 0-4.9 12c.6.5.9 1.2.9 2h8c0-.8.3-1.5.9-2A7 7 0 0 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M12 2a7 7 0 0 0-4.9 12c.6.5.9 1.2.9 2h8c0-.8.3-1.5.9-2A7 7 0 0 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat}
/* ===== FLYXS MÁS VIVA + PLAN EN CAMINOS (2026-10-17 · orden del dueño) =====
   (a) Capa de color global: la identidad Flyxs — cian→teal→violeta — se
   intensifica en saturación y luz, sin sustituirla ni copiar paletas ajenas.
   Los colores propios ya asignados NO se tocan: mundos del #ecosistema
   (fx-eco-colores), escalera de niveles (plan-dinamico/plan-niveles) y
   acentos --pc de plantillas/calculadora conservan los suyos.
   (b) .fxvp: la presentación del plan en caminos + tabla comparativa
   interactiva dentro de #plan.
   Contrastes WCAG calculados y tabulados en la constancia del frente:
   todo texto nuevo o modificado >= 4,5:1 en claro y en oscuro. */

/* ---------- (a) COLOR GLOBAL · OSCURO (tema nativo) ---------- */
:root{--grad:linear-gradient(92deg,#57d977 0%,#3dbe4b 38%,#1e8b3d 100%);--grad-btn:linear-gradient(92deg,#1d7a35 0%,#175c2e 58%,#124a27 100%)}
.bgfx{background:radial-gradient(720px 420px at 12% -6%,rgba(30,139,61,.20),transparent 60%),radial-gradient(820px 520px at 88% 4%,rgba(61,190,75,.20),transparent 60%),radial-gradient(760px 520px at 84% 98%,rgba(251,146,60,.16),transparent 62%),radial-gradient(900px 700px at 50% 108%,rgba(30,139,61,.14),transparent 62%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
.btn-pri{background:var(--grad-btn);box-shadow:0 8px 26px rgba(29,122,53,.45)}
.btn-pri:hover{box-shadow:0 12px 32px rgba(29,122,53,.50)}
.step .n{background:var(--grad-btn);box-shadow:0 8px 20px rgba(29,122,53,.40)}
html:not([data-tema="claro"]) .kick{color:#57d977}
html:not([data-tema="claro"]) .eyebrow{color:#57d977;border-color:rgba(61,190,75,.45);background:rgba(61,190,75,.10)}
.card:hover{border-color:rgba(61,190,75,.55);box-shadow:0 18px 42px rgba(0,0,0,.40),0 0 26px rgba(61,190,75,.13)}
.card .ic{background:linear-gradient(135deg,rgba(61,190,75,.30),rgba(30,139,61,.30));box-shadow:inset 0 0 0 1px rgba(61,190,75,.35)}
.chip{border-color:rgba(61,190,75,.35);background:linear-gradient(150deg,rgba(61,190,75,.14),rgba(30,139,61,.12)),rgba(18,74,39,.72)}
.node{box-shadow:0 0 0 3px rgba(61,190,75,.30),0 8px 22px rgba(0,0,0,.40),0 0 18px rgba(61,190,75,.35)}
.node.v{box-shadow:0 0 0 3px rgba(30,139,61,.32),0 8px 22px rgba(0,0,0,.40),0 0 18px rgba(30,139,61,.35)}
.node.g{box-shadow:0 0 0 3px rgba(61,190,75,.32),0 8px 22px rgba(0,0,0,.40),0 0 18px rgba(30,139,61,.35)}
.codeband{border-color:rgba(61,190,75,.48)}
.acc{border-color:rgba(61,190,75,.48)}
.tier.hot{border-color:rgba(61,190,75,.60)}
header .logo .mark{box-shadow:0 6px 24px rgba(30,139,61,.65)}
/* ---------- (a) COLOR GLOBAL · CLARO ---------- */
html[data-tema="claro"]{--grad:linear-gradient(92deg,#175c2e 0%,#1d7a35 38%,#1e8b3d 100%)}
html[data-tema="claro"] .bgfx{background:
  radial-gradient(720px 420px at 12% -6%,rgba(61,190,75,.20),transparent 60%),
  radial-gradient(820px 520px at 88% 4%,rgba(30,139,61,.24),transparent 60%),
  radial-gradient(900px 700px at 50% 108%,rgba(30,139,61,.15),transparent 62%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
html[data-tema="claro"] .card{background:linear-gradient(155deg,rgba(61,190,75,.30),rgba(30,139,61,.18) 46%,rgba(30,139,61,.24));border-color:rgba(29,122,53,.48)}
html[data-tema="claro"] .eyebrow{background:rgba(61,190,75,.30);border-color:rgba(29,122,53,.48)}
html[data-tema="claro"] .chip{background:linear-gradient(150deg,rgba(61,190,75,.28),rgba(30,139,61,.22));border-color:rgba(29,122,53,.45)}

/* ---------- (b) EL PLAN EN CAMINOS · #plan ---------- */
.fxvp{margin:46px auto 0;max-width:1040px;text-align:left}
.fxvp-kick{text-align:center;color:var(--teal2);font-weight:800;letter-spacing:.2em;font-size:12.5px}
.fxvp-t{font-size:clamp(23px,3.2vw,30px);font-weight:900;text-align:center;line-height:1.15;margin-top:10px}
.fxvp-sub{color:var(--mut);text-align:center;max-width:760px;margin:13px auto 0;font-size:15.5px;line-height:1.6}
.fxvp-sub b{color:var(--ink)}
.fxvp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
@media(max-width:1080px){.fxvp-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.fxvp-cards{grid-template-columns:1fr}}
.fxvp-card{position:relative;cursor:pointer;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px 22px;background:linear-gradient(180deg,var(--card2),var(--card));transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}
.fxvp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pcv)}
.fxvp-card:hover{transform:translateY(-3px);border-color:var(--pcvs)}
.fxvp-card:focus-visible{outline:2px solid var(--pcvs);outline-offset:2px}
.fxvp-card.fxvp-on{border-color:var(--pcvs);box-shadow:0 0 0 2px var(--pcvs),0 18px 42px rgba(0,0,0,.35)}
.fxvp-card[data-camino="demo"]{--pcv:#3dbe4b;--pcvs:#3dbe4b}
.fxvp-card[data-camino="licencia"]{--pcv:#57d977;--pcvs:#57d977}
.fxvp-card[data-camino="dominio"]{--pcv:linear-gradient(92deg,#3dbe4b,#1d7a35);--pcvs:#57d977}
.fxvp-card[data-camino="codigo"]{--pcv:linear-gradient(92deg,#abfcd5,#1e8b3d);--pcvs:#79f9bc}
html[data-tema="claro"] .fxvp-card[data-camino="demo"]{--pcvs:#175c2e}
html[data-tema="claro"] .fxvp-card[data-camino="licencia"]{--pcvs:#175c2e}
html[data-tema="claro"] .fxvp-card[data-camino="dominio"]{--pcvs:#1d7a35}
html[data-tema="claro"] .fxvp-card[data-camino="codigo"]{--pcvs:#1d7a35}
.fxvp-badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#fff;padding:5px 11px;border-radius:99px;background:#1d7a35}
.fxvp-card[data-camino="licencia"] .fxvp-badge{background:#175c2e}
.fxvp-card[data-camino="dominio"] .fxvp-badge{background:var(--grad-btn)}
.fxvp-card[data-camino="codigo"] .fxvp-badge{background:#1e8b3d}
.fxvp-card h4{font-size:20px;font-weight:900;margin:13px 0 2px;color:var(--ink)}
.fxvp-price{font-size:29px;font-weight:900;color:var(--pcvs);line-height:1.2;margin-top:6px}
.fxvp-price small{display:block;font-size:13px;font-weight:700;color:var(--mut);letter-spacing:.02em;margin-top:3px}
.fxvp-card p.fxvp-d{color:var(--mut);font-size:14.6px;line-height:1.6;margin-top:11px}
.fxvp-pick{display:inline-block;margin-top:15px;font-size:13px;font-weight:800;color:var(--pcvs)}
.fxvp-note{margin-top:18px;border:1px dashed rgba(61,190,75,.50);border-radius:12px;padding:12px 16px;text-align:center;color:var(--mut);font-size:14.5px;line-height:1.6;background:rgba(61,190,75,.05)}
.fxvp-note b{color:var(--ink)}
html[data-tema="claro"] .fxvp-note{border-color:rgba(42,150,8,.5);background:rgba(61,190,75,.10)}
.fxvp-twrap{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:var(--r)}
.fxvp-table{width:100%;min-width:940px;border-collapse:collapse;background:linear-gradient(180deg,var(--card2),var(--card))}
.fxvp-table th,.fxvp-table td{padding:12px 14px;font-size:14.2px;line-height:1.45;border-bottom:1px solid var(--line);vertical-align:middle}
.fxvp-table thead th{font-size:12.5px;letter-spacing:.09em;font-weight:900;text-align:center;color:var(--ink);background:rgba(87,217,119,.05)}
.fxvp-table thead th:first-child{text-align:left;font-size:11.5px;color:var(--dim);letter-spacing:.13em}
.fxvp-table th[data-colh="1"]{border-top:3px solid #3dbe4b}
.fxvp-table th[data-colh="2"]{border-top:3px solid #57d977}
.fxvp-table th[data-colh="3"]{border-top:3px solid #3dbe4b}
.fxvp-table th[data-colh="4"]{border-top:3px solid #1e8b3d}
.fxvp-table td[data-c]{text-align:center}
.fxvp-table td.fxvp-f{font-weight:750;color:var(--ink)}
.fxvp-table tbody tr{cursor:pointer;transition:background .2s}
.fxvp-table tbody tr:hover{background:rgba(87,217,119,.05)}
.fxvp-table tbody tr:focus-visible{outline:2px solid var(--teal2);outline-offset:-2px}
.fxvp-table tbody tr.fxvp-rowon{background:rgba(61,190,75,.08);box-shadow:inset 3px 0 0 var(--teal2)}
.fxvp-table[data-colsel="1"] td[data-c="1"],.fxvp-table[data-colsel="1"] th[data-colh="1"]{background:rgba(61,190,75,.13)}
.fxvp-table[data-colsel="2"] td[data-c="2"],.fxvp-table[data-colsel="2"] th[data-colh="2"]{background:rgba(30,139,61,.16)}
.fxvp-table[data-colsel="3"] td[data-c="3"],.fxvp-table[data-colsel="3"] th[data-colh="3"]{background:rgba(61,190,75,.14)}
.fxvp-table[data-colsel="4"] td[data-c="4"],.fxvp-table[data-colsel="4"] th[data-colh="4"]{background:rgba(30,139,61,.13)}
html[data-tema="claro"] .fxvp-table[data-colsel="1"] td[data-c="1"],html[data-tema="claro"] .fxvp-table[data-colsel="1"] th[data-colh="1"]{background:rgba(61,190,75,.20)}
html[data-tema="claro"] .fxvp-table[data-colsel="2"] td[data-c="2"],html[data-tema="claro"] .fxvp-table[data-colsel="2"] th[data-colh="2"]{background:rgba(30,139,61,.13)}
html[data-tema="claro"] .fxvp-table[data-colsel="3"] td[data-c="3"],html[data-tema="claro"] .fxvp-table[data-colsel="3"] th[data-colh="3"]{background:rgba(61,190,75,.13)}
html[data-tema="claro"] .fxvp-table[data-colsel="4"] td[data-c="4"],html[data-tema="claro"] .fxvp-table[data-colsel="4"] th[data-colh="4"]{background:rgba(30,139,61,.12)}
.fxvp-ok{color:var(--teal2);font-weight:900;font-size:17px}
html[data-tema="claro"] .fxvp-ok{color:#175c2e}
.fxvp-no{color:var(--dim);font-weight:700}
.fxvp-q{display:block;font-size:11px;color:var(--dim);font-weight:700;margin-top:2px}
.fxvp-expl{margin-top:16px;background:linear-gradient(120deg,rgba(30,139,61,.16),rgba(30,139,61,.16)),linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(61,190,75,.45);border-radius:var(--r);padding:20px 22px}
.fxvp-expl h4{font-size:16.5px;font-weight:900;color:var(--ink);margin-bottom:5px}
.fxvp-expl p{color:var(--mut);font-size:14.8px;line-height:1.6}
html[data-tema="claro"] .fxvp-expl{background:linear-gradient(150deg,rgba(61,190,75,.20),rgba(30,139,61,.14)),linear-gradient(180deg,#ffffff,#ffffff);border-color:rgba(42,150,8,.45)}
.fxvp-calc-cta{text-align:center;margin-top:22px}
@media(prefers-reduced-motion:reduce){
  .fxvp *,.fxvp *::before,.fxvp *::after{transition:none!important;animation:none!important}
}
/* =====================================================================
   FLYXS VIVA · COLORES QUE SUPERAN (capa final, 2026-10-17 18:34 ET)
   Receta de la referencia (acento de croma alto sobre superficie limpia)
   llevada un nivel más con la identidad de la empresa cian->violeta:
   croma al máximo en claro y oscuro + DINÁMICA que ellos no tienen
   (degradados que fluyen, halos que respiran, brillo al tacto).
   Contrastes calculados muestreados sobre el degradado COMPLETO:
   --grad oscuro >= 4,68:1 · --grad claro >= 4,59:1 ·
   blanco sobre --grad-btn >= 5,01:1 en TODAS las fases de la animación.
   ===================================================================== */
:root{--grad:linear-gradient(92deg,#57d977 0%,#3dbe4b 38%,#1e8b3d 100%);--grad-btn:linear-gradient(92deg,#1d7a35 0%,#175c2e 58%,#124a27 100%)}
@keyframes fxv-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes fxv-respira{from{filter:brightness(1) saturate(1.05)}to{filter:brightness(1.15) saturate(1.32)}}
/* fondos: halos con más energía + respiración lenta */
.bgfx{background:
  radial-gradient(720px 420px at 12% -6%,rgba(61,190,75,.34),transparent 60%),
  radial-gradient(820px 520px at 88% 4%,rgba(30,139,61,.40),transparent 60%),
  radial-gradient(900px 700px at 50% 108%,rgba(30,139,61,.26),transparent 62%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);
  animation:fxv-respira 9s ease-in-out infinite alternate}
/* botones principales: el degradado FLUYE */
.btn-pri{background:var(--grad-btn);background-size:220% 220%;animation:fxv-flow 7s ease-in-out infinite alternate;box-shadow:0 8px 28px rgba(29,122,53,.50),0 0 22px rgba(30,139,61,.28)}
.btn-pri:hover{box-shadow:0 12px 34px rgba(154,52,18,.55),0 0 30px rgba(61,190,75,.30)}
.step .n{background:var(--grad-btn);background-size:220% 220%;animation:fxv-flow 7s ease-in-out infinite alternate}
/* titulares con degradado: también fluyen */
.hero h1 .g,.hero .brand span,.logo .name b,.big70 b{background-size:200% 100%;animation:fxv-flow 9s ease-in-out infinite alternate}
/* acentos del héroe y secciones (oscuro) */
html:not([data-tema="claro"]) .kick{color:#57d977}
html:not([data-tema="claro"]) .eyebrow{color:#57d977;border-color:rgba(61,190,75,.55);background:rgba(61,190,75,.12)}
/* árbol del héroe: nodos con más croma y halo */
.node{background:linear-gradient(145deg,#57d977,#3bcc00);box-shadow:0 0 0 3px rgba(61,190,75,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(61,190,75,.45)}
.node.v{background:linear-gradient(145deg,#57d977,#124a27);box-shadow:0 0 0 3px rgba(87,217,119,.38),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(87,217,119,.45)}
.node.g{background:linear-gradient(145deg,#1e8b3d,#1d7a35);box-shadow:0 0 0 3px rgba(61,190,75,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(87,217,119,.45)}
/* tarjetas: capa de brillo que barre al tacto */
.card{background:linear-gradient(115deg,transparent 42%,rgba(61,190,75,.13) 50%,transparent 58%) 0% 0/260% 100% no-repeat,linear-gradient(180deg,var(--card2),var(--card));transition:background-position .9s ease,transform .18s,border-color .18s,box-shadow .18s}
.card:hover{background-position:100% 0,0 0;border-color:rgba(61,190,75,.60)}
/* ---------- CLARO: tan vivo como su mejor versión ---------- */
html[data-tema="claro"]{--grad:linear-gradient(92deg,#25a502 0%,#124a27 55%,#1caf6c 100%)}
html[data-tema="claro"] .bgfx{background:
  radial-gradient(720px 420px at 12% -6%,rgba(61,190,75,.30),transparent 60%),
  radial-gradient(820px 520px at 88% 4%,rgba(30,139,61,.36),transparent 60%),
  radial-gradient(900px 700px at 50% 108%,rgba(30,139,61,.22),transparent 62%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
html[data-tema="claro"] .card{background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%) 0% 0/260% 100% no-repeat,linear-gradient(155deg,rgba(61,190,75,.34),rgba(30,139,61,.20) 46%,rgba(30,139,61,.30));border-color:rgba(22,101,52,.50)}
html[data-tema="claro"] .card:hover{background-position:100% 0,0 0}
html[data-tema="claro"] .chip{background:linear-gradient(150deg,rgba(61,190,75,.34),rgba(251,146,60,.22));border-color:rgba(22,101,52,.55)}
html[data-tema="claro"] .eyebrow{background:rgba(61,190,75,.34);border-color:rgba(22,101,52,.55)}
/* movimiento con propósito: quien lo pide quieto, lo tiene quieto */
@media(prefers-reduced-motion:reduce){
  .bgfx,.btn-pri,.step .n,.hero h1 .g,.hero .brand span,.logo .name b,.big70 b{animation:none!important}
  .card{transition:none!important}
}
/* =====================================================================
   FLYXS COLOR MAX · LA INSIGNIA POR ENCIMA DE EUREKASS (2026-10-17 22:01 ET)
   Orden del dueño: Flyxs es la plataforma ganadora y sus colores deben
   ser MEJORES que los de Eurekass. Medido del competidor (eurekass.net):
   azul plano #175c2e + lima plano #a8cf45 sobre blanco — 2 colores,
   sin degradados, lima como texto = 1,8:1 (ilegible), texto gris croma 0.
   Respuesta de la empresa, identidad PROPIA (cian->violeta->magenta, no se
   copia su paleta): espectro eléctrico de 5 paradas que FLUYE, croma de
   texto +26..+47%, y cada combinación de texto medida >= 4,5:1:
   --grad oscuro peor 4,69:1 · --grad claro peor 4,91:1 ·
   blanco sobre --grad-btn peor 5,93:1 · --dim oscuro 4,20->6,04:1 ·
   --dim claro 4,61->5,47:1 · --mut oscuro 7,75->8,71:1 · claro 7,15->7,72:1.
   No toca: colores por plataforma de #ecosistema, ejemplos de marca,
   ni la marca del visitante (su demo manda con sus propias variables).
   ===================================================================== */
:root{--grad:linear-gradient(92deg,#57d977 0%,#3dbe4b 38%,#1e8b3d 100%);--grad-btn:linear-gradient(92deg,#1d7a35 0%,#175c2e 58%,#124a27 100%);--mut:#a9c6ab;--dim:#8fbc94;--line:rgba(96,122,74,.30)}
/* ambiente: entra el magenta al fondo (la referencia es plana, sin ambiente) */
.bgfx{background:
  radial-gradient(720px 420px at 12% -6%,rgba(61,190,75,.36),transparent 60%),
  radial-gradient(820px 520px at 88% 4%,rgba(30,139,61,.44),transparent 60%),
  radial-gradient(760px 520px at 84% 98%,rgba(30,139,61,.17),transparent 62%),
  radial-gradient(900px 700px at 50% 108%,rgba(30,139,61,.26),transparent 62%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
/* botones: mismo flujo de fxv, brillo premium de dos tonos + luz interior */
.btn-pri{box-shadow:0 8px 28px rgba(29,122,53,.55),0 0 26px rgba(30,139,61,.30),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-pri:hover{box-shadow:0 12px 36px rgba(154,52,18,.60),0 0 34px rgba(61,190,75,.35),inset 0 1px 0 rgba(255,255,255,.32)}
/* chips en oscuro: tinte de marca (en claro ya lo puso fxv) */
html:not([data-tema="claro"]) .chip{background:linear-gradient(150deg,rgba(61,190,75,.16),rgba(251,146,60,.16));border-color:rgba(61,190,75,.45)}
/* títulos de sección con el degradado de la empresa: el espectro completo,
   sección por sección (fuera: la vitrina de ejemplos y la tienda) */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  section:not(#presentacion):not(#tienda) h2{
    background:var(--grad);background-size:200% 100%;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    animation:fxv-flow 9s ease-in-out infinite alternate}
}
/* selección y foco: el detalle premium que la referencia no tiene */
::selection{background:#1e8b3d;color:#fff}
:focus-visible{outline:2px solid #1e8b3d;outline-offset:2px}
/* ---------- CLARO: más vivo que su mejor versión, con final cálido propio ---------- */
html[data-tema="claro"]{
  --grad:linear-gradient(92deg,#25a502 0%,#124a27 45%,#1caf6c 75%,#be185d 100%);
  --mut:#175c2e;
  --dim:#1e8b3d;
  --teal2:#124a27;
  --line:rgba(22,101,52,.24);
}
html[data-tema="claro"] .bgfx{background:
  radial-gradient(720px 420px at 12% -6%,rgba(61,190,75,.32),transparent 60%),
  radial-gradient(820px 520px at 88% 4%,rgba(30,139,61,.38),transparent 60%),
  radial-gradient(760px 520px at 84% 98%,rgba(190,24,93,.10),transparent 62%),
  radial-gradient(900px 700px at 50% 108%,rgba(30,139,61,.22),transparent 62%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
html[data-tema="claro"] ::selection{background:#175c2e;color:#fff}
html[data-tema="claro"] :focus-visible{outline-color:#175c2e}
@media(prefers-reduced-motion:reduce){
  section:not(#presentacion):not(#tienda) h2{animation:none!important}
}
/* ARBOL MULTICOLOR (2026-10-20, orden del dueno: el equipo/matriz no va todo verde).
   Colores plenos y vivos por nodo, deterministas por posicion: ningun nodo
   comparte color con su padre ni con sus hermanos vecinos. Iniciales con
   contraste medido >=4,5:1 contra ambos extremos del degradado.
   La paleta general del sitio (verde familia Eurekass) no cambia. */
#fxred-tree .node{--ncrgb:61,190,75}
#fxred-tree .node.nc0{background:linear-gradient(145deg,#17823b,#0f5a26);color:#fff;box-shadow:0 0 0 3px rgba(23,130,59,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(23,130,59,.45);--ncrgb:23,130,59}
#fxred-tree .node.nc1{background:linear-gradient(145deg,#d63c14,#93260a);color:#fff;box-shadow:0 0 0 3px rgba(214,60,20,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(214,60,20,.45);--ncrgb:214,60,20}
#fxred-tree .node.nc2{background:linear-gradient(145deg,#1f6ad6,#123f80);color:#fff;box-shadow:0 0 0 3px rgba(31,106,214,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(31,106,214,.45);--ncrgb:31,106,214}
#fxred-tree .node.nc3{background:linear-gradient(145deg,#ffd23e,#f59e0b);color:#12291a;box-shadow:0 0 0 3px rgba(245,158,11,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(245,158,11,.45);--ncrgb:245,158,11}
#fxred-tree .node.nc4{background:linear-gradient(145deg,#7c4dff,#5b21b6);color:#fff;box-shadow:0 0 0 3px rgba(124,77,255,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(124,77,255,.45);--ncrgb:124,77,255}
#fxred-tree .node.nc5{background:linear-gradient(145deg,#3fe0cf,#0d9488);color:#081a04;box-shadow:0 0 0 3px rgba(13,148,136,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(13,148,136,.45);--ncrgb:13,148,136}
#fxred-tree .node.nc6{background:linear-gradient(145deg,#db2777,#9d174d);color:#fff;box-shadow:0 0 0 3px rgba(219,39,119,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(219,39,119,.45);--ncrgb:219,39,119}
#fxred-tree .node.nc7{background:linear-gradient(145deg,#ffb03a,#ea580c);color:#081a04;box-shadow:0 0 0 3px rgba(234,88,12,.35),0 8px 22px rgba(0,0,0,.40),0 0 22px rgba(234,88,12,.45);--ncrgb:234,88,12}
#fxred-tree .node.lit{box-shadow:0 0 0 4px rgba(var(--ncrgb),.5),0 0 24px rgba(var(--ncrgb),.6),0 8px 18px rgba(0,0,0,.35)}
#fxred-tree .node.fxred-pulse{box-shadow:0 0 0 6px rgba(var(--ncrgb),.32),0 0 28px rgba(var(--ncrgb),.55),0 8px 18px rgba(0,0,0,.35)}
html,body{overflow-x:clip}@media (max-width:640px){.btn.btn-pri{max-width:100%;white-space:normal}.fxc-row{max-width:100%}}
  /* ===== TE LO ENTREGAMOS TODO (2026-10-16): tinte transparente por tarjeta,
     sanidad siempre visible y fila «Para quién», con las clases vivas del sitio. ===== */
  #entrega{background-image:radial-gradient(760px 300px at 88% -4%,rgba(30,139,61,.06),transparent 62%)}
  #entrega .fx-entrega-grid .card:nth-child(1){background:linear-gradient(160deg,rgba(61,190,75,.20),rgba(29,122,53,.07) 60%),linear-gradient(180deg,var(--card2),var(--card))}
  #entrega .fx-entrega-grid .card:nth-child(2){background:linear-gradient(160deg,rgba(139,250,164,.24),rgba(30,139,61,.09) 60%),linear-gradient(180deg,var(--card2),var(--card))}
  #entrega .fx-entrega-grid .card:nth-child(3){background:linear-gradient(160deg,rgba(251,146,60,.22),rgba(244,114,182,.08) 60%),linear-gradient(180deg,var(--card2),var(--card))}
  #entrega .fx-entrega-grid .card:nth-child(4){background:linear-gradient(160deg,rgba(251,191,36,.22),rgba(245,158,11,.08) 60%),linear-gradient(180deg,var(--card2),var(--card))}
  #entrega .fx-entrega-grid .card:nth-child(5){background:linear-gradient(160deg,rgba(52,211,153,.20),rgba(16,185,129,.07) 60%),linear-gradient(180deg,var(--card2),var(--card))}
  .fx-paraquien{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
  .fx-paraquien .pq{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(87,217,119,.06);border-radius:99px;padding:9px 16px;font-weight:700;font-size:14.5px}
  .fx-paraquien .pq .fxi{color:var(--teal2);flex:none}
  .fx-sanidad{margin:26px auto 0;max-width:840px;text-align:center;color:var(--dim);font-size:13.5px;line-height:1.55}
  .fx-manager{margin-top:22px;text-align:center}
  .fx-manager p{color:var(--mut);font-size:15.5px;line-height:1.55;max-width:740px;margin:0 auto}
  .fx-manager p b{color:var(--ink)}
  .fx-manager .btn{margin-top:14px}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(1){background:linear-gradient(160deg,rgba(61,190,75,.24),rgba(29,122,53,.10) 60%,rgba(255,255,255,.30))}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(2){background:linear-gradient(160deg,rgba(139,250,164,.34),rgba(30,139,61,.14) 60%,rgba(255,255,255,.30))}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(3){background:linear-gradient(160deg,rgba(251,146,60,.32),rgba(244,114,182,.14) 60%,rgba(255,255,255,.30))}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(4){background:linear-gradient(160deg,rgba(251,191,36,.34),rgba(245,158,11,.14) 60%,rgba(255,255,255,.30))}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(5){background:linear-gradient(160deg,rgba(52,211,153,.30),rgba(16,185,129,.12) 60%,rgba(255,255,255,.30))}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(1) .ic{background:linear-gradient(135deg,#1d7a35,#1d7a35);color:#fff}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(2) .ic{background:linear-gradient(135deg,#1d7a35,#175c2e);color:#fff}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(3) .ic{background:linear-gradient(135deg,#db2777,#db2777);color:#fff}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(4) .ic{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}
  html[data-tema="claro"] #entrega .fx-entrega-grid .card:nth-child(5) .ic{background:linear-gradient(135deg,#059669,#047857);color:#fff}
  html[data-tema="claro"] .fx-paraquien .pq{background:rgba(255,255,255,.55)}
  
/* ================================================================
   FLYXS · LA OFICINA DE LA VITRINA, INTERACTIVA (2026-10-17)
   La vista de «Presentación» deja de ser una foto: es la oficina
   funcionando en la misma página — buscar, zoom, centrar, expandir,
   contraer, arrastrar y paneles laterales — sin cuenta y sin entrar
   al demo. Datos de ejemplo locales; nada sale de este cuadro.
   Su piel es la de la oficina real (oscura), en ambos temas del sitio.
   ================================================================ */
.fxv{background:#07130a;color:#dcfce7;font-size:14px;line-height:1.45;text-align:left}
.fxv img{aspect-ratio:auto}
.fxv *{box-sizing:border-box}
.fxv button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fxv button:focus-visible,.fxv input:focus-visible{outline:2px solid #3dbe4b;outline-offset:2px}
/* ---- barra superior de la oficina ---- */
.fxv-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#060906;border-bottom:1px solid rgba(87,217,119,.16)}
.fxv-tlogo{width:38px;height:38px;flex:none;border-radius:10px;background:#144a12;border:1px solid rgba(87,217,119,.25);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:900;font-size:17px;color:#fff}
.fxv-tlogo img{width:100%;height:100%;object-fit:cover;display:block}
.fxv-chip{background:#194d16;border:1px solid rgba(87,217,119,.30);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700;white-space:nowrap;transition:background .18s ease,border-color .18s ease}
.fxv-chip:hover{background:#22571d;border-color:rgba(61,190,75,.55)}
.fxv-chip.fxv-exit{background:#0e9f6e;border-color:#0e9f6e;color:#04150d}
.fxv-chip.fxv-exit:hover{background:#12b981}
.fxv-member{margin-left:auto;text-align:right;line-height:1.25;min-width:0}
.fxv-member b{display:block;font-size:13.5px;white-space:nowrap}
.fxv-member small{display:block;color:#8fbc94;font-size:11px;white-space:nowrap}
.fxv-badge{background:#f59e0b;color:#231300;font-weight:800;font-size:11.5px;border-radius:999px;padding:6px 11px;white-space:nowrap}
.fxv-badge-bas{background:#1e8b3d;color:#fff}
/* ---- línea de explicación ---- */
.fxv-expl{margin:0;padding:9px 14px;background:rgba(61,190,75,.10);border-bottom:1px solid rgba(61,190,75,.35);color:#d3f5c9;font-size:13px}
/* ---- franja de marca ---- */
.fxv-brandbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:9px 12px;background:linear-gradient(90deg,rgba(30,139,61,.16),rgba(61,190,75,.10));border-bottom:1px solid rgba(87,217,119,.16);font-size:13px}
.fxv-brandbar .fxv-bb-lab{font-weight:700;color:#dcfce7}
.fxv-brandbar input{background:#060906;border:1px solid rgba(87,217,119,.35);border-radius:9px;color:#fff;padding:8px 11px;font:inherit;font-size:13.5px;min-width:150px;flex:0 1 190px}
.fxv-brandbar .fxv-bb-go{background:linear-gradient(135deg,#1e8b3d,#1d7a35);color:#fff;font-weight:800;border-radius:9px;padding:8px 14px;font-size:13px}
.fxv-brandbar .fxv-bb-mini{background:none;border:0;color:#bbf7d0;text-decoration:underline;font-size:12.5px;padding:4px 2px}
.fxv-brandbar .fxv-bb-logo{width:28px;height:28px;border-radius:8px;object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:13px;overflow:hidden}
.fxv-brandbar .fxv-bb-logo img{width:100%;height:100%;object-fit:cover}
.fxv-brandbar .fxv-bb-url{color:#2dd4a7;font-weight:800}
.fxv-brandbar .fxv-bb-note{color:#8fbc94;font-size:12px}
/* ---- cuerpo: lateral + principal ---- */
.fxv-body{display:grid;grid-template-columns:172px 1fr;min-height:430px}
.fxv-side{background:#0e300c;border-right:1px solid rgba(87,217,119,.14);padding:12px 9px;display:flex;flex-direction:column;gap:6px}
.fxv-side-btn{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 11px;border-radius:11px;font-size:13.5px;font-weight:600;color:#dcfce7;transition:background .15s ease}
.fxv-side-btn:hover{background:#175c2e}
.fxv-side-btn.on{background:linear-gradient(90deg,rgba(229,44,74,.85),rgba(190,24,60,.75));color:#fff}
.fxv-side-btn.on[data-fxv-panel="crm"]{background:linear-gradient(90deg,rgba(30,139,61,.75),rgba(47,150,8,.7))}
.fxv-side-btn.on[data-fxv-panel="admin"]{background:linear-gradient(90deg,rgba(217,119,6,.8),rgba(160,80,10,.75))}
.fxv-side-btn.on[data-fxv-panel="historia"]{background:linear-gradient(90deg,rgba(30,139,61,.8),rgba(40,180,79,.75))}
.fxv-side-btn.on[data-fxv-panel="proyectos"]{background:linear-gradient(90deg,rgba(14,159,110,.8),rgba(8,110,80,.75))}
.fxv-side-btn.on[data-fxv-panel="aliados"]{background:linear-gradient(90deg,rgba(30,139,61,.85),rgba(29,122,53,.8))}
.fxv-side-btn.on[data-fxv-panel="formacion"]{background:linear-gradient(90deg,rgba(219,39,119,.8),rgba(160,25,90,.75))}
.fxv-side-btn.on[data-fxv-panel="materiales"]{background:linear-gradient(90deg,rgba(30,139,61,.85),rgba(29,122,53,.8))}
.fxv-side-btn.on[data-fxv-panel="noticias"]{background:linear-gradient(90deg,rgba(29,122,53,.85),rgba(38,110,10,.8))}
.fxv-bar{display:block;height:7px;border-radius:99px;background:rgba(87,217,119,.18);margin-top:7px;overflow:hidden}
.fxv-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3dbe4b,#2dd4a7)}
.fxv-side-ic{width:26px;height:26px;flex:none;border-radius:8px;background:rgba(87,217,119,.14);display:flex;align-items:center;justify-content:center;font-size:14px;overflow:hidden}
.fxv-side-ic img{width:100%;height:100%;object-fit:cover}
.fxv-side-note{margin-top:auto;color:#67795c;font-size:11.5px;line-height:1.5;padding:4px 4px 0}
.fxv-main{padding:12px 14px 14px;min-width:0;background:radial-gradient(600px 260px at 85% -10%,rgba(30,139,61,.10),transparent 60%),#0c280a}
/* ---- controles del árbol ---- */
.fxv-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.fxv-search{flex:1 1 210px;display:flex;align-items:center;gap:7px;background:#060906;border:1px solid rgba(87,217,119,.30);border-radius:10px;padding:7px 11px}
.fxv-search input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;font-size:13.5px}
.fxv-search input::placeholder{color:#67795c}
.fxv-zoom{display:flex;align-items:center;gap:2px;background:#060906;border:1px solid rgba(87,217,119,.30);border-radius:10px;overflow:hidden}
.fxv-zoom button{width:34px;height:34px;font-size:17px;font-weight:800}
.fxv-zoom button:hover{background:#0d1f10}
.fxv-zoom span{min-width:52px;text-align:center;font-weight:700;font-size:13px}
.fxv-cbtn{background:#194d16;border:1px solid rgba(87,217,119,.30);border-radius:10px;padding:8px 13px;font-size:13px;font-weight:700}
.fxv-cbtn:hover{background:#22571d;border-color:rgba(61,190,75,.55)}
.fxv-status{color:#bbf7d0;font-size:12.5px;font-weight:600}
/* ---- lienzo del árbol ---- */
.fxv-viewport{position:relative;overflow:hidden;height:378px;border:1px solid rgba(87,217,119,.18);border-radius:14px;background:radial-gradient(rgba(87,217,119,.13) 1px,transparent 1.2px) 0 0/22px 22px,#0d300b;cursor:grab;touch-action:pan-y}
.fxv-viewport.fxv-grabbing{cursor:grabbing}
.fxv-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.fxv-links{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.fxv-links path{fill:none;stroke:rgba(87,217,119,.38);stroke-width:1.6}
.fxv-links path.dim{opacity:.15}
.fxv-node{position:absolute;display:flex;align-items:center;gap:9px;cursor:pointer;background:linear-gradient(180deg,#185415,#124210);border:1px solid rgba(87,217,119,.35);border-radius:14px;padding:8px 10px;text-align:left;transition:opacity .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.fxv-node:hover{border-color:rgba(61,190,75,.7)}
.fxv-node .fxv-nav{width:34px;height:34px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12.5px;color:#124a27}
.fxv-node .fxv-ntx{min-width:0;line-height:1.2}
.fxv-node .fxv-ntx b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxv-node .fxv-ntx small{display:block;color:#8fbc94;font-size:10.5px;white-space:nowrap}
.fxv-node .fxv-tog{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:#22571d;border:1px solid rgba(87,217,119,.5);color:#d4ffcf;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:3}
.fxv-node .fxv-tog:hover{background:#3dbe4b;color:#0e2b04}
.fxv-node.hit{border-color:#3dbe4b;box-shadow:0 0 0 3px rgba(61,190,75,.45),0 0 22px rgba(61,190,75,.35)}
.fxv-node.anc{border-color:rgba(45,212,167,.8)}
.fxv-node.dim{opacity:.28}
.fxv-node.sel{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.4)}
.fxv-hint{color:#67795c;font-size:12px;margin:9px 2px 0}
/* ---- tarjeta del miembro ---- */
.fxv-mcard{margin-top:11px;background:#060906;border:1px solid rgba(245,158,11,.45);border-radius:13px;padding:13px 15px}
.fxv-mcard h5{margin:0 0 2px;font-size:15px}
.fxv-mcard .fxv-mc-sub{color:#8fbc94;font-size:12.5px;margin:0 0 10px}
.fxv-mc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px 14px;font-size:13px}
.fxv-mc-grid span{color:#8fbc94;display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.fxv-mc-grid b{font-size:14px}
.fxv-mc-close{float:right;color:#8fbc94;font-size:15px;padding:2px 6px}
/* ---- paneles laterales ---- */
.fxv-phead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:11px}
.fxv-phead h4{margin:0;font-size:17px}
.fxv-phead span{color:#8fbc94;font-size:12.5px}
.fxv-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fxv-list li{display:flex;align-items:center;gap:11px;background:#060906;border:1px solid rgba(87,217,119,.18);border-radius:12px;padding:10px 12px}
.fxv-av{width:36px;height:36px;flex:none;border-radius:50%;background:hsl(var(--h,210),65%,45%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px}
.fxv-av.big{width:56px;height:56px;font-size:19px;border-radius:16px}
.fxv-li-main{flex:1;min-width:0;line-height:1.3}
.fxv-li-main b{display:block;font-size:13.5px}
.fxv-li-main small{color:#8fbc94;font-size:12px}
.fxv-stage{flex:none;font-size:11px;font-weight:800;border-radius:999px;padding:5px 9px;background:#194d16;color:#b3e89f;border:1px solid rgba(87,217,119,.3)}
.fxv-stage.st6{background:rgba(14,159,110,.25);color:#5eead4;border-color:rgba(45,212,167,.5)}
.fxv-stage.st5{background:rgba(245,158,11,.22);color:#fcd34d;border-color:rgba(245,158,11,.5)}
.fxv-stage.st3{background:rgba(30,139,61,.25);color:#b5fdc4;border-color:rgba(139,250,164,.5)}
.fxv-when{flex:none;color:#67795c;font-size:11.5px}
.fxv-adm{display:flex;gap:14px;align-items:flex-start;background:#060906;border:1px solid rgba(87,217,119,.18);border-radius:12px;padding:13px 14px}
.fxv-adm-main{flex:1;min-width:0}
.fxv-adm-main b{font-size:15px}
.fxv-adm-main small{display:block;color:#8fbc94;font-size:12.5px;margin:2px 0 8px}
.fxv-linkrow{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8fbc94;display:block}
.fxv-linkbox{display:flex;gap:7px;margin-top:5px}
.fxv-linkbox input{flex:1;min-width:0;background:#0c280a;border:1px solid rgba(87,217,119,.3);border-radius:9px;color:#2dd4a7;font:inherit;font-size:12.5px;padding:8px 10px;text-transform:none;letter-spacing:0}
.fxv-linkbox button{background:#22571d;border:1px solid rgba(87,217,119,.4);border-radius:9px;padding:8px 12px;font-weight:700;font-size:12.5px;text-transform:none;letter-spacing:0;color:#e8eefc}
.fxv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:9px}
.fxv-stats span{background:#060906;border:1px solid rgba(87,217,119,.18);border-radius:12px;padding:10px 12px}
.fxv-stats b{display:block;font-size:17px}
.fxv-stats small{color:#8fbc94;font-size:11.5px}
.fxv-foot{color:#67795c;font-size:12px;margin:11px 2px 0}
/* ---- CTA bajo la vitrina ---- */
.fxv-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#0e300c;border-top:1px solid rgba(87,217,119,.16);font-size:13.5px;color:#c9f2c7}
.fxv-cta span{flex:1 1 260px}
.fxv-cta .btn{white-space:nowrap}
@media (max-width:760px){
  .fxv-body{grid-template-columns:1fr}
  .fxv-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(87,217,119,.14);padding:9px}
  .fxv-side-btn{width:auto;flex:none;padding:8px 10px}
  .fxv-side-note{display:none}
  .fxv-viewport{height:320px}
  .fxv-member small{white-space:normal}
}
@media (prefers-reduced-motion: reduce){
  .fxv *{transition:none!important;animation:none!important}
}

/* ---- EJEMPLOS DE LA MATRIZ: presets de exhibición (2026-10-17) ---- */
.fxej{margin:26px 0 2px}
.fxej-tit{margin:0 0 12px;font-size:15.5px;color:var(--ink)}
.fxej-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fxej-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:var(--ink);background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:16px;padding:13px 14px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}
.fxej-card:hover{border-color:var(--ej);box-shadow:0 8px 24px -12px var(--ej)}
.fxej-card:focus-visible{outline:2px solid var(--ej);outline-offset:2px}
.fxej-card.on{border-color:var(--ej);box-shadow:0 0 0 2px var(--ej),0 10px 26px -12px var(--ej)}
.fxej-logo{width:46px;height:46px;flex:none;border-radius:12px;overflow:hidden}
.fxej-logo svg{width:100%;height:100%;display:block}
.fxej-tx{flex:1;min-width:0}
.fxej-tx b{display:block;font-size:15px}
.fxej-tx small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--mut)}
.fxej-ver{flex:none;font-size:12px;font-weight:800;white-space:nowrap;color:var(--ej)}
html[data-tema="claro"] .fxej-ver{color:var(--ejd)}
.fxej-note{margin:10px 0 0;font-size:12.5px;color:var(--mut)}
@keyframes fxvFlash{0%{filter:brightness(1)}30%{filter:brightness(1.09)}100%{filter:brightness(1)}}
.fxv.fxv-flash{animation:fxvFlash .45s ease}
@media (max-width:760px){.fxej-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.fxej-card{transition:none}.fxv.fxv-flash{animation:none}}
.fxniv{margin-top:30px}
.fxniv-tit{font-size:20px;line-height:1.3;margin:0 0 14px}
.fxniv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fxniv-card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:16px;padding:18px}
.fxniv-tag{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.14em;color:var(--teal2);text-transform:uppercase;margin-bottom:8px}
.fxniv-card h4{font-size:16.5px;margin:0 0 6px;color:var(--ink)}
.fxniv-card p{color:var(--mut);font-size:14px;line-height:1.55;margin:0}
.fxniv-note{color:var(--mut);font-size:14.5px;line-height:1.55;margin:16px 0 0}
.fxniv-note b{color:var(--ink)}
.fxchip{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:4px 10px;margin:0 0 10px}
.fxchip-base{background:rgba(61,190,75,.16);color:#3dbe4b;border:1px solid rgba(61,190,75,.55)}
.fxchip-conf{background:rgba(61,190,75,.16);color:#9fe8b4;border:1px solid rgba(61,190,75,.55)}
.fxchip-cons{background:rgba(245,185,66,.16);color:#f5b942;border:1px solid rgba(245,185,66,.55)}
html[data-tema="claro"] .fxchip-base{background:rgba(30,139,61,.13);color:#1d7a35;border-color:rgba(30,139,61,.55)}
html[data-tema="claro"] .fxchip-conf{background:rgba(30,139,61,.10);color:#175c2e;border-color:rgba(30,139,61,.45)}
html[data-tema="claro"] .fxchip-cons{background:rgba(245,185,66,.20);color:#92600a;border-color:rgba(180,120,20,.5)}
@media(max-width:920px){.fxniv-row{grid-template-columns:1fr}}
/* ===== CÓDIGO FUENTE · FILTRO DE INTERÉS (2026-10-17) =====
   Panel del camino Código fuente dentro de #fxvp: recorrido constatado
   (demo con marca · calculadora · T1), formulario de interés con puerta
   (2 de 3 pasos) y envío al servicio de la empresa, que genera el correo. */
.fxcf{margin-top:26px;border:1px solid rgba(61,190,75,.45);border-radius:var(--r);padding:26px 24px 22px;background:linear-gradient(180deg,rgba(61,190,75,.10),rgba(61,190,75,.05)),linear-gradient(180deg,var(--card2),var(--card));text-align:left}
.fxcf-badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#fff;padding:5px 11px;border-radius:99px;background:#1d7a35}
.fxcf-t{font-size:21px;font-weight:900;margin:13px 0 4px;color:var(--ink);line-height:1.25}
.fxcf-intro{color:var(--mut);font-size:15px;line-height:1.65;margin-top:9px}
.fxcf-intro b{color:var(--ink)}
.fxcf-journey{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:rgba(0,0,0,.35)}
html[data-tema="claro"] .fxcf-journey{background:rgba(255,255,255,.55)}
.fxcf-jt{font-size:11.5px;font-weight:900;letter-spacing:.16em;color:#9fe8b4}
html[data-tema="claro"] .fxcf-jt{color:#1d7a35}
.fxcf-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.fxcf-list li{display:flex;align-items:center;gap:12px;border:1px dashed var(--line);border-radius:12px;padding:11px 14px}
.fxcf-list li.ok{border-style:solid;border-color:rgba(52,211,153,.55)}
.fxcf-dot{font-size:17px;color:var(--dim);flex:none;width:20px;text-align:center}
.fxcf-list li.ok .fxcf-dot{color:#34d399}
.fxcf-ltx{flex:1;min-width:0}
.fxcf-ltx b{display:block;font-size:14.8px;color:var(--ink)}
.fxcf-ltx small{display:block;font-size:12.8px;color:var(--mut);margin-top:1px}
.fxcf-go{flex:none;font:inherit;font-size:13px;font-weight:800;color:#9fe8b4;background:none;border:1px solid rgba(61,190,75,.5);border-radius:99px;padding:7px 13px;cursor:pointer;text-decoration:none}
.fxcf-go:hover{background:rgba(61,190,75,.14)}
html[data-tema="claro"] .fxcf-go{color:#1d7a35;border-color:rgba(30,139,61,.5)}
.fxcf-jnote{margin-top:13px;font-size:13.8px;color:var(--mut);line-height:1.55}
.fxcf-jnote b{color:var(--ink)}
.fxcf-form{margin-top:20px}
.fxcf-form fieldset{border:0;padding:0;margin:0;min-width:0}
.fxcf-form fieldset[disabled]{opacity:.55}
.fxcf-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:640px){.fxcf-grid{grid-template-columns:1fr}}
.fxcf-f{display:flex;flex-direction:column;gap:6px}
.fxcf-f.full{grid-column:1/-1}
.fxcf-f label{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:.02em}
.fxcf-f label i{font-style:normal;color:#9fe8b4}
.fxcf-f input,.fxcf-f select,.fxcf-f textarea{font:inherit;font-size:14.6px;color:var(--ink);background:rgba(0,0,0,.5);border:1px solid var(--line);border-radius:11px;padding:11px 13px;width:100%}
html[data-tema="claro"] .fxcf-f input,html[data-tema="claro"] .fxcf-f select,html[data-tema="claro"] .fxcf-f textarea{background:rgba(255,255,255,.85)}
.fxcf-f input:focus,.fxcf-f select:focus,.fxcf-f textarea:focus{outline:2px solid rgba(61,190,75,.65);outline-offset:1px}
.fxcf-f textarea{resize:vertical;min-height:64px}
.fxcf-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.fxcf-send{margin-top:17px;width:100%;justify-content:center}
.fxcf-legal{margin-top:12px;font-size:13px;color:var(--mut);line-height:1.6}
.fxcf-legal b{color:var(--ink)}
.fxcf-msg{margin-top:12px;font-size:14.2px;line-height:1.55;min-height:1.2em}
.fxcf-msg.err{color:#fed7aa}
html[data-tema="claro"] .fxcf-msg.err{color:#be123c}
.fxcf-msg.ok{color:#34d399}
html[data-tema="claro"] .fxcf-msg.ok{color:#047857}
.fxcf-done{margin-top:20px;border:1px solid rgba(52,211,153,.5);border-radius:14px;padding:17px 19px;background:rgba(52,211,153,.07)}
.fxcf-done p{font-size:15px;line-height:1.65;color:var(--mut)}
.fxcf-done b{color:var(--ink)}
.fxcf-done .fxcf-go{margin-top:12px}
.fxcf-cardnote{margin-top:9px!important}
/* ===== MEMBRESÍAS EN LOS CAMINOS DE #plan (2026-10-21) =====
   Las tarjetas pagas del panel de caminos pasan a ser las membresías de
   la tienda (Junior · Senior · Master · Premium), con la Demo intacta.
   Rejilla de 5: 3 arriba y 2 abajo en escritorio. Las tarjetas nuevas
   usan su propia clase (fxpm-card) con el mismo lenguaje visual de la
   sección, para no interferir con la selección de caminos del demo. */
#fxvp .fxvp-cards{grid-template-columns:repeat(6,1fr)}
#fxvp .fxvp-cards>.fxvp-card{grid-column:span 2}
#fxvp .fxpm-card{grid-column:span 2}
#fxvp .fxpm-master,#fxvp .fxpm-premium{grid-column:span 3}
@media(max-width:1080px){
  #fxvp .fxvp-cards{grid-template-columns:repeat(2,1fr)}
  #fxvp .fxvp-cards>.fxvp-card,#fxvp .fxpm-card,#fxvp .fxpm-master{grid-column:span 1}
  #fxvp .fxpm-premium{grid-column:span 2}
}
@media(max-width:600px){
  #fxvp .fxvp-cards{grid-template-columns:1fr}
  #fxvp .fxvp-cards>.fxvp-card,#fxvp .fxpm-card,#fxvp .fxpm-master,#fxvp .fxpm-premium{grid-column:span 1}
}
.fxpm-card{--pcv:#3dbe4b;--pcvs:#57d977;position:relative;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px 22px;background:linear-gradient(180deg,var(--card2),var(--card));overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s}
.fxpm-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pcv)}
.fxpm-card:hover{transform:translateY(-3px);border-color:var(--pcvs)}
.fxpm-card h4{font-size:20px;font-weight:900;margin:13px 0 2px;color:var(--ink)}
.fxpm-card .fxvp-d{color:var(--mut);font-size:14.6px;line-height:1.6;margin-top:11px}
.fxpm-junior{--pcv:#3dbe4b;--pcvs:#57d977}
.fxpm-senior{--pcv:#57d977;--pcvs:#57d977}
.fxpm-senior .fxvp-badge{background:#175c2e}
.fxpm-master{--pcv:linear-gradient(92deg,#3dbe4b,#1d7a35);--pcvs:#57d977}
.fxpm-master .fxvp-badge{background:var(--grad-btn)}
.fxpm-premium{--pcv:linear-gradient(92deg,#e8b13c,#1e8b3d);--pcvs:#57d977;border-color:rgba(232,177,60,.55)}
.fxpm-premium .fxvp-badge{background:#1e8b3d}
html[data-tema="claro"] .fxpm-card{--pcvs:#175c2e}
html[data-tema="claro"] .fxpm-master{--pcvs:#1d7a35}
html[data-tema="claro"] .fxpm-premium{--pcvs:#1d7a35}
.fxpm-act{margin-top:auto;padding-top:17px}
.fxpm-act .btn{width:100%;justify-content:center;text-align:center}
/* ===== TABLA DE #plan ALINEADA A LAS MEMBRESÍAS (2026-10-21) =====
   La tabla pasa a 5 columnas (Demo · Junior · Senior · Master ·
   Premium): acento y encendido de la columna 5 (Premium, dorado),
   valores de texto de las celdas y estado elegido de las tarjetas
   fxpm, que ahora también encienden su columna. */
#fxvp-table{min-width:1000px}
.fxvp-table th[data-colh="5"]{border-top:3px solid #e8b13c}
.fxvp-table[data-colsel="5"] td[data-c="5"],.fxvp-table[data-colsel="5"] th[data-colh="5"]{background:rgba(232,177,60,.14)}
html[data-tema="claro"] .fxvp-table[data-colsel="5"] td[data-c="5"],html[data-tema="claro"] .fxvp-table[data-colsel="5"] th[data-colh="5"]{background:rgba(232,177,60,.20)}
.fxvp-table td .fxvp-tx{font-weight:800;color:var(--ink);white-space:nowrap}
.fxpm-card{cursor:pointer}
.fxpm-card:focus-visible{outline:2px solid var(--pcvs);outline-offset:2px}
.fxpm-card.fxpm-on{border-color:var(--pcvs);box-shadow:0 0 0 2px var(--pcvs),0 18px 42px rgba(0,0,0,.35)}
/* ===== PLANTILLAS EN MOVIMIENTO · visualizador dinámico (2026-10-17) =====
   Experiencia sobre #plantillas: selector de las 5 plantillas con su
   estructura animada, cifras que cuentan y explicación corta al tocar.
   No altera reglas, cifras ni textos comerciales vigentes. */
.fxd{--pc:#65a30d;margin:40px auto 0;max-width:940px}
.fxd-kick{text-align:center;color:var(--teal2);font-weight:800;letter-spacing:.18em;font-size:12px;margin-bottom:14px}
.fxd-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.fxd-tab{font:inherit;cursor:pointer;border:1px solid var(--line);border-top:3px solid var(--pc);background:rgba(18,74,39,.55);color:var(--mut);border-radius:99px;padding:9px 16px;font-weight:800;font-size:14.5px;display:inline-flex;gap:7px;align-items:baseline;transition:border-color .25s,color .25s,background .25s,transform .25s,box-shadow .25s}
.fxd-tab small{font-size:10.5px;letter-spacing:.08em;opacity:.75;font-weight:700}
.fxd-tab:hover{color:var(--ink);border-color:var(--pc)}
.fxd-tab[aria-selected="true"]{color:var(--ink);background:linear-gradient(180deg,var(--card2),var(--card));border-color:var(--pc);box-shadow:0 8px 24px rgba(0,0,0,.38);transform:translateY(-1px)}
.fxd-stage{margin-top:16px;border:1px solid var(--line);border-radius:var(--r);padding:26px 20px 20px;background:repeating-radial-gradient(circle at 50% 118%,rgba(61,190,75,.07) 0 1px,transparent 1px 58px),linear-gradient(165deg,rgba(17,58,16,.88),rgba(0,0,0,.94));box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
html[data-tema="claro"] .fxd-stage{background:repeating-radial-gradient(circle at 50% 118%,rgba(30,139,61,.10) 0 1px,transparent 1px 58px),linear-gradient(165deg,#ffffff,#ebffe9);box-shadow:0 18px 44px rgba(18,74,39,.14),inset 0 1px 0 #fff}
.fxd-viz{min-height:252px}
.fxd-rise{opacity:1}
.fxd-js .fxd-stage:not(.fxd-go) .fxd-rise{opacity:0;transform:translateY(14px)}
.fxd-rise{transition:opacity .5s ease var(--d,0ms),transform .5s ease var(--d,0ms)}
.fxd-stage.fxd-go .fxd-rise{opacity:1;transform:none}
.fxd-d{display:inline-block;border-radius:50%;background:linear-gradient(145deg,var(--pc),#1e8b3d);box-shadow:0 0 0 3px rgba(87,217,119,.14),0 6px 14px rgba(0,0,0,.3);color:#081a04;font-weight:800}
.fxd-js .fxd-stage:not(.fxd-go) .fxd-d{opacity:0;transform:scale(.3)}
.fxd-d{transition:opacity .3s ease,transform .3s ease;transition-delay:calc(var(--rd,0ms) + var(--i,0)*24ms)}
.fxd-stage.fxd-go .fxd-d{opacity:1;transform:scale(1)}
.fxd-rowbtn{display:flex;align-items:center;gap:14px;width:100%;max-width:640px;margin:0 auto;background:none;border:1px solid transparent;border-radius:14px;padding:8px 12px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .25s,background .25s}
.fxd-rowbtn:hover{border-color:var(--line)}
.fxd-rowbtn .fxd-lvl{min-width:118px;font-size:11px;letter-spacing:.1em;color:var(--dim);font-weight:800;line-height:1.5}
.fxd-rowbtn .fxd-lvl b{display:block;color:var(--ink);font-size:13.5px;letter-spacing:0}
.fxd-rowbtn .fxd-dots{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1}
.fxd-rowbtn .fxd-cnt{font-weight:900;font-size:16px;color:var(--pc);min-width:64px;text-align:right}
.fxd-on{border-color:var(--pc)!important;background:rgba(87,217,119,.07);box-shadow:0 0 0 1px var(--pc),0 8px 22px rgba(0,0,0,.3)}
.fxd-n{width:42px;height:42px;font-size:11.5px;display:grid;place-items:center}
.fxd-n.v{background:linear-gradient(145deg,#1d7a35,#1e8b3d);color:#fff}
.fxd-rownodes{display:flex;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.fxd-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.fxd-chip{font:inherit;cursor:pointer;border:1px solid var(--line);background:rgba(87,217,119,.06);color:var(--mut);border-radius:12px;padding:8px 12px;font-size:13px;font-weight:650;transition:border-color .25s,background .25s,box-shadow .25s}
.fxd-chip b{color:var(--ink)}
.fxd-chip small{display:block;font-size:10px;letter-spacing:.12em;color:var(--dim);font-weight:800}
.fxd-chip:hover{border-color:var(--pc)}
.fxd-chip-top{border-color:rgba(232,177,60,.55)}
.fxd-legs{display:flex;gap:14px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.fxd-leg{font:inherit;cursor:pointer;flex:1;min-width:230px;max-width:300px;text-align:left;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--mut);transition:border-color .25s,box-shadow .25s}
html[data-tema="claro"] .fxd-leg{background:rgba(255,255,255,.65)}
.fxd-leg .fxd-leg-t{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--ink);margin-bottom:8px}
.fxd-leg .fxd-tr{display:block;height:12px;border-radius:99px;background:rgba(87,217,119,.13);overflow:hidden}
.fxd-leg .fxd-fl{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--pc),#1d7a35)}
.fxd-stage.fxd-go .fxd-fl{width:var(--w,50%);transition:width 1.1s cubic-bezier(.22,.8,.3,1) var(--d,0ms)}
.fxd-leg .fxd-leg-n{display:block;font-size:12.5px;margin-top:8px;line-height:1.45}
.fxd-uni{display:flex;gap:20px;justify-content:center;align-items:stretch;max-width:720px;margin:0 auto}
.fxd-uni .fxd-rows{flex:1;min-width:0}
.fxd-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6px}
.fxd-gauge{width:12px;flex:1;min-height:140px;border-radius:99px;background:rgba(87,217,119,.13);position:relative;overflow:hidden}
.fxd-gauge .fxd-gfl{display:block;position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(180deg,var(--pc),#1e8b3d);border-radius:99px}
.fxd-stage.fxd-go .fxd-gfl{height:100%;transition:height 1.2s cubic-bezier(.22,.8,.3,1) .35s}
.fxd-gauge-wrap .fxd-glab{font-size:10.5px;letter-spacing:.12em;color:var(--dim);font-weight:800;text-align:center;line-height:1.5}
.fxd-steps{display:flex;align-items:flex-end;gap:14px;justify-content:center;margin-top:6px;flex-wrap:wrap}
.fxd-step{font:inherit;cursor:pointer;width:158px;border-radius:14px 14px 10px 10px;border:1px solid rgba(61,190,75,.5);background:linear-gradient(180deg,rgba(61,190,75,.30),rgba(61,190,75,.10));padding:12px 10px;text-align:center;color:var(--mut);transition:border-color .25s,box-shadow .25s}
.fxd-step .fxd-pct{display:block;font-size:27px;font-weight:900;color:#fdba74;line-height:1.1}
html[data-tema="claro"] .fxd-step .fxd-pct{color:#124a27}
.fxd-step .fxd-rname{display:block;font-weight:800;color:var(--ink);font-size:14.5px;margin-top:2px}
.fxd-step .fxd-rsub{display:block;font-size:11.5px;margin-top:3px;line-height:1.4}
.fxd-mix{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;align-items:center;margin-top:8px}
.fxd-comp{font:inherit;cursor:pointer;border:1px solid var(--line);border-top:3px solid var(--cc,#fb923c);background:rgba(87,217,119,.06);color:var(--ink);border-radius:13px;padding:12px 16px;font-weight:800;font-size:14.5px;transition:border-color .25s,box-shadow .25s}
.fxd-comp small{display:block;font-size:11px;color:var(--mut);font-weight:650;margin-top:2px}
.fxd-plus{font-weight:900;color:#fb923c;font-size:18px}
.fxd-out{display:block;margin:20px auto 0;max-width:620px;width:100%;font:inherit;cursor:pointer;text-align:center;border:1px dashed rgba(61,190,75,.55);border-radius:12px;padding:11px 14px;color:var(--mut);font-size:14px;background:rgba(61,190,75,.05);transition:border-color .25s,box-shadow .25s}
.fxd-out b{color:var(--ink)}
.fxd-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.fxd-stat{min-width:148px;text-align:center;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:rgba(0,0,0,.35)}
html[data-tema="claro"] .fxd-stat{background:rgba(255,255,255,.65)}
.fxd-stat .fxd-v{display:block;font-size:24px;font-weight:900;color:var(--pc);line-height:1.15}
.fxd-stat .fxd-l{display:block;font-size:12px;color:var(--mut);margin-top:2px}
.fxd-cap{margin:16px auto 0;max-width:640px;text-align:center;color:var(--mut);font-size:14.5px;line-height:1.55;min-height:46px}
.fxd-cap b{color:var(--ink)}
/* ===== ESCALERA DE COLORES POR NIVEL · MATRIZ ×6 (2026-10-17) =====
   Un color propio por nivel, del 1 a La Cima, en filas, fichas, ficha
   activa y linea de explicacion. El texto de nivel usa --lcn (medido
   >=4,5:1 en ambos temas); el cuerpo sigue en el color pleno del tema.
   La misma escalera vive en #plan via --rc/--num de cada .rung. */
/* Toque zafiro 2026-10-23 (orden del dueno): Galaxia y Universo (nv. 7-8) desplazan su tinte transparente un poco hacia el azul zafiro #0f52ba, igual en .fxd y en #plan. La Cima Zafiro intacta. */
.fxd [data-lv="1"]{--lc:#2fb457;--lc2:#1e7d3a;--lcrgb:47,180,87;--lcn:#57d977}
.fxd [data-lv="2"]{--lc:#0fbfa8;--lc2:#0a7a6b;--lcrgb:15,191,168;--lcn:#2dd4bf}
.fxd [data-lv="3"]{--lc:#43c20a;--lc2:#2a8007;--lcrgb:67,194,10;--lcn:#3dbe4b}
.fxd [data-lv="4"]{--lc:#3fe81e;--lc2:#25a80f;--lcrgb:61,190,75;--lcn:#57d977}
.fxd [data-lv="5"]{--lc:#4ad94f;--lc2:#2fa334;--lcrgb:74,217,79;--lcn:#57d977}
.fxd [data-lv="6"]{--lc:#4dff76;--lc2:#2fbf4c;--lcrgb:87,217,119;--lcn:#57d977}
.fxd [data-lv="7"]{--lc:#36a898;--lc2:#1c7d88;--lcrgb:54,168,152;--lcn:#41b18b}
.fxd [data-lv="8"]{--lc:#1e7680;--lc2:#135774;--lcrgb:37,148,161;--lcn:#4fb3c4}
.fxd [data-lv="9"]{--lc:#d6337f;--lc2:#9e1f52;--lcrgb:214,51,127;--lcn:#f472b6}
.fxd [data-lv="10"]{--lc:#c9a227;--lc2:#8a6d14;--lcrgb:201,162,39;--lcn:#fbbf24}
.fxd [data-lv="11"]{--lc:#1dba0f;--lc2:#13770a;--lcrgb:29,186,15;--lcn:#57d977}
html[data-tema="claro"] .fxd [data-lv="1"]{--lcn:#124a27}
html[data-tema="claro"] .fxd [data-lv="2"]{--lcn:#124a27}
html[data-tema="claro"] .fxd [data-lv="3"]{--lcn:#175c2e}
html[data-tema="claro"] .fxd [data-lv="4"]{--lcn:#175c2e}
html[data-tema="claro"] .fxd [data-lv="5"]{--lcn:#175c2e}
html[data-tema="claro"] .fxd [data-lv="6"]{--lcn:#124a27}
html[data-tema="claro"] .fxd [data-lv="7"]{--lcn:#186b68}
html[data-tema="claro"] .fxd [data-lv="8"]{--lcn:#114e70}
html[data-tema="claro"] .fxd [data-lv="9"]{--lcn:#9d174d}
html[data-tema="claro"] .fxd [data-lv="10"]{--lcn:#78350f}
html[data-tema="claro"] .fxd [data-lv="11"]{--lcn:#124a27}
.fxd-rowbtn[data-lv]{border-color:rgba(var(--lcrgb),.45);background:rgba(var(--lcrgb),.07)}
.fxd-rowbtn[data-lv]:hover{border-color:rgba(var(--lcrgb),.8)}
.fxd-rowbtn[data-lv] .fxd-d{background:linear-gradient(145deg,var(--lc),var(--lc2))}
.fxd-rowbtn[data-lv] .fxd-lvl b{color:var(--lcn)}
.fxd-rowbtn[data-lv] .fxd-cnt{color:var(--lcn)}
.fxd-chip[data-lv]{border-color:rgba(var(--lcrgb),.5);background:rgba(var(--lcrgb),.09)}
.fxd-chip[data-lv]:hover{border-color:var(--lc)}
.fxd-chip[data-lv] b{color:var(--lcn)}
.fxd [data-lv].fxd-on{border-color:var(--lc)!important;background:rgba(var(--lcrgb),.15);box-shadow:0 0 0 1px var(--lc),0 8px 22px rgba(0,0,0,.3)}
#fxd-cap[data-lv]{border:1px solid rgba(var(--lcrgb),.4);background:rgba(var(--lcrgb),.09);border-radius:12px;padding:10px 14px}
@media(max-width:640px){
  .fxd-rowbtn .fxd-lvl{min-width:86px}
  .fxd-rowbtn .fxd-cnt{min-width:48px;font-size:14.5px}
  .fxd-n{width:36px;height:36px}
  .fxd-step{width:132px}
  .fxd-stat{min-width:118px}
}
@media(prefers-reduced-motion:reduce){
  .fxd *,.fxd *::before,.fxd *::after{transition:none!important;animation:none!important}
}
/* ===== LEGIBILIDAD VIVA · PLANTILLAS + MÓDULOS + CREAR (2026-10-17) =====
   Regla del dueño: nada de grises sombríos. Cada píldora toma el color
   vivo de SU plantilla / submódulo; etiquetas, notas y contadores salen
   del gris al color de su plan/nivel o a la tinta plena del tema.
   Todo texto medido >= 4,5:1 en ambos temas (constancia del frente). */

/* — Plantillas: píldoras con el color de su plantilla — */
#plantillas .fxd-tab small,#plantillas .fxc-tab small{opacity:1}
#plantillas .fxd-tab[data-plan="matriz"],#plantillas .fxc-tab[data-plan="matriz"]{background:rgba(163,230,53,.16);border-color:rgba(163,230,53,.55);color:#65a30d}
#plantillas .fxd-tab[data-plan="unilevel"],#plantillas .fxc-tab[data-plan="unilevel"]{background:rgba(20,184,166,.16);border-color:rgba(20,184,166,.55);color:#1e8b3d}
#plantillas .fxd-tab[data-plan="binario"],#plantillas .fxc-tab[data-plan="binario"]{background:rgba(61,190,75,.16);border-color:rgba(61,190,75,.55);color:#3dbe4b}
#plantillas .fxd-tab[data-plan="licencias"],#plantillas .fxc-tab[data-plan="licencias"]{background:rgba(139,250,164,.16);border-color:rgba(139,250,164,.55);color:#57d977}
#plantillas .fxd-tab[data-plan="combinado"]{background:rgba(251,146,60,.16);border-color:rgba(251,146,60,.55);color:#fb923c}
#plantillas .fxd-tab[data-plan][aria-selected="true"],#plantillas .fxc-tab[data-plan][aria-selected="true"]{background:linear-gradient(180deg,var(--card2),var(--card));color:var(--ink)}
html[data-tema="claro"] #plantillas .fxd-tab[data-plan="matriz"],html[data-tema="claro"] #plantillas .fxc-tab[data-plan="matriz"]{background:rgba(163,230,53,.22);border-color:rgba(101,163,13,.6);color:#3f6212}
html[data-tema="claro"] #plantillas .fxd-tab[data-plan="unilevel"],html[data-tema="claro"] #plantillas .fxc-tab[data-plan="unilevel"]{background:rgba(30,139,61,.20);border-color:rgba(15,118,110,.55);color:#124a27}
html[data-tema="claro"] #plantillas .fxd-tab[data-plan="binario"],html[data-tema="claro"] #plantillas .fxc-tab[data-plan="binario"]{background:rgba(61,190,75,.22);border-color:rgba(35,161,3,.5);color:#124a27}
html[data-tema="claro"] #plantillas .fxd-tab[data-plan="licencias"],html[data-tema="claro"] #plantillas .fxc-tab[data-plan="licencias"]{background:rgba(139,250,164,.24);border-color:rgba(40,217,92,.5);color:#175c2e}
html[data-tema="claro"] #plantillas .fxd-tab[data-plan="combinado"]{background:rgba(251,146,60,.24);border-color:rgba(154,52,18,.5);color:#9a3412}
html[data-tema="claro"] #plantillas .fxd-tab[data-plan][aria-selected="true"],html[data-tema="claro"] #plantillas .fxc-tab[data-plan][aria-selected="true"]{background:linear-gradient(180deg,var(--card2),var(--card));color:var(--ink)}

/* — Plantillas: etiquetas, notas y contadores fuera del gris — */
#plantillas .fxd-rowbtn .fxd-lvl{color:var(--pc)}
#plantillas .fxd-rowbtn[data-lv] .fxd-lvl{color:var(--lcn)}
#plantillas .fxd-chip{color:var(--ink)}
#plantillas .fxd-chip[data-lv]{color:var(--lcn)}
#plantillas .fxd-chip small{color:var(--pc)}
#plantillas .fxd-chip[data-lv] small{color:var(--lcn)}
#plantillas .fxd-gauge-wrap .fxd-glab{color:var(--pc)}
#plantillas .fxd-stat .fxd-l,#plantillas .fxc-stat .fxc-l,#plantillas .fxc-fondo .fxc-fl{color:var(--pc)}
#plantillas .fxc-row .fxc-rn small,#plantillas .fxc-row .fxc-ra small{color:var(--pc)}
#plantillas .fxc-pb .fxc-pl{color:var(--pc)}
#plantillas .fxc-seg>span{color:var(--pc)!important}
#plantillas .fxd-cap,#plantillas .fxc-cap{color:var(--ink)}
#plantillas .fxc-flab{color:var(--ink)}
#plantillas .fxd-leg .fxd-leg-n,#plantillas .fxd-out,#plantillas .fxd-comp small,#plantillas .fxd-step .fxd-rsub{color:var(--ink)}
#plantillas .fxc-psub,#plantillas .fxc-pnote,#plantillas .fxc-hon{color:var(--ink)}
#plantillas .fxd-n.v{background:linear-gradient(145deg,#175c2e,#1d7a35)}
html[data-tema="claro"] #plantillas .fxd-kick,html[data-tema="claro"] #plantillas .fxc-kick{color:#175c2e}
html[data-tema="claro"] #plantillas .fxw .fxw-t{color:#3f6212}
html[data-tema="claro"] #plantillas .fxd-rowbtn .fxd-lvl{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxd-rowbtn[data-lv] .fxd-lvl{color:var(--lcn)}
html[data-tema="claro"] #plantillas .fxd-rowbtn:not([data-lv]) .fxd-cnt{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxd-stat .fxd-v,html[data-tema="claro"] #plantillas .fxc-stat .fxc-v{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxc-fondo .fxc-fv,html[data-tema="claro"] #plantillas .fxc-row .fxc-ra{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxd-stat .fxd-l,html[data-tema="claro"] #plantillas .fxc-stat .fxc-l,html[data-tema="claro"] #plantillas .fxc-fondo .fxc-fl{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxc-row .fxc-rn small,html[data-tema="claro"] #plantillas .fxc-row .fxc-ra small{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxc-pb .fxc-pl{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxc-seg>span{color:var(--pcd,var(--pc))!important}
html[data-tema="claro"] #plantillas .fxd-chip small{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxd-chip[data-lv] small{color:var(--lcn)}
html[data-tema="claro"] #plantillas .fxd-gauge-wrap .fxd-glab{color:var(--pcd,var(--pc))}
html[data-tema="claro"] #plantillas .fxd-plus{color:#175c2e}

/* — Módulos: cuerpo a tinta plena, «¿Qué es?» sólido, píldoras con el color de su submódulo — */
#modulos .card p{color:var(--ink)}
#modulos .fx-expl-text{color:var(--ink)}
#modulos .fx-qbtn{background:linear-gradient(92deg,#1d7a35,#175c2e 55%,#3dbe4b);border-color:transparent;color:#fff}
#modulos .fx-qbtn:hover{background:linear-gradient(92deg,#1d7a35,#175c2e 55%,#3dbe4b);color:#fff;filter:brightness(1.15)}
#modulos .fx-sub{border:1px solid transparent!important;color:#000000}
#modulos .fx-sub[data-expl="arbol"]{background:#2fb457!important}
#modulos .fx-sub[data-expl="miembros"]{background:#0fbfa8!important}
#modulos .fx-sub[data-expl="patrocinios"]{background:#1e8b3d!important;color:#fff}
#modulos .fx-sub[data-expl="comisiones"]{background:#c9a227!important}
#modulos .fx-sub[data-expl="reportes"]{background:#1e8b3d!important}
#modulos .card[data-expl="superadmin"] .subs span{color:#000000;border-color:transparent}
#modulos .card[data-expl="superadmin"] .subs span:nth-child(1){background:#1e8b3d}
#modulos .card[data-expl="superadmin"] .subs span:nth-child(2){background:#1e8b3d}
#modulos .card[data-expl="superadmin"] .subs span:nth-child(3){background:#1e8b3d;color:#fff}
#modulos .card[data-expl="superadmin"] .subs span:nth-child(4){background:#1e8b3d;color:#fff}
#modulos .card[data-expl="superadmin"] .subs span:nth-child(5){background:#1d7a35;color:#fff}
#modulos .card[data-expl="superadmin"] .subs span:nth-child(6){background:#175c2e;color:#fff}

/* — Héroe: botón CREAR junto al campo rápido #fxq — */
#fxq .fxq-row{display:flex;gap:9px;margin-top:9px;align-items:stretch}
#fxq .fxq-row .fxq-inp{margin-top:0;flex:1;min-width:0}
#fxq .fxq-crear{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0 22px;border-radius:12px;background:linear-gradient(92deg,#1d7a35,#175c2e 55%,#3dbe4b);color:#fff;font-weight:800;font-size:15.5px;text-decoration:none;box-shadow:0 8px 22px rgba(22,101,52,.35);transition:filter .18s}
#fxq .fxq-crear:hover{filter:brightness(1.13)}
#fxq .fxq-crear:focus-visible{outline:3px solid var(--teal2);outline-offset:2px}
@media(max-width:480px){#fxq .fxq-crear{padding:0 16px}}
/* ===== BLANCO + VERDE · PLANTILLAS EN MOVIMIENTO (2026-10-22, orden del dueño) =====
   «No todo verde: blanco y verde en el contraste, interfaz bien bonita.»
   El blanco pasa a ser la tinta principal del visualizador (titulares,
   nombres, cifras y valores); el verde queda como acento vivo de la casa:
   bordes, brillos, pestaña activa y la mitad de los puntos. Los puntos de
   cada nivel ALTERNAN verde del nivel y blanco pleno. Todo texto >= 4,5:1. */

/* — Titular de la experiencia — */
#plantillas .fxd-kick{color:#ffffff}

/* — Pestañas: nombre en blanco, la etiqueta corta con el color de su plantilla — */
#plantillas .fxd-tab[data-plan]{color:#ffffff}
#plantillas .fxd-tab small{color:var(--pc);opacity:1}
#plantillas .fxd-tab[data-plan][aria-selected="true"]{color:#ffffff;box-shadow:0 0 0 1px var(--pc),0 10px 26px rgba(0,0,0,.42)}

/* — Filas de nivel: etiqueta suave en blanco, nombre y cifra en blanco pleno — */
#plantillas .fxd-rowbtn .fxd-lvl{color:rgba(255,255,255,.58)}
#plantillas .fxd-rowbtn[data-lv] .fxd-lvl{color:rgba(255,255,255,.58)}
#plantillas .fxd-rowbtn .fxd-lvl b{color:#ffffff}
#plantillas .fxd-rowbtn[data-lv] .fxd-lvl b{color:#ffffff}
#plantillas .fxd-rowbtn .fxd-cnt{color:#ffffff}
#plantillas .fxd-rowbtn[data-lv] .fxd-cnt{color:#ffffff}
#plantillas .fxd-rowbtn:hover{background:rgba(255,255,255,.045)}

/* — Puntos: alternan el verde del nivel y el blanco pleno — */
#plantillas .fxd-d{color:#ffffff}
#plantillas .fxd-rowbtn .fxd-dots .fxd-d:nth-child(even),
#plantillas .fxd-rownodes .fxd-d:nth-child(even){background:linear-gradient(145deg,#ffffff,#d9f4e0);color:#0b3d1e;box-shadow:0 0 0 3px rgba(255,255,255,.14),0 6px 14px rgba(0,0,0,.3)}

/* — Fichas de niveles 4 a La Cima: blanco pleno, etiqueta en blanco suave — */
#plantillas .fxd-chip{color:#ffffff;background:rgba(255,255,255,.05)}
#plantillas .fxd-chip[data-lv]{color:#ffffff}
#plantillas .fxd-chip b{color:#ffffff}
#plantillas .fxd-chip[data-lv] b{color:#ffffff}
#plantillas .fxd-chip small{color:rgba(255,255,255,.55)}
#plantillas .fxd-chip[data-lv] small{color:rgba(255,255,255,.55)}

/* — Cifras resumen: valor en blanco, etiqueta en blanco suave — */
#plantillas .fxd-stat{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}
#plantillas .fxd-stat .fxd-v{color:#ffffff}
#plantillas .fxd-stat .fxd-l{color:rgba(255,255,255,.62)}

/* — Barras del Binario, medidor del Unilevel y escalones de Licencias — */
#plantillas .fxd-leg{background:rgba(255,255,255,.04)}
#plantillas .fxd-gauge-wrap .fxd-glab{color:rgba(255,255,255,.55)}
#plantillas .fxd-step{border-color:rgba(255,255,255,.25);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04))}
#plantillas .fxd-step .fxd-pct{color:#ffffff}
#plantillas .fxd-step .fxd-rsub{color:rgba(255,255,255,.62)}
#plantillas .fxd-comp small{color:rgba(255,255,255,.6)}

/* — Tema claro: la misma pareja, tinta verde oscura sobre blanco — */
html[data-tema="claro"] #plantillas .fxd-tab[data-plan]{color:#12291a}
html[data-tema="claro"] #plantillas .fxd-rowbtn .fxd-lvl,
html[data-tema="claro"] #plantillas .fxd-rowbtn[data-lv] .fxd-lvl{color:#5b8266}
html[data-tema="claro"] #plantillas .fxd-rowbtn .fxd-lvl b,
html[data-tema="claro"] #plantillas .fxd-rowbtn[data-lv] .fxd-lvl b{color:#12291a}
html[data-tema="claro"] #plantillas .fxd-rowbtn .fxd-cnt,
html[data-tema="claro"] #plantillas .fxd-rowbtn[data-lv] .fxd-cnt{color:#12291a}
html[data-tema="claro"] #plantillas .fxd-rowbtn:hover{background:rgba(18,74,39,.05)}
html[data-tema="claro"] #plantillas .fxd-rowbtn .fxd-dots .fxd-d:nth-child(even),
html[data-tema="claro"] #plantillas .fxd-rownodes .fxd-d:nth-child(even){background:linear-gradient(145deg,#ffffff,#e4f6e9);color:#124a27;box-shadow:0 0 0 3px rgba(18,74,39,.16),0 6px 14px rgba(18,74,39,.12)}
html[data-tema="claro"] #plantillas .fxd-chip,
html[data-tema="claro"] #plantillas .fxd-chip[data-lv]{color:#12291a;background:rgba(255,255,255,.6)}
html[data-tema="claro"] #plantillas .fxd-chip b,
html[data-tema="claro"] #plantillas .fxd-chip[data-lv] b{color:#12291a}
html[data-tema="claro"] #plantillas .fxd-chip small,
html[data-tema="claro"] #plantillas .fxd-chip[data-lv] small{color:#5b8266}
html[data-tema="claro"] #plantillas .fxd-stat .fxd-v{color:#124a27}
html[data-tema="claro"] #plantillas .fxd-stat .fxd-l{color:#5b8266}
html[data-tema="claro"] #plantillas .fxd-gauge-wrap .fxd-glab{color:#5b8266}
html[data-tema="claro"] #plantillas .fxd-step .fxd-rsub{color:#48755a}
html[data-tema="claro"] #plantillas .fxd-comp small{color:#48755a}
/* ===== MEMBRESÍAS DINÁMICAS · #SOLUCIONES (2026-10-22, orden del dueño con foto) =====
   «Un verde claro, un verde oscuro y un azul claro transparente, que sea dinámico.»
   Tres colores en juego + blanco, interactuando: bordes, brillos y píldoras de
   nivel toman el COLOR HERMANO. El azul es EXCEPCIÓN EXPRESA del dueño solo
   para estas tarjetas de membresías — no se extiende a otras secciones.
   Todo texto medido >= 4,5:1 en ambos temas (ver CONSTANCIA.md).
   Scope estricto: #soluciones .fxsol-* (tarjetas de la foto). Precios, textos,
   beneficios y botones NO cambian: solo tratamiento de color. */

/* — Paleta local por tarjeta — */
#soluciones{--mc-jink:#0a2e18;--mc-jdeep:#124a27;--mc-jlight1:#7ccb8e;--mc-jlight2:#57b76f;--mc-jlight3:#3fa65a;
--mc-sdeep1:#1d7a35;--mc-sdeep2:#124a27;--mc-sdeep3:#0a2e18;--mc-slight:#cdeecd;--mc-sink:#0b3520;--mc-sck:#dcf9e0;
--mc-mblue1:rgba(110,185,255,.34);--mc-mblue2:rgba(45,130,205,.26);--mc-mink:#0a3a5e;--mc-mink2:#0f4a75;--mc-mck:#14532d;
--mc-pink:#10331e;--mc-pgreen:#175c2e;--mc-pgold:#8a5a00}

/* ============ JUNIOR — verde claro (tinta oscura), píldora y borde del verde oscuro ============ */
#soluciones .fxsol-card.fxsol-c3{background:linear-gradient(155deg,var(--mc-jlight1) 0%,var(--mc-jlight2) 55%,var(--mc-jlight3) 100%);
border:1.5px solid var(--mc-jdeep);box-shadow:0 16px 38px rgba(18,74,39,.32),inset 0 1px 0 rgba(255,255,255,.45);color:var(--mc-jink)}
#soluciones .fxsol-card.fxsol-c3 .fxsol-tag{background:var(--mc-jdeep);border-color:var(--mc-jdeep);color:#ffffff}
#soluciones .fxsol-card.fxsol-c3 h3{color:var(--mc-jink)}
#soluciones .fxsol-card.fxsol-c3 .fxsol-price{color:var(--mc-jink)}
#soluciones .fxsol-card.fxsol-c3 .fxsol-price small{color:var(--mc-jdeep)}
#soluciones .fxsol-card.fxsol-c3 .fxsol-feat li{color:var(--mc-jink)}
#soluciones .fxsol-card.fxsol-c3 .fxsol-feat .ck{color:var(--mc-jdeep)}
#soluciones .fxsol-card.fxsol-c3 .fxsol-mant{background:rgba(18,74,39,.14);border-color:rgba(18,74,39,.45);color:var(--mc-jink)}
#soluciones .fxsol-card.fxsol-c3 .fxsol-btn2{border-color:rgba(10,46,24,.65);color:var(--mc-jink)}

/* ============ SENIOR — verde oscuro de la marca (tinta blanca), píldora y borde del verde claro ============ */
#soluciones .fxsol-card.fxsol-c2{background:linear-gradient(155deg,var(--mc-sdeep1) 0%,var(--mc-sdeep2) 60%,var(--mc-sdeep3) 100%);
border:1.5px solid var(--mc-jlight2);box-shadow:0 16px 38px rgba(10,46,24,.55),0 0 26px rgba(87,183,111,.22);color:#fff}
#soluciones .fxsol-card.fxsol-c2 .fxsol-tag{background:var(--mc-slight);border-color:var(--mc-slight);color:var(--mc-sink)}
#soluciones .fxsol-card.fxsol-c2 h3{color:#fff}
#soluciones .fxsol-card.fxsol-c2 .fxsol-price{color:#fff}
#soluciones .fxsol-card.fxsol-c2 .fxsol-price small{color:#fff}
#soluciones .fxsol-card.fxsol-c2 .fxsol-feat li{color:#fff}
#soluciones .fxsol-card.fxsol-c2 .fxsol-feat .ck{color:var(--mc-sck)}
#soluciones .fxsol-card.fxsol-c2 .fxsol-mant{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.32);color:#fff}
#soluciones .fxsol-card.fxsol-c2 .fxsol-btn2{border-color:rgba(255,255,255,.75);color:#fff}

/* ============ MASTER — azul claro TRANSPARENTE (vidrio), píldora verde oscuro, textos según tema ============ */
#soluciones .fxsol-card.fxsol-c1{background:linear-gradient(160deg,var(--mc-mblue1),var(--mc-mblue2));
border:1.5px solid rgba(147,210,255,.75);box-shadow:0 16px 38px rgba(37,120,190,.38),inset 0 1px 0 rgba(255,255,255,.4);
backdrop-filter:blur(8px) saturate(1.25);-webkit-backdrop-filter:blur(8px) saturate(1.25);color:#fff}
#soluciones .fxsol-card.fxsol-c1 .fxsol-tag{background:var(--mc-jdeep);border-color:var(--mc-jdeep);color:#ffffff}
#soluciones .fxsol-card.fxsol-c1 h3{color:#fff}
#soluciones .fxsol-card.fxsol-c1 .fxsol-price{color:#fff}
#soluciones .fxsol-card.fxsol-c1 .fxsol-price small{color:rgba(255,255,255,.92)}
#soluciones .fxsol-card.fxsol-c1 .fxsol-feat li{color:#fff}
#soluciones .fxsol-card.fxsol-c1 .fxsol-feat .ck{color:#a7e8b0}
#soluciones .fxsol-card.fxsol-c1 .fxsol-mant{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.35);color:#fff}
#soluciones .fxsol-card.fxsol-c1 .fxsol-web b{color:#fff}
#soluciones .fxsol-card.fxsol-c1 .fxsol-btn2{border-color:rgba(255,255,255,.7);color:#fff}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1{border-color:rgba(45,130,205,.65);box-shadow:0 16px 38px rgba(45,130,205,.30),inset 0 1px 0 rgba(255,255,255,.65);color:var(--mc-mink)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 h3{color:var(--mc-mink)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-price{color:var(--mc-mink)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-price small{color:var(--mc-mink2)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-feat li{color:var(--mc-mink)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-feat .ck{color:var(--mc-mck)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-mant{background:rgba(10,58,94,.10);border-color:rgba(10,58,94,.42);color:var(--mc-mink)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-web{color:var(--mc-mink)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-web b{color:var(--mc-mink)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-btn{border:1.5px solid rgba(45,130,205,.6)}
html[data-tema="claro"] #soluciones .fxsol-card.fxsol-c1 .fxsol-btn2{border-color:rgba(10,58,94,.65);color:var(--mc-mink)}

/* ============ PREMIUM — blanco con acentos verdes, píldora azul (continuidad Plantillas) ============ */
#soluciones .fxsol-club{background:linear-gradient(160deg,#ffffff 0%,#ecf7ee 100%);
border:1.5px solid var(--mc-sdeep1);box-shadow:0 16px 38px rgba(29,122,53,.22);color:var(--mc-pink)}
#soluciones .fxsol-club .fxsol-tag{background:rgba(45,130,205,.14);border-color:rgba(45,130,205,.55);color:var(--mc-mink)}
#soluciones .fxsol-club h3{color:var(--mc-pink)}
#soluciones .fxsol-club .fxsol-ret-l p{color:var(--mc-pink)!important}
#soluciones .fxsol-club .fxsol-rprice{color:var(--mc-pink)}
#soluciones .fxsol-club .fxsol-rprice small{color:var(--mc-pgreen)}
#soluciones .fxsol-club .fxsol-feat li{color:var(--mc-pink)}
#soluciones .fxsol-club .fxsol-feat .ck{color:var(--mc-pgreen)}
#soluciones .fxsol-club .fxsol-mant{background:rgba(18,74,39,.07);border-color:rgba(18,74,39,.38);color:var(--mc-pink)}
#soluciones .fxsol-club .fxsol-btn{background:linear-gradient(92deg,var(--mc-sdeep1),var(--mc-jdeep));color:#fff}
#soluciones .fxsol-club .fxsol-btn2{background:transparent;border-color:var(--mc-sdeep1);color:var(--mc-jdeep)}
#soluciones .fxsol-club .fxsol-rprice+p{color:var(--mc-pgold)!important;font-weight:800}
/* EL PLAN - MATRIZ x6 (2026-10-22, orden del dueno con foto de #plan):
   el titular "Una escalera de 10 niveles. Una sola estructura: la x6."
   pasa a BLANCO pleno y el parrafo que va justo debajo ("Cada nivel
   multiplica por seis al anterior...") a un blanco MAS FUERTE.
   Alcance exacto: solo #plan h2 y el .sub2 adyacente. No toca el
   eyebrow, ni los rungs, ni La Cima/Zafiro, ni el segundo .sub2.
   OSCURO (el tema del dueno): blanco pleno #ffffff en ambos
   (21:1 sobre el negro de la seccion).
   CLARO: el fondo de la seccion es claro (#ffffff/#f4faf4) y el blanco
   seria ilegible, asi que el "blanco pleno" se traduce a la tinta
   plena del tema claro (#12291a): 13,9:1 sobre blanco. */
#plan h2{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#ffffff!important;
  color:#ffffff!important;
  animation:none!important;
}
#plan h2 + .sub2{color:#ffffff!important}
html[data-tema="claro"] #plan h2{
  -webkit-text-fill-color:#12291a!important;
  color:#12291a!important;
}
html[data-tema="claro"] #plan h2 + .sub2{color:#12291a!important}
/* HEROE «QUE ES FLYXS» (2026-10-22, orden del dueno con foto del heroe):
   el titular «No es una plantilla. / Es el motor de tu organizacion.»
   iba TODO en verde vivo. Mezcla pedida: la primera linea se queda en
   el verde vivo actual; la segunda —la que dice lo que Flyxs ES— pasa
   a BLANCO pleno y un punto mas grande (~1,15x sobre la primera).
   Alcance exacto: solo la segunda linea de este h2 (span.fxd-heroe-l2).
   No toca el eyebrow «QUE ES FLYXS» ni el parrafo de debajo.
   OSCURO (el tema del dueno): blanco pleno #ffffff
   (21:1 sobre el negro #000000 de la seccion).
   CLARO: el fondo de la seccion es claro (#ffffff/#f4faf4) y el blanco
   seria ilegible, asi que el «blanco pleno» se traduce a la tinta
   plena del tema claro (#12291a), como en #plan: ~15,5:1. */
#que-es h2 .fxd-heroe-l2{
  font-size:1.15em;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#ffffff!important;
  color:#ffffff!important;
}
html[data-tema="claro"] #que-es h2 .fxd-heroe-l2{
  -webkit-text-fill-color:#12291a!important;
  color:#12291a!important;
}
    #plantillas .fx-plantillas{grid-template-columns:repeat(2,1fr)}
    @media(max-width:920px){#plantillas .fx-plantillas{grid-template-columns:1fr}}
    #plantillas .fx-ficha{cursor:pointer;text-align:left}
    #plantillas .fx-ficha h3{font-size:20px;font-weight:800;margin:2px 0 4px}
    #plantillas .fx-ficha .fx-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;padding:4px 10px;border-radius:999px;border:1px solid var(--line)}
    #plantillas .fx-ficha svg{width:100%;height:auto;display:block;margin:12px 0 4px}
    #plantillas .fx-ficha-panel{border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-top:12px;background:rgba(61,190,75,.06)}
    #plantillas .fx-ficha-panel h4{font-size:11.5px;font-weight:800;letter-spacing:.13em;margin:8px 0 4px;opacity:.85}
    #plantillas .fx-ficha-panel h4:first-child{margin-top:0}
    #plantillas .fx-ficha-panel p,#plantillas .fx-ficha-panel li{font-size:14.3px;line-height:1.5;color:var(--mut)}
    #plantillas .fx-ficha-panel ul{margin:2px 0 0 17px;padding:0}
    #plantillas .fx-ficha-panel b{color:inherit}
    #plantillas .fx-demo-strip{margin-top:13px;font-size:13.6px;font-weight:650;border-top:1px dashed var(--line);padding-top:11px}
    #plantillas .fx-comp-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--line);border-radius:var(--r)}
    #plantillas table.fx-comp{width:100%;border-collapse:collapse;min-width:780px;background:linear-gradient(180deg,var(--card2),var(--card))}
    #plantillas .fx-comp th,#plantillas .fx-comp td{padding:11px 13px;text-align:left;font-size:14px;line-height:1.45;vertical-align:top;border-bottom:1px solid var(--line)}
    #plantillas .fx-comp th{font-size:12px;letter-spacing:.11em;font-weight:800;white-space:nowrap}
    #plantillas .fx-comp td:first-child{font-weight:750;white-space:nowrap}
    #plantillas .fx-sanidad{margin-top:18px;font-size:14px;line-height:1.55;color:var(--mut)}
  
/* Barra MODO LICENCIA — selector de ancho de la matriz (2 a 10).
   Rehecha 2026-10-17 (pasada barra-licencia): fuera el gris sombrío —
   cada ancho lleva su color de la rampa viva cian→violeta de Flyxs;
   la activa va en sólido pleno; el tema claro se gobierna con
   html[data-tema="claro"] (el selector body.tema-claro anterior
   jamás coincidía y dejaba las píldoras grises con texto blanco). */
.fxw{margin-top:16px;border:1px dashed rgba(163,230,53,.55);border-radius:14px;padding:13px 15px;background:rgba(163,230,53,.05);text-align:left}
.fxw .fxw-t{font-size:11.5px;font-weight:800;letter-spacing:.13em;color:#65a30d}
html[data-tema="claro"] .fxw{background:rgba(101,163,13,.07);border-color:rgba(101,163,13,.5)}
html[data-tema="claro"] .fxw .fxw-t{color:#3f6212}
.fxw .fxw-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.fxw .fxw-b{font:inherit;cursor:pointer;border:1px solid;border-radius:99px;padding:6px 14px;font-weight:800;font-size:13.5px;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.fxw .fxw-b small{font-weight:650;opacity:1;font-size:11px}
.fxw .fxw-b[data-ancho="2"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(61,190,75,0.16);border-color:rgba(61,190,75,0.55);color:#3dbe4b}
.fxw .fxw-b[data-ancho="2"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(61,190,75,0.26);border-color:#3dbe4b}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="2"]{background:rgba(61,190,75,0.2);border-color:rgba(33,133,7,0.5);color:#124a27}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="2"]:hover{background:rgba(61,190,75,0.26);border-color:#124a27}
.fxw .fxw-b[data-ancho="2"][aria-pressed="true"]{background:#3dbe4b;border-color:#3dbe4b;color:#000000;box-shadow:0 0 0 1px rgba(61,190,75,0.55),0 6px 18px rgba(61,190,75,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="2"][aria-pressed="true"]{background:#3dbe4b;border-color:#3dbe4b;color:#000000}
.fxw .fxw-b[data-ancho="3"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(100,240,50,0.16);border-color:rgba(100,240,50,0.55);color:#64f032}
.fxw .fxw-b[data-ancho="3"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(100,240,50,0.26);border-color:#64f032}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="3"]{background:rgba(100,240,50,0.2);border-color:rgba(33,133,7,0.5);color:#124a27}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="3"]:hover{background:rgba(100,240,50,0.26);border-color:#124a27}
.fxw .fxw-b[data-ancho="3"][aria-pressed="true"]{background:#64f032;border-color:#64f032;color:#000000;box-shadow:0 0 0 1px rgba(100,240,50,0.55),0 6px 18px rgba(100,240,50,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="3"][aria-pressed="true"]{background:#64f032;border-color:#64f032;color:#000000}
.fxw .fxw-b[data-ancho="4"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(103,242,66,0.16);border-color:rgba(103,242,66,0.55);color:#67f242}
.fxw .fxw-b[data-ancho="4"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(103,242,66,0.26);border-color:#67f242}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="4"]{background:rgba(58,166,85,0.2);border-color:rgba(30,139,61,0.5);color:#1e8b3d}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="4"]:hover{background:rgba(58,166,85,0.26);border-color:#1e8b3d}
.fxw .fxw-b[data-ancho="4"][aria-pressed="true"]{background:#67f242;border-color:#67f242;color:#000000;box-shadow:0 0 0 1px rgba(103,242,66,0.55),0 6px 18px rgba(103,242,66,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="4"][aria-pressed="true"]{background:#67f242;border-color:#67f242;color:#000000}
.fxw .fxw-b[data-ancho="5"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(105,245,82,0.16);border-color:rgba(105,245,82,0.55);color:#69f552}
.fxw .fxw-b[data-ancho="5"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(105,245,82,0.26);border-color:#69f552}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="5"]{background:rgba(105,245,82,0.2);border-color:rgba(33,216,29,0.5);color:#1d7a35}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="5"]:hover{background:rgba(105,245,82,0.26);border-color:#1d7a35}
.fxw .fxw-b[data-ancho="5"][aria-pressed="true"]{background:#69f552;border-color:#69f552;color:#000000;box-shadow:0 0 0 1px rgba(105,245,82,0.55),0 6px 18px rgba(105,245,82,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="5"][aria-pressed="true"]{background:#69f552;border-color:#69f552;color:#000000}
.fxw .fxw-b[data-ancho="6"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(109,247,99,0.16);border-color:rgba(109,247,99,0.55);color:#6df763}
.fxw .fxw-b[data-ancho="6"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(109,247,99,0.26);border-color:#6df763}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="6"]{background:rgba(87,217,119,0.2);border-color:rgba(29,122,53,0.5);color:#175c2e}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="6"]:hover{background:rgba(87,217,119,0.26);border-color:#175c2e}
.fxw .fxw-b[data-ancho="6"][aria-pressed="true"]{background:#6df763;border-color:#6df763;color:#000000;box-shadow:0 0 0 1px rgba(109,247,99,0.55),0 6px 18px rgba(109,247,99,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="6"][aria-pressed="true"]{background:#6df763;border-color:#6df763;color:#000000}
.fxw .fxw-b[data-ancho="7"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(115,249,119,0.16);border-color:rgba(115,249,119,0.55);color:#8aff8e}
.fxw .fxw-b[data-ancho="7"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(115,249,119,0.26);border-color:#73f977}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="7"]{background:rgba(115,249,119,0.2);border-color:rgba(33,182,76,0.5);color:#124a27}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="7"]:hover{background:rgba(115,249,119,0.26);border-color:#124a27}
.fxw .fxw-b[data-ancho="7"][aria-pressed="true"]{background:#73f977;border-color:#73f977;color:#000000;box-shadow:0 0 0 1px rgba(115,249,119,0.55),0 6px 18px rgba(115,249,119,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="7"][aria-pressed="true"]{background:#73f977;border-color:#73f977;color:#000000}
.fxw .fxw-b[data-ancho="8"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(122,251,140,0.16);border-color:rgba(122,251,140,0.55);color:#94ffa1}
.fxw .fxw-b[data-ancho="8"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(122,251,140,0.26);border-color:#7afb8c}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="8"]{background:rgba(122,251,140,0.2);border-color:rgba(40,217,92,0.5);color:#175c2e}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="8"]:hover{background:rgba(122,251,140,0.26);border-color:#175c2e}
.fxw .fxw-b[data-ancho="8"][aria-pressed="true"]{background:#7afb8c;border-color:#7afb8c;color:#000000;box-shadow:0 0 0 1px rgba(122,251,140,0.55),0 6px 18px rgba(122,251,140,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="8"][aria-pressed="true"]{background:#7afb8c;border-color:#7afb8c;color:#000000}
.fxw .fxw-b[data-ancho="9"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(107,253,142,0.16);border-color:rgba(107,253,142,0.55);color:#8fffa7}
.fxw .fxw-b[data-ancho="9"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(107,253,142,0.26);border-color:#6bfd8e}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="9"]{background:rgba(107,253,142,0.2);border-color:rgba(40,217,92,0.5);color:#175c2e}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="9"]:hover{background:rgba(107,253,142,0.26);border-color:#175c2e}
.fxw .fxw-b[data-ancho="9"][aria-pressed="true"]{background:#6bfd8e;border-color:#6bfd8e;color:#000000;box-shadow:0 0 0 1px rgba(107,253,142,0.55),0 6px 18px rgba(107,253,142,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="9"][aria-pressed="true"]{background:#6bfd8e;border-color:#6bfd8e;color:#000000}
.fxw .fxw-b[data-ancho="10"]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(87,217,119,0.16);border-color:rgba(87,217,119,0.55);color:#78ffa4}
.fxw .fxw-b[data-ancho="10"]:hover{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),rgba(87,217,119,0.26);border-color:#3dbe4b}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="10"]{background:rgba(87,217,119,0.2);border-color:rgba(29,122,53,0.5);color:#124a27}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="10"]:hover{background:rgba(87,217,119,0.26);border-color:#124a27}
.fxw .fxw-b[data-ancho="10"][aria-pressed="true"]{background:#3dbe4b;border-color:#3dbe4b;color:#000000;box-shadow:0 0 0 1px rgba(87,217,119,0.55),0 6px 18px rgba(87,217,119,0.35)}
html[data-tema="claro"] .fxw .fxw-b[data-ancho="10"][aria-pressed="true"]{background:#3dbe4b;border-color:#3dbe4b;color:#000000}
.fxw .fxw-h{margin-top:10px;font-size:13.3px;line-height:1.55;color:var(--ink)}
/* Correcciones del inventario completo #plantillas/#modulos — 2026-10-17 */
#plantillas .fxd-dots .fxd-d.fxd-n{background:var(--lc2);color:#fff}
html[data-tema="claro"] #plantillas .fx-ficha[data-expl="plan-unilevel"] .fx-tag{color:#124a27!important}
html[data-tema="claro"] #plantillas .fx-ficha[data-expl="plan-binario"] .fx-tag{color:#124a27!important}
html[data-tema="claro"] #plantillas .fx-ficha[data-expl="plan-licencias"] .fx-tag{color:#175c2e!important}
html[data-tema="claro"] #plantillas .fx-ficha[data-expl="plan-combinado"] .fx-tag{color:#9a3412!important}
/* ===== LA CALCULADORA DEL PLAN (2026-10-17) =====
   Herramienta interactiva en #plantillas: el prospecto pone su presupuesto
   y el % que destina al plan; el algoritmo aplica SOLO las reglas públicas
   de las fichas (Unilevel 15/5/4/3/2/0,5 + gen 2% · Binario 20% + 10%
   pierna menor con tope $300/día/rango · Licencias 25/35/50, diferenciales,
   PB 2–7%, royalties hasta 5% · Matriz ×6: hasta 70% a la red y su
   estructura ×6; sus % por nivel no son públicos y no se inventan). */
.fxc{--pc:#65a30d;margin:44px auto 0;max-width:940px}
.fxc-kick{text-align:center;color:var(--teal2);font-weight:800;letter-spacing:.18em;font-size:12px;margin-bottom:10px}
.fxc h3.fxc-t{font-size:26px;font-weight:900;text-align:center;margin:0 0 8px;line-height:1.2}
.fxc .fxc-sub{max-width:720px;margin:0 auto;text-align:center;color:var(--mut);font-size:15px;line-height:1.6}
.fxc .fxc-sub b{color:var(--ink)}
.fxc-panel{margin-top:20px;border:1px solid var(--line);border-radius:var(--r);padding:24px 20px 20px;background:repeating-radial-gradient(circle at 50% 118%,rgba(61,190,75,.07) 0 1px,transparent 1px 58px),linear-gradient(165deg,rgba(17,58,16,.88),rgba(0,0,0,.94));box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
html[data-tema="claro"] .fxc-panel{background:repeating-radial-gradient(circle at 50% 118%,rgba(30,139,61,.10) 0 1px,transparent 1px 58px),linear-gradient(165deg,#ffffff,#ebffe9);box-shadow:0 18px 44px rgba(18,74,39,.14),inset 0 1px 0 #fff}
.fxc-ins{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:end}
@media(max-width:820px){.fxc-ins{grid-template-columns:1fr}}
.fxc-flab{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--dim);margin-bottom:7px}
.fxc-inp{width:100%;background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:19px;font-weight:800;padding:11px 14px}
html[data-tema="claro"] .fxc-inp{background:rgba(255,255,255,.85);color:#12291a}
.fxc-inp:focus{outline:2px solid var(--pc);outline-offset:1px}
.fxc-rng{width:100%;accent-color:var(--pc);margin-top:10px}
.fxc-fondo{border:1px dashed var(--pc);border-radius:12px;padding:10px 14px;background:rgba(87,217,119,.05);text-align:center}
.fxc-fondo .fxc-fv{display:block;font-size:24px;font-weight:900;color:var(--pc);line-height:1.15}
.fxc-fondo .fxc-fl{display:block;font-size:12px;color:var(--mut);margin-top:2px}
.fxc-ej{margin-top:12px;text-align:center}
.fxc-ej button{font:inherit;cursor:pointer;font-size:13px;font-weight:700;color:var(--mut);background:none;border:1px solid var(--line);border-radius:99px;padding:6px 14px;transition:border-color .25s,color .25s}
.fxc-ej button:hover{color:var(--ink);border-color:var(--pc)}
.fxc-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.fxc-tab{font:inherit;cursor:pointer;border:1px solid var(--line);border-top:3px solid var(--pc);background:rgba(18,74,39,.55);color:var(--mut);border-radius:99px;padding:9px 16px;font-weight:800;font-size:14.5px;display:inline-flex;gap:7px;align-items:baseline;transition:border-color .25s,color .25s,background .25s,transform .25s,box-shadow .25s}
html[data-tema="claro"] .fxc-tab{background:rgba(255,255,255,.65)}
.fxc-tab small{font-size:10.5px;letter-spacing:.08em;opacity:.75;font-weight:700}
.fxc-tab:hover{color:var(--ink);border-color:var(--pc)}
.fxc-tab[aria-selected="true"]{color:var(--ink);background:linear-gradient(180deg,var(--card2),var(--card));border-color:var(--pc);box-shadow:0 8px 24px rgba(0,0,0,.38);transform:translateY(-1px)}
.fxc-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
.fxc-stat{min-width:172px;flex:1;max-width:290px;text-align:center;border:1px solid var(--line);border-radius:14px;padding:11px 14px;background:rgba(0,0,0,.35)}
html[data-tema="claro"] .fxc-stat{background:rgba(255,255,255,.65)}
.fxc-stat .fxc-v{display:block;font-size:22px;font-weight:900;color:var(--pc);line-height:1.15}
.fxc-stat .fxc-l{display:block;font-size:12px;color:var(--mut);margin-top:2px;line-height:1.45}
.fxc-rows{margin-top:20px;display:grid;gap:7px}
.fxc-row{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;display:grid;grid-template-columns:minmax(150px,1.15fr) 2fr auto;gap:12px;align-items:center;background:rgba(0,0,0,.30);border:1px solid var(--line);border-radius:12px;padding:9px 13px;transition:border-color .25s,background .25s,box-shadow .25s}
html[data-tema="claro"] .fxc-row{background:rgba(255,255,255,.55)}
.fxc-row:hover{border-color:var(--pc)}
.fxc-row.fxc-on{border-color:var(--pc);background:rgba(87,217,119,.07);box-shadow:0 0 0 1px var(--pc)}
.fxc-row .fxc-rn{font-size:13.5px;font-weight:750;line-height:1.35}
.fxc-row .fxc-rn small{display:block;font-size:11.5px;color:var(--dim);font-weight:650}
.fxc-row .fxc-bar{height:11px;border-radius:99px;background:rgba(87,217,119,.13);overflow:hidden}
.fxc-row .fxc-fl{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--pc),#1d7a35);transition:width .9s cubic-bezier(.22,.8,.3,1) var(--d,0ms)}
.fxc-row .fxc-ra{font-weight:900;font-size:15px;color:var(--pc);white-space:nowrap;text-align:right}
.fxc-row .fxc-ra small{display:block;font-size:11px;color:var(--mut);font-weight:650}
.fxc-row.fxc-note{cursor:default;opacity:.92}
.fxc-cap{margin:16px auto 0;max-width:680px;text-align:center;color:var(--mut);font-size:14.5px;line-height:1.55;min-height:46px}
.fxc-cap b{color:var(--ink)}
.fxc-proj{margin-top:26px;border-top:1px dashed var(--line);padding-top:20px}
.fxc-proj h4{font-size:17px;font-weight:850;text-align:center;margin:0 0 4px}
.fxc-proj .fxc-psub{text-align:center;color:var(--mut);font-size:13.8px;line-height:1.55;max-width:660px;margin:0 auto}
.fxc-seg{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.fxc-seg button{font:inherit;cursor:pointer;border:1px solid var(--line);background:none;color:var(--mut);border-radius:99px;padding:7px 16px;font-weight:800;font-size:13.5px;transition:border-color .25s,color .25s,background .25s}
.fxc-seg button[aria-pressed="true"]{color:#124a27;background:var(--pc);border-color:var(--pc)}
.fxc-pbars{margin-top:16px;display:grid;gap:9px;max-width:720px;margin-left:auto;margin-right:auto}
.fxc-pb{display:grid;grid-template-columns:118px 1fr auto;gap:11px;align-items:center;font-size:13px}
.fxc-pb .fxc-pl{color:var(--mut);font-weight:700;text-align:right;line-height:1.3}
.fxc-pb .fxc-bar{height:13px;border-radius:99px;background:rgba(87,217,119,.13);overflow:hidden}
.fxc-pb .fxc-fl{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--pc),#1d7a35);transition:width 1s cubic-bezier(.22,.8,.3,1)}
.fxc-pb .fxc-fl.vol{background:rgba(87,217,119,.4)}
.fxc-pb .fxc-pa{font-weight:900;white-space:nowrap;color:var(--ink)}
.fxc-pnote{margin-top:12px;text-align:center;color:var(--mut);font-size:13.3px;line-height:1.55;max-width:680px;margin-left:auto;margin-right:auto}
.fxc-hon{margin-top:20px;text-align:center;color:var(--mut);font-size:13.3px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}
.fxc-cta{margin-top:16px;text-align:center}
@media(max-width:640px){
  .fxc-row{grid-template-columns:1fr auto}
  .fxc-row .fxc-bar{grid-column:1/-1;order:3}
  .fxc-pb{grid-template-columns:92px 1fr auto}
  .fxc-stat{min-width:132px}
}
@media(prefers-reduced-motion:reduce){
  .fxc *,.fxc *::before,.fxc *::after{transition:none!important;animation:none!important}
}
    .fxm{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;background:linear-gradient(120deg,rgba(61,190,75,.10),rgba(30,139,61,.10)),linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(61,190,75,.35);border-radius:20px;padding:24px}
    .fxm-lab{font-size:.78rem;font-weight:800;letter-spacing:.05em;color:var(--teal2);text-transform:uppercase}
    .fxm h3{font-size:22px;margin:8px 0 6px}
    .fxm p{color:var(--mut);font-size:14.5px;line-height:1.55;margin:0}
    .fxm-flab{display:block;margin-top:16px;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:.02em}
    .fxm-inp{width:100%;margin-top:7px;background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:16px;padding:12px 14px}
    .fxm-inp:focus{outline:2px solid rgba(61,190,75,.6);outline-offset:1px}
    html[data-tema="claro"] .fxm-inp{background:rgba(255,255,255,.85);color:#12291a}
    .fxm-addr{margin-top:9px;font-size:14px;color:var(--mut)}
    .fxm-addr b{color:var(--teal2)}
    .fxm-logorow{display:flex;align-items:center;gap:12px;margin-top:7px;flex-wrap:wrap}
    .fxm-up{display:inline-block;cursor:pointer;background:rgba(61,190,75,.12);border:1px solid rgba(61,190,75,.45);color:var(--ink);border-radius:999px;padding:9px 16px;font-size:13.8px;font-weight:700}
    .fxm-up:hover{background:rgba(61,190,75,.22)}
    .fxm-logonote{font-size:13px;color:var(--mut)}
    .fxm-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
    .fxm-quitar{margin-top:14px;background:none;border:0;color:var(--mut);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:0}
    .fxm-note{margin-top:14px;font-size:12.8px}
    .fxm-prev{background:#000000;border:1px solid rgba(87,217,119,.22);border-radius:16px;overflow:hidden;align-self:start}
    .fxm-chrome{display:flex;align-items:center;gap:6px;background:#0e260d;padding:9px 12px;border-bottom:1px solid rgba(87,217,119,.16)}
    .fxm-dot{width:10px;height:10px;border-radius:50%;background:#8fa583;flex:none}
    .fxm-url{margin-left:8px;background:#0d140e;border:1px solid rgba(87,217,119,.22);color:#d8ecd9;border-radius:999px;padding:4px 12px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .fxm-office{padding:16px}
    .fxm-top{display:flex;align-items:center;gap:11px}
    .fxm-plogo{width:42px;height:42px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#fff;background:linear-gradient(135deg,#1e8b3d,#1d7a35);overflow:hidden}
    .fxm-plogo img{width:100%;height:100%;object-fit:cover;display:block}
    .fxm-pname{display:flex;flex-direction:column;line-height:1.15;min-width:0}
    .fxm-pname b{color:#ffffff;font-size:18px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .fxm-pname small{color:#8fbc94;font-size:10px;font-weight:700;letter-spacing:.22em}
    .fxm-pbadge{margin-left:auto;background:#f5b942;color:#12291a;font-weight:900;font-size:.68rem;border-radius:999px;padding:5px 10px;white-space:nowrap}
    .fxm-tree{margin-top:18px;background:#0d140e;border:1px solid rgba(87,217,119,.16);border-radius:14px;padding:14px;text-align:center}
    .fxm-node{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;font-weight:900;font-size:19px;background:linear-gradient(135deg,#1e8b3d,#1d7a35);overflow:hidden}
    .fxm-node img{width:100%;height:100%;object-fit:cover;display:block}
    .fxm-nrow{display:flex;justify-content:center;gap:8px;margin-top:10px}
    .fxm-nrow i{width:20px;height:20px;border-radius:50%;background:rgba(61,190,75,.35);border:1px solid rgba(61,190,75,.5)}
    .fxm-tree small{display:block;margin-top:10px;color:#8fbc94;font-size:12px}
    .fxm-bars{margin-top:14px;display:grid;gap:8px}
    .fxm-bars i{display:block;height:9px;border-radius:99px;background:linear-gradient(90deg,rgba(61,190,75,.55),rgba(30,139,61,.55))}
    @media(max-width:920px){.fxm{grid-template-columns:1fr}}
    
    .fx-vid-lab{font-size:.78rem;font-weight:800;letter-spacing:.05em;color:var(--teal2);text-transform:uppercase;margin-top:30px}
    .fx-vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
    .fx-vid{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:9px}
    .fx-vid video{width:100%;border-radius:12px;background:#000;aspect-ratio:16/9;display:block}
    .fx-vid h3{font-size:16.5px;margin:2px 0 0}
    .fx-vid p{color:var(--mut);font-size:13.6px;line-height:1.5;margin:0;flex:1}
    .fx-vid-cta{display:flex;flex-wrap:wrap;gap:8px}
    .fx-vid-cta .btn{flex:1;justify-content:center;padding:10px 12px;font-size:14px;white-space:normal;text-align:center}
    .fx-t1d{margin-top:22px;background:linear-gradient(120deg,rgba(30,139,61,.14),rgba(30,139,61,.14)),linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(61,190,75,.35);border-radius:20px;padding:20px}
    .fx-t1d-head{font-size:.78rem;font-weight:800;letter-spacing:.05em;color:var(--teal2);text-transform:uppercase;display:flex;align-items:center;gap:8px}
    .fx-t1d-dot{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18);flex:none}
    .fx-t1d-bubble{margin-top:12px;background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.55;color:var(--ink)}
    html[data-tema="claro"] .fx-t1d-bubble{background:rgba(255,255,255,.8);color:#12291a}
    .fx-t1d-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
    .fx-t1d-chip{background:rgba(61,190,75,.12);color:var(--ink);border:1px solid rgba(61,190,75,.45);border-radius:999px;padding:9px 14px;font-size:13.8px;font-weight:700;cursor:pointer;font-family:inherit}
    .fx-t1d-chip:hover{background:rgba(61,190,75,.22)}
    .fx-t1d .btn{margin-top:14px}
    .fx-entrega-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
    @media(max-width:920px){.fx-vid-grid{grid-template-columns:1fr}}
    
    .fxesp-lab{display:block;font-size:12.5px;font-weight:700;letter-spacing:.05em;color:var(--mut);margin:13px 0 6px;text-align:left}
    .fxesp-inp{width:100%;background:#124a27;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-size:15.5px;padding:11px 13px;outline:none;font-family:inherit}
    .fxesp-inp:focus{border-color:var(--teal2);box-shadow:0 0 0 3px rgba(61,190,75,.18)}
    .fxesp-msg{display:none;border-radius:11px;padding:10px 13px;font-size:14px;margin-top:14px;line-height:1.45;text-align:left}
    .fxesp-msg.ok{display:block;background:rgba(20,160,90,.13);border:1px solid rgba(34,211,160,.45);color:#b7f4d8}
    .fxesp-msg.err{display:block;background:rgba(220,60,80,.13);border:1px solid rgba(220,60,80,.45);color:#ffb9c2}
    html[data-tema="claro"] .fxesp-inp{background:#ffffff}
    html[data-tema="claro"] .fxesp-msg.ok{color:#0a6640}
    html[data-tema="claro"] .fxesp-msg.err{color:#a81c36}
  
.fx-store-hero{margin:28px 0 18px;padding:26px;border:1px solid rgba(61,190,75,.48);border-radius:var(--r);background:linear-gradient(130deg,rgba(61,190,75,.16),rgba(30,139,61,.13)),linear-gradient(180deg,var(--card2),var(--card));display:grid;grid-template-columns:1.3fr .7fr;gap:26px;align-items:center}
.fx-store-hero h3{font-size:clamp(24px,3vw,36px);line-height:1.12;margin:4px 0 10px;color:var(--ink)}
.fx-store-hero p{color:var(--mut);line-height:1.6;font-size:15.5px}
.fx-store-kick{font-size:.76rem;font-weight:900;letter-spacing:.14em;color:var(--teal2)}
.fx-store-pricebox{background:rgba(5,12,7,.34);border:1px solid rgba(61,190,75,.45);border-radius:18px;padding:20px}
html[data-tema="claro"] .fx-store-pricebox{background:rgba(255,255,255,.68)}
.fx-store-pricebox b{display:block;font-size:.76rem;letter-spacing:.13em;color:var(--teal2)}
.fx-store-pricebox strong{display:block;font-size:clamp(34px,5vw,52px);line-height:1;color:var(--ink);margin:8px 0 4px}
.fx-store-pricebox span{display:block;color:var(--mut);font-weight:700;line-height:1.45}
.fx-store-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.fx-store-actions .btn{justify-content:center}
.tier .fx-store-actions .btn{flex:1 1 148px}
.fx-store-code{margin-top:14px;padding:18px 20px;border:1px solid rgba(121,249,188,.45);border-radius:18px;background:linear-gradient(120deg,rgba(61,190,75,.15),rgba(61,190,75,.10));display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fx-store-code h3{margin:0 0 4px;font-size:20px;color:var(--ink)}
.fx-store-code p{margin:0;color:var(--mut);line-height:1.5}
.fx-store-price .fx-store-amount{display:block;font-size:25px;line-height:1.1;color:var(--ink);font-weight:900;margin:3px 0}
.fx-store-price .fx-store-amount small{font-size:13px;color:var(--teal2)}
.fx-shop-backdrop{position:fixed;inset:0;z-index:10030;background:rgba(18,74,39,.76);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}
.fx-shop-backdrop[hidden]{display:none!important}
.fx-shop{position:relative;width:min(700px,100%);max-height:92vh;overflow:auto;background:linear-gradient(155deg,#134a10,#104419 58%,#15460d);color:#f4fff6;border:1px solid rgba(61,190,75,.62);border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
html[data-tema="claro"] .fx-shop{background:linear-gradient(155deg,#ffffff,#dcfce7 58%,#f4faf4);color:#12291a;border-color:rgba(29,122,53,.55)}
.fx-shop-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(61,190,75,.6);background:rgba(61,190,75,.14);color:inherit;font-size:20px;cursor:pointer}
.fx-shop h3{font-size:30px;line-height:1.15;margin:4px 42px 8px 0}
.fx-shop .fx-shop-sub{color:#dcfce7;line-height:1.55;margin:0 0 18px}
html[data-tema="claro"] .fx-shop .fx-shop-sub{color:#175c2e}
.fx-shop-total{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(139,250,164,.52);border-radius:16px;background:rgba(30,139,61,.16);margin-bottom:20px}
.fx-shop-total span{display:block;font-size:.78rem;font-weight:900;letter-spacing:.1em;color:#9fe8b4}
html[data-tema="claro"] .fx-shop-total span{color:#175c2e}
.fx-shop-total strong{font-size:32px;line-height:1}
.fx-shop-total small{display:block;text-align:right;color:#dcfce7;line-height:1.4}
html[data-tema="claro"] .fx-shop-total small{color:#175c2e}
.fx-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fx-shop-grid .full{grid-column:1/-1}
.fx-shop label{display:block;font-weight:800;font-size:14px;margin-bottom:7px}
.fx-shop input,.fx-shop select{width:100%;box-sizing:border-box;border:1px solid rgba(61,190,75,.62);border-radius:12px;background:rgba(255,255,255,.08);color:inherit;padding:12px 13px;font:inherit;margin-top:7px}
html[data-tema="claro"] .fx-shop input,html[data-tema="claro"] .fx-shop select{background:#fff;color:#12291a}
.fx-shop fieldset{border:0;padding:0;margin:20px 0 0}
.fx-shop legend{font-weight:900;margin-bottom:10px}
.fx-rail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.fx-rail{border:1px solid rgba(153,252,125,.5);background:rgba(61,190,75,.10);color:inherit;border-radius:14px;padding:13px 14px;text-align:left;font:inherit;font-weight:900;cursor:pointer}
.fx-rail small{display:block;font-weight:600;opacity:.86;margin-top:3px;line-height:1.4}
.fx-rail[aria-pressed="true"]{background:linear-gradient(92deg,#38b208,#175c2e);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(40,233,14,.28)}
.fx-rail:disabled{opacity:.58;cursor:not-allowed}
.fx-shop-help,.fx-shop-error{line-height:1.5;margin:12px 0 0;color:#dcfce7}
html[data-tema="claro"] .fx-shop-help,html[data-tema="claro"] .fx-shop-error{color:#124a27}
.fx-shop-error{color:#fed7aa;font-weight:800}
.fx-shop-formactions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.fx-shop-result{margin-top:22px;border-top:1px solid rgba(61,190,75,.35);padding-top:20px}
.fx-shop-result h4{font-size:21px;margin:0 0 10px}
.fx-shop-result p{line-height:1.55;color:#dcfce7}
html[data-tema="claro"] .fx-shop-result p{color:#175c2e}
.fx-shop-result code{word-break:break-all;background:rgba(61,190,75,.13);border:1px solid rgba(61,190,75,.35);border-radius:8px;padding:2px 6px}
.fx-shop-result .fx-store-actions .btn{flex:1 1 170px}
@media(max-width:760px){.fx-store-hero{grid-template-columns:1fr}.fx-shop-grid,.fx-rail-grid{grid-template-columns:1fr}.fx-shop{padding:22px 18px}.fx-shop-total{align-items:start;flex-direction:column}.fx-shop-total small{text-align:left}}
.fx-pay-btn{flex:1 1 100%;padding:17px 24px;font-size:19px;font-weight:900;letter-spacing:.02em;border-radius:16px;background:linear-gradient(92deg,#38b208,#175c2e);color:#fff;box-shadow:0 12px 30px rgba(40,233,14,.35)}
.fx-pay-btn:hover{filter:brightness(1.12)}
.fx-store-payhint{margin:12px 0 0;color:var(--mut);font-size:14.5px;line-height:1.55}
.fx-store-payhint b{color:var(--ink)}
.fx-prod-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
.fx-prod{border:1px solid rgba(153,252,125,.5);background:rgba(61,190,75,.10);color:inherit;border-radius:14px;padding:12px 14px;text-align:left;font:inherit;font-weight:900;cursor:pointer}
.fx-prod small{display:block;font-weight:600;opacity:.86;margin-top:3px;line-height:1.4}
.fx-prod[aria-pressed="true"]{background:linear-gradient(92deg,#38b208,#175c2e);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(40,233,14,.28)}
.fx-rail-off{background:#f59e0b;color:#231303;border-radius:999px;padding:1px 8px;font-size:.76em;font-weight:900;margin-left:6px;vertical-align:2px;white-space:nowrap}
@media(max-width:760px){.fx-prod-toggle{grid-template-columns:1fr}}
    .fx-mov{display:inline-block;margin:2px 0 10px;padding:4px 10px;border-radius:99px;border:1px solid rgba(61,190,75,.5);color:var(--teal2);font-size:11.5px;font-weight:800;letter-spacing:.06em}
    .fx-demo-note{margin-top:10px;color:var(--mut);font-size:13.5px;line-height:1.5}
    .fx-club{margin-top:16px;border:1px solid rgba(232,177,60,.55);background:linear-gradient(120deg,rgba(232,177,60,.10),rgba(61,190,75,.05)),linear-gradient(180deg,var(--card2),var(--card))}
    .fx-club-tag{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:99px;background:rgba(232,177,60,.16);border:1px solid rgba(232,177,60,.6);color:#e8b13c;font-size:11.5px;font-weight:800;letter-spacing:.06em}
    
      .fx-vigia-tag{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:99px;background:#f97316;border:1px solid #f97316;color:#231303;font-size:11.5px;font-weight:800;letter-spacing:.06em}
      .fx-vigia-card .fx-store-actions .btn{flex:0 1 auto}
      
    .fx-cat{font-size:1.28rem;font-weight:800;margin:32px 0 14px}
    #catalogo-ecosistema .price{font-size:1.25rem;font-weight:800;margin:12px 0 10px}
    
            .fxad{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
      @media (max-width:760px){.fxad{grid-template-columns:1fr}}
      .fxad-card{position:relative;overflow:hidden;border:1px solid var(--line,#ffffff22);border-radius:16px;padding:20px;background:rgba(255,255,255,.04);box-shadow:0 10px 26px rgba(18,41,26,.10);transition:transform .3s ease,box-shadow .3s ease}
      .fxad-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#fb5e5e,#fbbf24)}
      .fxad-card:last-child::before{background:linear-gradient(90deg,#1E8B3D,#3DBE4B)}
      .fxad-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,41,26,.16)}
      .fxad-card h3{margin:0 0 12px;font-size:19px}
      .fxad-row{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed rgba(127,127,127,.25);font-size:15px;border-radius:8px;transition:background .25s ease}
      .fxad-row:hover{background:rgba(61,190,75,.06)}
      .fxad-row:last-child{border-bottom:none}
      .fxad-row b{color:var(--ink)}
      .fxad-row span{color:var(--mut)}
      .fxad-dot{flex:none;width:13px;height:13px;border-radius:50%;margin-top:5px;box-shadow:0 0 0 3px rgba(127,127,127,.12)}
      .fxad-consola{position:relative;overflow:hidden;margin-top:16px;border:1px solid var(--line,#ffffff22);border-radius:16px;padding:20px;background:rgba(255,255,255,.04);box-shadow:0 10px 26px rgba(18,41,26,.10)}
      .fxad-consola::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1E8B3D,#3DBE4B,#FF8A3D)}
      .fxad-crow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:9px 0;border-bottom:1px dashed rgba(127,127,127,.25);font-size:14.5px;border-radius:8px;transition:background .25s ease}
      .fxad-crow:hover{background:rgba(61,190,75,.06)}
      .fxad-crow:last-of-type{border-bottom:none}
      .fxad-cname{font-weight:800;min-width:150px;color:var(--ink)}
      .fxad-cmot{flex:1 1 260px;color:var(--mut)}
      .fxad-chip{flex:none;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid;letter-spacing:.2px}
      .fxad-mid{color:#fbbf24;border-color:rgba(251,191,36,.55);background:rgba(251,191,36,.12)}
      .fxad-act{color:#38bdf8;border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.10)}
    
  .fxsol-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;align-items:stretch}
  .fxsol-card{border-radius:20px;padding:26px 24px 24px;color:#fff;display:flex;flex-direction:column;min-width:0;box-shadow:0 16px 38px rgba(122,60,20,.45)}
  .fxsol-c1{background:linear-gradient(155deg,#1d7a35 0%,#0a2e18 100%)}
  .fxsol-c2{background:linear-gradient(155deg,#175c2e 0%,#1e8b3d 100%)}
  .fxsol-c3{background:linear-gradient(155deg,#1e8b3d 0%,#175c2e 100%)}
  .fxsol-tag{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:5px 11px;color:#fff}
  .fxsol-card h3{color:#fff;font-size:22px;margin:14px 0 2px}
  .fxsol-price{font-size:42px;font-weight:900;line-height:1.05;color:#fff;margin:8px 0 2px}
  .fxsol-price small{display:block;font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff7ea;margin-top:5px}
  .fxsol-feat{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:9px}
  .fxsol-feat li{display:flex;gap:9px;font-size:14.5px;line-height:1.5;color:#fff}
  .fxsol-feat .ck{font-weight:900;color:#fde68a;flex:none}
  .fxsol-web{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);border-radius:14px;padding:13px 14px;font-size:14.5px;line-height:1.55;color:#fff;margin:0 0 18px}
  .fxsol-web b{color:#fff}
  .fxsol-btn{margin-top:auto;display:block;text-align:center;background:#fff;color:#12291a;font-weight:800;font-size:15.5px;padding:13px 16px;border-radius:12px;text-decoration:none}
  .fxsol-btn:hover{opacity:.92}
  .fxsol-note{color:var(--mut);text-align:center;max-width:720px;margin:20px auto 0;font-size:15px;line-height:1.55}
  .fxsol-ret{margin-top:16px;border-radius:20px;padding:24px 26px;color:#fff;background:linear-gradient(120deg,#0a2e18 0%,#175c2e 58%,#1e8b3d 100%);box-shadow:0 16px 38px rgba(18,74,39,.35);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px 30px;align-items:center}
  .fxsol-ret h3{color:#fff;font-size:21px;margin:12px 0 4px}
  .fxsol-rprice{font-size:36px;font-weight:900;line-height:1.05;color:#fff}
  .fxsol-rprice small{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff7ea;margin-left:9px}
  .fxsol-ret-p{font-size:15px;line-height:1.6;margin:0;color:#fff}
  .fxsol-mant{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.32);border-radius:12px;padding:11px 13px;font-size:13.8px;line-height:1.55;color:#fff;margin:0 0 16px}
  .fxsol-acts{display:grid;gap:9px;margin-top:auto}
  .fxsol-acts .fxsol-btn{margin-top:0}
  .fxsol-btn2{display:block;text-align:center;background:transparent;color:#fff;font-weight:800;font-size:15px;padding:12px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.78);text-decoration:none}
  .fxsol-btn2:hover{background:rgba(255,255,255,.14)}
  .fxsol-ret-btn{display:inline-block;margin-top:14px;background:#fff;color:#12291a;font-weight:800;font-size:15px;padding:11px 18px;border-radius:12px;text-decoration:none}
  .fxdemo-plan{margin-top:22px;border:1px solid rgba(61,190,75,.45);background:linear-gradient(120deg,rgba(61,190,75,.13),rgba(30,139,61,.07));border-radius:16px;padding:18px 20px}
  .fxdemo-plan h3{margin:8px 0 6px;font-size:20px;color:var(--ink)}
  .fxdemo-plan p{margin:0;color:var(--mut);font-size:14.8px;line-height:1.6}
  .fxdemo-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--teal2);border:1px solid rgba(61,190,75,.5);border-radius:999px;padding:4px 11px}
  .fxsol-mov{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fde68a;border:1px solid rgba(253,230,138,.55);border-radius:999px;padding:4px 11px}
  .fxsol-club{margin-top:16px;border-radius:20px;padding:26px;color:#fff;background:linear-gradient(120deg,#0a2e18 0%,#124a27 55%,#1d7a35 100%);border:1.5px solid rgba(253,230,138,.55);box-shadow:0 16px 38px rgba(18,74,39,.4);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px 30px}
  .fxsol-club h3{color:#fff;font-size:23px;margin:12px 0 4px}
  .fxsol-club .fxsol-feat{margin:14px 0 6px}
  .fxsol-club .fxsol-acts{margin-top:14px}
  .fxsol-pend{font-size:30px;font-weight:900;color:#fff}
  @media(max-width:920px){.fxsol-club{grid-template-columns:1fr}}
  @media(max-width:920px){.fxsol-ret{grid-template-columns:1fr}}
  @media(max-width:920px){.fxsol-row{grid-template-columns:1fr}.fxsol-price{font-size:38px}}
  
.fx3a{padding:44px 0 42px;background:rgba(61,190,75,.05);border-top:1px solid rgba(87,217,119,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center}
.fx3a-row{display:flex;align-items:center;justify-content:center;gap:22px;text-align:left}
.fx3a-logo{width:88px;height:88px;flex:none}
.fx3a-bar{width:74px;height:4px;border-radius:99px;margin:0 0 16px;background:linear-gradient(90deg,#57d977,#3dbe4b 45%,#fb923c)}
.fx3a-t{color:#ffffff;font-weight:900;font-size:clamp(1.35rem,4.6vw,2.1rem);letter-spacing:.4px;line-height:1.25;margin:0}
.fx3a-s{color:#a9c6ab;max-width:640px;margin:10px 0 0;line-height:1.6;font-size:clamp(.95rem,2.6vw,1.05rem)}
@media(max-width:600px){.fx3a-row{flex-direction:column;text-align:center}.fx3a-bar{margin:0 auto 16px}.fx3a-s{margin:10px auto 0}}
  .svc-seal{
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    gap:11px;
    width:fit-content;
    max-width:220px;
    min-width:176px;
    padding:10px 14px 10px 11px;
    border-radius:12px;
    background:#ffffff;
    border:1px solid #0e7c71;
    box-shadow:0 1px 3px rgba(11,31,42,.10);
    text-decoration:none;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    line-height:1.2;
    vertical-align:middle;
  }
  .svc-seal:hover{border-color:#2ee6d6;box-shadow:0 2px 8px rgba(11,31,42,.14)}
  .svc-seal:focus-visible{outline:2px solid #0e7c71;outline-offset:3px}
  .svc-seal *{box-sizing:border-box}
  .svc-seal__icon{flex:0 0 auto;display:block;line-height:0}
  .svc-seal__text{display:flex;flex-direction:column;min-width:0}
  .svc-seal__kicker{
    font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:#0b5f56; /* sobre #ffffff → contraste ≈ 7.4:1 */
    white-space:nowrap;
  }
  .svc-seal__brand{
    font-size:19px;font-weight:750;letter-spacing:.01em;
    color:#0a1f2e; /* sobre #ffffff → contraste ≈ 16.8:1 */
    white-space:nowrap;
    margin:1px 0 2px;
  }
  .svc-seal__brand b{font-weight:750;color:#0b7668}
  .svc-seal__tagline{
    font-size:10px;font-weight:550;letter-spacing:.01em;
    color:#174a44; /* sobre #ffffff → contraste ≈ 9.6:1 */
    white-space:normal;
  }
  @media (max-width:480px){
    .svc-seal{max-width:100%;min-width:0}
    .svc-seal__brand{font-size:18px}
  }
/* ================================================================
   FLYXS · LA RED DEL HÉROE, VIVA (2026-10-17) — el árbol del héroe
   se puebla por niveles, respira con un pulso suave, ilumina su
   rama al tacto y se mueve con el arrastre. Solo este cuadro.
   ================================================================ */
.hero .tree{perspective:900px}
.fxred-stage{position:relative;cursor:grab;touch-action:pan-y;border-radius:18px;will-change:transform}
.fxred-stage.fxred-grabbing{cursor:grabbing}
.fxred-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fxred-svg path{fill:none;stroke:rgba(87,217,119,.30);stroke-width:1.4;transition:stroke .3s ease,opacity .5s ease}
.fxred-svg path.lit{stroke:#3dbe4b;stroke-width:2.2}
html[data-tema="claro"] .fxred-svg path{stroke:rgba(22,101,52,.32)}
html[data-tema="claro"] .fxred-svg path.lit{stroke:#1d7a35}
.hero .tree button.node{border:0;padding:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hero .tree button.node:focus-visible{outline:2px solid #3dbe4b;outline-offset:3px}
.hero .tree .node{transition:box-shadow .35s ease,opacity .45s ease,transform .3s ease}
.hero .tree .node.lit{transform:scale(1.09);box-shadow:0 0 0 4px rgba(61,190,75,.45),0 0 24px rgba(61,190,75,.55),0 8px 18px rgba(0,0,0,.35)}
.hero .tree.fxred-sel .node:not(.lit){opacity:.42}
.fxred-expl{margin:12px auto 0;max-width:520px;color:var(--mut);font-size:14px;line-height:1.5;min-height:21px;text-align:center;position:relative;z-index:1}
@media (prefers-reduced-motion: no-preference){
  .fxred-js .hero .tree .node{animation:none;opacity:0}
  .fxred-js .hero .tree .node.fxred-on{opacity:1}
  .fxred-js .fxred-svg path{opacity:0}
  .fxred-js .fxred-svg path.fxred-on{opacity:1}
  .hero .tree .node.fxred-pulse{box-shadow:0 0 0 6px rgba(61,190,75,.30),0 0 28px rgba(61,190,75,.50),0 8px 18px rgba(0,0,0,.35)}
  .fxred-stage.fxred-ease{transition:transform .65s cubic-bezier(.16,.7,.24,1)}
}
@media (prefers-reduced-motion: reduce){
  .hero .tree{animation:none}
  .fxred-stage{cursor:default}
}
/* ================================================================
   FLYXS · GALERÍA VIVA de #presentacion + CAMPO RÁPIDO DEL HÉROE
   (2026-10-17, orden del dueño: «todas, todas tienen que interactuar»)
   Cada tarjeta de la galería es una mini-experiencia renderizada en
   la página (fuera capturas): datos de ejemplo locales, sin cuenta,
   sin sesión, sin efectos fuera de su cuadro. La marca es LA MISMA
   de siempre: localStorage «fx_marca_demo», compartida con el héroe,
   la vitrina y #demos — ponerla en cualquier punto la viste en todos.
   ================================================================ */

/* ---------- campo rápido del héroe ---------- */
.fxq{margin-top:22px;max-width:560px;background:linear-gradient(120deg,rgba(61,190,75,.10),rgba(30,139,61,.10)),linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(61,190,75,.35);border-radius:18px;padding:16px 18px 14px;text-align:left}
.fxq-lab{display:block;font-size:.78rem;font-weight:800;letter-spacing:.05em;color:var(--teal2);text-transform:uppercase}
.fxq-inp{width:100%;margin-top:9px;background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:16.5px;padding:12px 14px}
.fxq-inp:focus{outline:2px solid rgba(61,190,75,.6);outline-offset:1px}
html[data-tema="claro"] .fxq-inp{background:rgba(255,255,255,.9);color:#12291a}
.fxq-line{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:var(--mut)}
.fxq-line b{color:var(--ink)}
.fxq-line .fxq-url{color:var(--teal2);font-weight:800}
.fxq-bridge{margin:9px 0 0;font-size:13.3px;line-height:1.55;color:var(--mut);border-top:1px dashed rgba(87,217,119,.22);padding-top:9px}
.fxq-bridge b{color:var(--ink)}
.fxq-bridge a{color:var(--teal2);font-weight:800;text-decoration:none}
.fxq-bridge a:hover{text-decoration:underline}
@media(max-width:920px){.fxq{margin-left:auto;margin-right:auto;text-align:left}}

/* ---------- barra de dirección sobre el árbol del héroe ---------- */
.fxq-treebar{display:flex;align-items:center;gap:6px;background:rgba(14,38,13,.85);border:1px solid rgba(87,217,119,.22);border-radius:999px;padding:6px 12px;margin:0 auto 14px;max-width:440px;position:relative;z-index:2}
.fxq-treebar .fxq-dot{width:9px;height:9px;border-radius:50%;background:#8fa583;flex:none}
.fxq-turl{margin-left:6px;color:#d8ecd9;font-size:12.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxq-turl b{color:#fff}
html[data-tema="claro"] .fxq-treebar{background:rgba(255,255,255,.75)}
html[data-tema="claro"] .fxq-turl{color:#2f5138}
html[data-tema="claro"] .fxq-turl b{color:#12291a}

/* ---------- base común de las tarjetas vivas ---------- */
.fxg{background:linear-gradient(180deg,#0e260d,#0b200a);border-bottom:1px solid rgba(87,217,119,.16);color:#e8fce7;padding:15px 16px 16px;font-size:14px;line-height:1.45;position:relative}
.fxg *{box-sizing:border-box}
.fxg-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:11px}
.fxg-head b{font-size:14.5px;color:#fff}
.fxg-head .fxg-sub{color:#8fbc94;font-size:12.3px}
.fxg-badge{margin-left:auto;background:#f5b942;color:#12291a;font-weight:900;font-size:.64rem;border-radius:999px;padding:4px 9px;white-space:nowrap}
.fxg-av{border-radius:50%;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;background:linear-gradient(135deg,hsl(var(--h,220),62%,44%),hsl(calc(var(--h,220) + 55),62%,50%))}
.fxg-av img{width:100%;height:100%;object-fit:cover;display:block}
.fxg-av.s30{width:30px;height:30px;font-size:11.5px}
.fxg-av.s38{width:38px;height:38px;font-size:14px}
.fxg-av.s52{width:52px;height:52px;font-size:19px}
.fxg-note{color:#67795c;font-size:12.3px;margin:11px 0 0;line-height:1.5}
.fxg-msg{margin-top:11px;font-size:13.3px;line-height:1.5;border-radius:11px;padding:10px 12px;display:none}
.fxg-msg.ok{display:block;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.4);color:#a7f3d0}
.fxg-msg.err{display:block;background:rgba(255,93,108,.12);border:1px solid rgba(255,93,108,.42);color:#fecdd3}
.fxg button{font:inherit;cursor:pointer}
.fxg input,.fxg select{font:inherit;background:rgba(0,0,0,.6);border:1px solid rgba(87,217,119,.28);border-radius:10px;color:#ffffff;padding:9px 11px;font-size:14px;width:100%}
.fxg input:focus,.fxg select:focus{outline:2px solid rgba(61,190,75,.55);outline-offset:1px}
.fxg label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:#8fbc94;text-transform:uppercase;margin-bottom:5px}

/* despertar: cada tarjeta entra con su gesto breve */
.fxg .fxg-wake{opacity:0;transform:translateY(9px)}
.fxg.fxg-on .fxg-wake{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i,0)*70ms)}
@media (prefers-reduced-motion: reduce){.fxg .fxg-wake{opacity:1;transform:none;transition:none}}

/* ---------- tarjeta de cada miembro ---------- */
.fxg-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fxg-chip{display:flex;align-items:center;gap:9px;text-align:left;background:rgba(17,58,16,.65);border:1px solid rgba(87,217,119,.2);border-radius:12px;padding:8px 10px;color:#e8fce7;transition:border-color .15s,background .15s,transform .15s}
.fxg-chip:hover{border-color:rgba(61,190,75,.55)}
.fxg-chip:active{transform:scale(.985)}
.fxg-chip.sel{border-color:#f5b942;background:rgba(245,185,66,.1)}
.fxg-chip .fxg-cn{min-width:0}
.fxg-chip .fxg-cn b{display:block;font-size:13.3px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxg-chip .fxg-cn small{color:#8fbc94;font-size:11.5px}
.fxg-chip.root{grid-column:span 2;border-color:rgba(245,185,66,.5)}
@media(max-width:460px){.fxg-chips{grid-template-columns:1fr}.fxg-chip.root{grid-column:span 1}}
.fxg-mcard{margin-top:12px;background:#060906;border:1px solid rgba(245,158,11,.45);border-radius:13px;padding:13px 15px;position:relative;animation:fxgpop .28s ease}
@keyframes fxgpop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.fxg-mcard{animation:none}}
.fxg-mcard h5{margin:0 0 2px;font-size:15.5px;color:#fff;padding-right:30px}
.fxg-mcard .fxg-mc-sub{color:#8fbc94;font-size:12.5px;margin:0 0 10px}
.fxg-mc-x{position:absolute;top:9px;right:9px;background:rgba(87,217,119,.12);border:1px solid rgba(87,217,119,.3);color:#d8ecd9;border-radius:8px;width:27px;height:27px;font-size:13px;line-height:1}
.fxg-mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.fxg-mc-grid div span{display:block;color:#67795c;font-size:10.8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.fxg-mc-grid div b{font-size:13.8px;color:#ffffff}
.fxg-lin{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:2px}
.fxg-lin i{font-style:normal;background:rgba(61,190,75,.13);border:1px solid rgba(61,190,75,.35);color:#d8ecd9;border-radius:999px;padding:2.5px 9px;font-size:11.8px;font-weight:700}
.fxg-lin em{color:#67795c;font-style:normal;font-size:11px}

/* ---------- billetera ---------- */
.fxg-wbal{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.fxg-wcard{background:rgba(17,58,16,.65);border:1px solid rgba(87,217,119,.2);border-radius:13px;padding:11px 13px}
.fxg-wcard small{display:block;color:#8fbc94;font-size:10.8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.fxg-wcard b{font-size:21px;color:#fff}
.fxg-wcard.gold{grid-column:span 2;border-color:rgba(245,185,66,.45);background:rgba(245,185,66,.07)}
.fxg-wcard.gold b{color:#f5b942}
.fxg-wcard p{margin:2px 0 0;color:#67795c;font-size:12px}
@media(max-width:460px){.fxg-wbal{grid-template-columns:1fr}.fxg-wcard.gold{grid-column:span 1}}
.fxg-wbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fxg-wbtn{flex:1;min-width:104px;border-radius:11px;padding:10px 8px;font-weight:800;font-size:13.5px;border:1px solid transparent;color:#fff;transition:transform .12s,filter .12s}
.fxg-wbtn:active{transform:scale(.97)}
.fxg-wbtn.tr{background:#e05260}.fxg-wbtn.in{background:#1d7a35}.fxg-wbtn.re{background:#0f9d6c}
.fxg-wbtn[aria-pressed="true"]{filter:brightness(1.22);box-shadow:0 0 0 2px rgba(255,255,255,.25) inset}
.fxg-flow{margin-top:12px;background:#060906;border:1px solid rgba(87,217,119,.3);border-radius:13px;padding:13px 15px;animation:fxgpop .28s ease}
@media (prefers-reduced-motion: reduce){.fxg-flow{animation:none}}
.fxg-flow h5{margin:0 0 9px;font-size:14.5px;color:#fff}
.fxg-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:460px){.fxg-fgrid{grid-template-columns:1fr}}
.fxg-fgo{margin-top:11px;width:100%;background:linear-gradient(90deg,#1e8b3d,#1d7a35);color:#fff;border:0;border-radius:11px;padding:11px;font-weight:900;font-size:14.5px}
.fxg-movs{margin-top:13px}
.fxg-movs h6{margin:0 0 7px;font-size:11px;letter-spacing:.06em;color:#8fbc94;text-transform:uppercase}
.fxg-movs ul{list-style:none;margin:0;padding:0}
.fxg-movs li{display:flex;justify-content:space-between;gap:10px;padding:6.5px 2px;border-bottom:1px dashed rgba(87,217,119,.14);font-size:13px;color:#d8ecd9}
.fxg-movs li b{color:#fff;white-space:nowrap}
.fxg-movs li b.neg{color:#fed7aa}
.fxg-movs li b.pos{color:#6ee7b7}
.fxg-retiros{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fxg-ret{background:rgba(245,185,66,.12);border:1px solid rgba(245,185,66,.45);color:#fde68a;border-radius:999px;padding:4px 11px;font-size:12.3px;font-weight:700}

/* ---------- cada nodo con su dato ---------- */
.fxg-nlist{display:flex;flex-direction:column;gap:8px}
.fxg-ncard{background:rgba(17,58,16,.65);border:1px solid rgba(87,217,119,.2);border-radius:13px;padding:10px 12px;text-align:left;color:#e8fce7;width:100%;transition:border-color .15s,background .15s}
.fxg-ncard:hover{border-color:rgba(61,190,75,.5)}
.fxg-ncard.sel{border-color:#3dbe4b;background:rgba(61,190,75,.09)}
.fxg-ncard.root{border-color:rgba(245,185,66,.5)}
.fxg-nrow{display:flex;align-items:center;gap:10px}
.fxg-nrow .fxg-nm{min-width:0;flex:1}
.fxg-nrow .fxg-nm b{display:block;color:#fff;font-size:13.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxg-nrow .fxg-nm small{color:#8fbc94;font-size:11.5px}
.fxg-data{display:flex;gap:5px;flex-wrap:wrap}
.fxg-data span{background:rgba(0,0,0,.55);border:1px solid rgba(87,217,119,.25);border-radius:8px;padding:3.5px 8px;font-size:11.6px;color:#a2d89f;white-space:nowrap}
.fxg-data span b{color:#fff;font-size:12.3px}
.fxg-tog{flex:none;background:rgba(87,217,119,.12);border:1px solid rgba(87,217,119,.32);color:#d8ecd9;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:800}
.fxg-kids{margin:9px 0 2px 16px;border-left:2px solid rgba(61,190,75,.3);padding-left:11px;display:flex;flex-direction:column;gap:6px}
.fxg-kid{display:flex;align-items:center;gap:8px;font-size:12.6px;color:#d8ecd9;background:rgba(0,0,0,.4);border:1px solid rgba(87,217,119,.14);border-radius:10px;padding:6px 9px}
.fxg-kid.sel{border-color:#3dbe4b}
.fxg-kid .fxg-data span{font-size:10.8px;padding:2.5px 6px}
.fxg-detail{margin-top:11px;background:#060906;border:1px solid rgba(61,190,75,.4);border-radius:12px;padding:11px 13px;font-size:13.4px;color:#d8ecd9;line-height:1.55;animation:fxgpop .28s ease}
@media (prefers-reduced-motion: reduce){.fxg-detail{animation:none}}
.fxg-detail b{color:#fff}

/* ---------- administración / perfil ---------- */
.fxg-aperfil{display:flex;gap:13px;align-items:flex-start;flex-wrap:wrap}
.fxg-avas{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.fxg-av.s76{width:76px;height:76px;font-size:29px}
.fxg-foto{background:rgba(61,190,75,.13);border:1px solid rgba(61,190,75,.45);color:#d8ecd9;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:800;cursor:pointer}
.fxg-emoji{display:flex;flex-wrap:wrap;gap:5px;max-width:196px;justify-content:center}
.fxg-emoji button{width:31px;height:31px;border-radius:9px;background:rgba(17,58,16,.7);border:1px solid rgba(87,217,119,.22);font-size:15px;line-height:1;padding:0}
.fxg-emoji button.sel{border-color:#f5b942;background:rgba(245,185,66,.15)}
.fxg-agrid{flex:1;min-width:230px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:520px){.fxg-agrid{grid-template-columns:1fr}}
.fxg-linkrow{grid-column:1/-1}
.fxg-linkbox{display:flex;gap:7px}
.fxg-linkbox input{flex:1}
.fxg-copy{flex:none;background:rgba(61,190,75,.16);border:1px solid rgba(61,190,75,.5);color:#e8fce7;border-radius:10px;padding:0 14px;font-weight:800;font-size:13px}
.fxg-save{grid-column:1/-1;background:linear-gradient(90deg,#1e8b3d,#1d7a35);color:#fff;border:0;border-radius:11px;padding:11px;font-weight:900;font-size:14.5px}
.fxg-counts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fxg-counts span{background:rgba(17,58,16,.65);border:1px solid rgba(87,217,119,.2);border-radius:11px;padding:8px 12px;font-size:12.3px;color:#a2d89f}
.fxg-counts b{color:#fff;font-size:15px;display:block}
/* ===== TEMAS FLYXS · corrección del dueño (2026-10-20) =====
   Oscuro (por defecto): fondo NEGRO, letras blancas, acentos VERDES.
   Claro: fondo BLANCO, superficies de verde claro transparente, tinta oscura. */
header .mainnav a.nl{color:#eaf7ec!important}
header .mainnav a.nl:hover{background:rgba(61,190,75,.12)}
html[data-tema="claro"] header .mainnav a.nl{color:#12291a!important}
body{background:radial-gradient(900px 520px at 6% -4%,rgba(61,190,75,.14),transparent 60%),radial-gradient(940px 560px at 96% 0%,rgba(30,139,61,.12),transparent 60%),radial-gradient(800px 600px at 50% 110%,rgba(249,115,22,.09),transparent 62%),linear-gradient(180deg,#000 0%,#050805 100%);background-attachment:fixed}
html[data-tema="claro"] body{background:radial-gradient(900px 520px at 6% -4%,rgba(61,190,75,.10),transparent 60%),radial-gradient(940px 560px at 96% 0%,rgba(163,230,53,.08),transparent 60%),linear-gradient(180deg,#fff 0%,#f4faf4 100%);background-attachment:fixed}
header{background:rgba(0,0,0,.85)!important}
html[data-tema="claro"] header{background:rgba(255,255,255,.88)!important}
.card,.linkcard{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(61,190,75,.05));backdrop-filter:blur(10px);border:1px solid rgba(87,217,119,.25)}
html[data-tema="claro"] .card,html[data-tema="claro"] .linkcard{background:linear-gradient(160deg,rgba(220,252,231,.55),rgba(61,190,75,.12));border:1px solid rgba(29,122,53,.30)}
.btn-gho{background:rgba(61,190,75,.08);border:1px solid rgba(87,217,119,.45);color:#ffffff}
.btn-gho:hover{background:rgba(61,190,75,.16)}
html[data-tema="claro"] .btn-gho{background:rgba(220,252,231,.6);border:1px solid rgba(29,122,53,.45);color:#124a27}
html[data-tema="claro"] .btn-gho:hover{background:rgba(187,247,208,.75)}
.chip{backdrop-filter:blur(8px)}
input,select,textarea{background:#0a0f0a!important;color:#ffffff!important;border-color:rgba(87,217,119,.35)!important}
html[data-tema="claro"] input,html[data-tema="claro"] select,html[data-tema="claro"] textarea{background:#ffffff!important;color:#12291a!important;border-color:rgba(29,122,53,.35)!important}
::placeholder{color:#8fbc94;opacity:1}
html[data-tema="claro"] ::placeholder{color:#5b7a63;opacity:1}
html[data-tema="claro"] .fxm-pname small,html[data-tema="claro"] .fxm-tree small{color:#2f5138}
.pago-overlay,.sol-overlay{--card:#ffffff;--txt:#14261a;--line:rgba(18,74,39,.30);--gold:#1E8B3D;--mut:#5c7263}html[data-tema="oscuro"] .pago-overlay,html[data-tema="oscuro"] .sol-overlay{--card:#0d1510;--txt:#f2f7f2;--line:rgba(120,200,140,.32);--gold:#3DBE4B;--mut:#a9c6ab}#catalogo-ecosistema .ic svg.iso-ic{width:46px;height:46px;filter:drop-shadow(0 0 8px currentColor)}#catalogo-ecosistema .ic{display:flex;justify-content:center;padding-top:6px}
.pago-overlay{position:fixed;inset:0;background:rgba(5,5,10,.78);z-index:10000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:22px 14px}
.pago-overlay[hidden]{display:none}
.pago-panel{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:16px;max-width:540px;width:100%;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.pago-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pago-kicker{font-size:.7rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.pago-head h3{font-size:1.25rem;margin:4px 0 2px}
.pago-precio{color:var(--gold);font-weight:800;font-size:1.05rem}
.pago-cerrar{background:transparent;border:1px solid var(--line);color:var(--txt);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem;flex:none}
.pago-railes{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.pago-rail{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:1.5px solid var(--line);color:var(--txt);border-radius:12px;padding:13px 14px;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer}
.pago-rail small{display:block;font-weight:600;font-size:.78rem;color:var(--mut)}
.pago-rail:hover{border-color:var(--gold)}
.pago-rail.main{background:var(--gold);color:#141414;border-color:var(--gold)}
.pago-rail.main small{color:#3a2f05}
.pago-tag{margin-left:auto;background:#141414;color:var(--gold);font-size:.72rem;font-weight:900;padding:3px 8px;border-radius:999px;white-space:nowrap}
.pago-paso{margin-top:16px;border-top:1px dashed var(--line);padding-top:16px}
.pago-paso[hidden]{display:none}
.pago-paso h4{margin:0 0 4px;font-size:1.02rem}
.pago-paso label{display:block;font-size:.8rem;font-weight:700;margin:10px 0 4px}
.pago-paso input,.pago-paso select{width:100%;padding:11px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--txt);font:inherit}
.pago-accion{width:100%;margin-top:14px;background:var(--gold);color:#141414;border:0;border-radius:10px;padding:13px;font:inherit;font-weight:900;cursor:pointer}
.pago-dato{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0;word-break:break-all}
.pago-dato b{display:block;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
.pago-dato span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem;font-weight:700}
.pago-estado{margin-top:12px;font-size:.9rem;font-weight:700}
.pago-nota{margin-top:14px;font-size:.8rem;color:var(--mut);text-align:center}
.btn-pagar{width:100%;border:0;cursor:pointer;font-size:1rem;padding:14px}
.sol-overlay{position:fixed;inset:0;background:rgba(5,5,10,.74);z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px}
.sol-overlay[hidden]{display:none}
.sol-box{background:var(--card,#14141c);color:var(--txt,#f5f5f5);border:1px solid var(--line,rgba(255,255,255,.16));border-radius:20px;max-width:450px;width:100%;padding:26px 24px;max-height:92vh;overflow:auto;text-align:left}
.sol-box h3{margin:0 0 6px;font-size:1.22rem}
.sol-box p{color:var(--mut,#a8a8b3);margin:0 0 8px;line-height:1.55;font-size:.94rem}
.sol-box label{display:block;font-size:.85rem;font-weight:700;margin:12px 0 5px}
.sol-box input,.sol-box textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.2));background:rgba(127,127,160,.10);color:var(--txt,#f5f5f5);font:inherit;box-sizing:border-box}
.sol-enviar{margin-top:16px;width:100%;padding:14px;border:0;border-radius:12px;background:var(--gold,#D4AF37);color:#141414;font-weight:900;cursor:pointer;font-size:1rem;font-family:inherit}
.sol-cerrar{margin-top:10px;width:100%;padding:11px;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.22));background:transparent;color:var(--txt,#f5f5f5);cursor:pointer;font-weight:700;font-family:inherit}
.sol-estado{margin-top:12px;font-weight:700;font-size:.92rem;min-height:1.2em}
/* TITULARES EN BLANCO - TEMA OSCURO (2026-10-23, orden del dueno con fotos
   de las secciones Billetera y Liquidacion): "Las palabras grandes que sean
   en letras blancas. Y las de abajo, mas blancas todavia." Refuerzo 11:09:
   NINGUN titular grande de ninguna seccion queda en verde claro.
   Alcance exacto (solo tema oscuro; el tema claro NO se toca):
   - Todos los h2 de seccion: fuera el degradado verde, blanco pleno #fff.
   - El heroe completo en blanco: la parte con degradado del h1 (span.g),
     la linea de marca "Esto es Flyxs" y el numero grande .big70.
   - Los parrafos bajo los titulares (.sub2 y el .lead del heroe) suben a
     blanco pleno #ffffff, con sus negritas incluidas (heredan el color).
   NO cambian: cejas (.kick), eyebrow, pastillas, botones, subrayados de
   menu ni el logo: el verde de Flyxs se queda en los acentos pequenos. */
html:not([data-tema="claro"]) section h2,
html:not([data-tema="claro"]) .hero h1 .g,
html:not([data-tema="claro"]) .hero .brand span,
html:not([data-tema="claro"]) .big70 b{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#ffffff!important;
  color:#ffffff!important;
  animation:none!important;
}
html:not([data-tema="claro"]) .sub2,
html:not([data-tema="claro"]) .hero p.lead{color:#ffffff!important}
/* ================================================================
   FLYXS · RUTA DE VUELO DEL HEROE FUERA DEL TEXTO (2026-10-23)
   Orden del dueno con foto: la linea punteada ascendente cruzaba
   el titular («sistema», «fuera de serie.»), la marca y el parrafo.
   Regla de la empresa: ningun grafico cruza textos; legibilidad
   plena siempre. Solo cambia el ::before decorativo del heroe:
   - Escritorio: la ruta vive SOLO en el cielo libre de la columna
     derecha (encima del panel del arbol; el panel, opaco, la tapa
     donde coincide). La columna de texto queda intacta.
   - Movil (<=980px, una columna): la ruta baja a una linea de base
     en la franja inferior del heroe, bajo todo el contenido.
   - Tema claro: misma ruta en teal profundo, visible sobre blanco.
   Sin tocar textos, estructura ni el resto de estilos.
   ================================================================ */
.hero::before{
  left:51%;right:0;top:0;bottom:auto;height:38%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 430' preserveAspectRatio='none'%3E%3Cpath d='M-10 415 C 130 380, 210 250, 340 165 S 510 45, 575 15' fill='none' stroke='%2322d3ee' stroke-opacity='.38' stroke-width='2.6' stroke-dasharray='3 9' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='300' r='5.5' fill='%2322d3ee' fill-opacity='.55'/%3E%3Ccircle cx='330' cy='172' r='5.5' fill='%237c3aed' fill-opacity='.7'/%3E%3Ccircle cx='492' cy='66' r='5.5' fill='%2322d3ee' fill-opacity='.55'/%3E%3C/svg%3E");
  background-size:100% 100%;background-position:top right;
}
html[data-tema="claro"] .hero::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 430' preserveAspectRatio='none'%3E%3Cpath d='M-10 415 C 130 380, 210 250, 340 165 S 510 45, 575 15' fill='none' stroke='%230e7490' stroke-opacity='.5' stroke-width='2.6' stroke-dasharray='3 9' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='300' r='5.5' fill='%230e7490' fill-opacity='.6'/%3E%3Ccircle cx='330' cy='172' r='5.5' fill='%237c3aed' fill-opacity='.6'/%3E%3Ccircle cx='492' cy='66' r='5.5' fill='%230e7490' fill-opacity='.6'/%3E%3C/svg%3E");
}
@media(max-width:980px){
  .hero::before{
    left:0;right:0;top:auto;bottom:0;height:92px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 92' preserveAspectRatio='none'%3E%3Cpath d='M-7 78 C 107 64, 240 86, 340 66 S 463 40, 490 30' fill='none' stroke='%2322d3ee' stroke-opacity='.34' stroke-width='2.4' stroke-dasharray='3 9' stroke-linecap='round'/%3E%3Ccircle cx='143' cy='70' r='5' fill='%2322d3ee' fill-opacity='.5'/%3E%3Ccircle cx='330' cy='60' r='5' fill='%237c3aed' fill-opacity='.6'/%3E%3C/svg%3E");
    background-size:100% 100%;background-position:bottom center;
  }
  html[data-tema="claro"] .hero::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 92' preserveAspectRatio='none'%3E%3Cpath d='M-7 78 C 107 64, 240 86, 340 66 S 463 40, 490 30' fill='none' stroke='%230e7490' stroke-opacity='.45' stroke-width='2.4' stroke-dasharray='3 9' stroke-linecap='round'/%3E%3Ccircle cx='143' cy='70' r='5' fill='%230e7490' fill-opacity='.55'/%3E%3Ccircle cx='330' cy='60' r='5' fill='%237c3aed' fill-opacity='.55'/%3E%3C/svg%3E");
  }
}

/* ===== FLYXS · PALETA VIVA (fuente · órdenes CEO 2026-10-26) =====
   blanco + verde claro + naranja claro + rojo claro + azul claro.
   Base: verde/blanco. Los claros entran como TINTES transparentes en
   membresías, rangos y tarjetas para que resalten. Cabecera en naranja. */
:root{--fx-blanco:#ffffff;--fx-verde-claro:#a9e8bb;--fx-naranja-claro:#ffd9a8;--fx-rojo-claro:#ffb3ab;--fx-azul-claro:#a8d8f8;--fx-naranja:#ea7a1f;--fx-rojo:#e2483a;--fx-azul:#1d7fd1}
header{background:linear-gradient(92deg,#f59e0b 0%,#ea7a1f 55%,#d96a0d 100%);border-bottom:1px solid rgba(120,53,0,.35)}
.tiers>.card:nth-child(4n+1){background:linear-gradient(180deg,rgba(87,217,119,.15),rgba(87,217,119,.04));border-color:rgba(61,190,75,.5)}
.tiers>.card:nth-child(4n+2){background:linear-gradient(180deg,rgba(245,158,11,.17),rgba(245,158,11,.04));border-color:rgba(234,122,31,.55)}
.tiers>.card:nth-child(4n+3){background:linear-gradient(180deg,rgba(255,110,96,.16),rgba(255,110,96,.04));border-color:rgba(226,72,58,.55)}
.tiers>.card:nth-child(4n+4){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04));border-color:rgba(29,127,209,.55)}
.tiers>.card:nth-child(4n+1) .ic{color:#1e8b3d!important}
.tiers>.card:nth-child(4n+2) .ic{color:#d96a0d!important}
.tiers>.card:nth-child(4n+3) .ic{color:#d63a2c!important}
.tiers>.card:nth-child(4n+4) .ic{color:#1d7fd1!important}
.ladder .rung:nth-child(4n+1){background:linear-gradient(180deg,rgba(87,217,119,.17),rgba(87,217,119,.04));border-color:rgba(61,190,75,.55)}
.ladder .rung:nth-child(4n+2){background:linear-gradient(180deg,rgba(245,158,11,.19),rgba(245,158,11,.04));border-color:rgba(234,122,31,.6)}
.ladder .rung:nth-child(4n+3){background:linear-gradient(180deg,rgba(255,110,96,.18),rgba(255,110,96,.04));border-color:rgba(226,72,58,.6)}
.ladder .rung:nth-child(4n+4){background:linear-gradient(180deg,rgba(56,189,248,.18),rgba(56,189,248,.04));border-color:rgba(29,127,209,.6)}

/* fxHeaderFix · la cabecera naranja manda sobre ambos temas (CEO 2026-10-26) */
html[data-tema="claro"] header, html[data-tema="oscuro"] header, header{background:linear-gradient(92deg,#f59e0b 0%,#ea7a1f 55%,#d96a0d 100%)!important;border-bottom:1px solid rgba(120,53,0,.35)}

/* ===== FLYXS · PALETA VIVA 2 — MENOS verde, MÁS colores (CEO 2026-10-26 22:28-22:29) =====
   Los colores claros cargan SUPERFICIES COMPLETAS en rotación (tienda, rangos);
   membresías con su color por rango; rejilla del ecosistema: cada plataforma
   con SU color vivo y contraste fuerte. */
.tiers>.card:nth-child(4n+1){background:linear-gradient(165deg,#e6fbee,#b9ecc6);border-color:#3dbe4b;color:#17301d}
.tiers>.card:nth-child(4n+2){background:linear-gradient(165deg,#ffedd3,#ffd9a8);border-color:#ea7a1f;color:#38220a}
.tiers>.card:nth-child(4n+3){background:linear-gradient(165deg,#ffe0db,#ffb3ab);border-color:#e2483a;color:#3a130d}
.tiers>.card:nth-child(4n+4){background:linear-gradient(165deg,#e0f1fe,#a8d8f8);border-color:#1d7fd1;color:#0e2a44}
.tiers>.card h3,.tiers>.card h4{color:inherit}
.tiers>.card p{color:inherit;opacity:.88}
.ladder .rung:nth-child(4n+1){background:linear-gradient(165deg,#e6fbee,#b9ecc6);border-color:#3dbe4b}
.ladder .rung:nth-child(4n+2){background:linear-gradient(165deg,#ffedd3,#ffd9a8);border-color:#ea7a1f}
.ladder .rung:nth-child(4n+3){background:linear-gradient(165deg,#ffe0db,#ffb3ab);border-color:#e2483a}
.ladder .rung:nth-child(4n+4){background:linear-gradient(165deg,#e0f1fe,#a8d8f8);border-color:#1d7fd1}
.ladder .rung b{color:#1d2b1a}
.ladder .rung:nth-child(4n+1) span{color:#1e8b3d}.ladder .rung:nth-child(4n+2) span{color:#c2610a}
.ladder .rung:nth-child(4n+3) span{color:#c93325}.ladder .rung:nth-child(4n+4) span{color:#1565b8}
.ladder .rung small{color:#5c6f60}
.fxpm-junior{--pcv:#3dbe4b;--pcvs:#57d977}
.fxpm-senior{--pcv:#ea7a1f;--pcvs:#f5a623}
.fxpm-senior .fxvp-badge{background:#b45309}
.fxpm-master{--pcv:linear-gradient(92deg,#38bdf8,#1d7fd1);--pcvs:#38bdf8}
.fxpm-master .fxvp-badge{background:#1d7fd1}
.fxpm-premium{--pcv:linear-gradient(92deg,#e8b13c,#e2483a);--pcvs:#e8b13c;border-color:rgba(232,177,60,.55)}
.fxpm-premium .fxvp-badge{background:#b3352b}
.fxpm-junior{background:linear-gradient(180deg,rgba(61,190,75,.20),var(--card) 150px)}
.fxpm-senior{background:linear-gradient(180deg,rgba(234,122,31,.20),var(--card) 150px)}
.fxpm-master{background:linear-gradient(180deg,rgba(29,127,209,.20),var(--card) 150px)}
.fxpm-premium{background:linear-gradient(180deg,rgba(226,72,58,.18),var(--card) 150px)}
.eco .card[data-expl="eco-seix"]{background:linear-gradient(165deg,#8b5cf6,#6d28d9);border-color:#6d28d9}
.eco .card[data-expl="eco-en5cronia"]{background:linear-gradient(165deg,#06b6d4,#0369a1);border-color:#0369a1}
.eco .card[data-expl="eco-playiagent"]{background:linear-gradient(165deg,#d946ef,#a21caf);border-color:#a21caf}
.eco .card[data-expl="eco-anticrisis"]{background:linear-gradient(165deg,#f59e0b,#b45309);border-color:#b45309}
.eco .card[data-expl="eco-emprenderte"]{background:linear-gradient(165deg,#fb923c,#ea580c);border-color:#ea580c}
.eco .card[data-expl="eco-flyxs"]{background:linear-gradient(165deg,#4ade80,#15803d);border-color:#15803d}
.eco .card[data-expl="eco-mcs"]{background:linear-gradient(165deg,#f87171,#dc2626);border-color:#dc2626}
.eco .card[data-expl="eco-pets"]{background:linear-gradient(165deg,#2dd4bf,#0f766e);border-color:#0f766e}
.eco .card[data-expl^="eco-"] h3{color:#fff}
.eco .card[data-expl^="eco-"] p{color:rgba(255,255,255,.93)}
.eco .card[data-expl^="eco-"] .ic{background:rgba(255,255,255,.18);color:#fff;border-radius:12px}
.eco .card[data-expl^="eco-"] .fx-qbtn{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.12)}

/* ===== FLYXS · PALETA VIVA 3 — BRILLO (CEO 2026-10-26 22:33) =====
   Superficies luminosas y saturadas que brillan; nada mate, apagado ni oliva.
   Membresías: cuerpo completo en su color brillante, texto oscuro nítido. */
.tiers>.card:nth-child(4n+1){background:linear-gradient(165deg,#eafff0,#8ff0a8)}
.tiers>.card:nth-child(4n+2){background:linear-gradient(165deg,#fff3d9,#ffc98a)}
.tiers>.card:nth-child(4n+3){background:linear-gradient(165deg,#ffe9e5,#ff9d92)}
.tiers>.card:nth-child(4n+4){background:linear-gradient(165deg,#e8f6ff,#8fd0fb)}
.fxpm-card{color:#1e2a20}
.fxpm-junior{background:linear-gradient(165deg,#8ff5a6,#2fbf5a)}
.fxpm-senior{background:linear-gradient(165deg,#ffc46b,#ff8a1e)}
.fxpm-master{background:linear-gradient(165deg,#6fd3ff,#1d7fd1)}
.fxpm-premium{background:linear-gradient(165deg,#ffd76e,#ff5a4e);color:#2e1a10}
.fxpm-card h4{color:inherit}
.fxpm-card .fxvp-d{color:inherit;opacity:.88}
.fxpm-card .fxvp-price{color:inherit}
.fxpm-card .fxvp-badge{background:rgba(10,20,14,.82);color:#fff}
.fxpm-card .fxpm-act .btn{background:#12291c;color:#fff}

/* ===== FLYXS · PALETA VIVA 4 — FÓRMULA APROBADA: BLANCO FUERTE SOBRE VIVO (CEO 2026-10-26 22:34) =====
   Como la tarjeta Premium de su foto: colores vivos y brillantes con las
   palabras en blanco fuerte y nítidas; botón de acción verde brillante. */
.tiers>.card:nth-child(4n+1){background:linear-gradient(165deg,#3ecf62,#149a3e);border-color:#0f7a31;color:#fff}
.tiers>.card:nth-child(4n+2){background:linear-gradient(165deg,#ff9d2e,#f26d0d);border-color:#c85a08;color:#fff}
.tiers>.card:nth-child(4n+3){background:linear-gradient(165deg,#ff6a5e,#e2483a);border-color:#b92f22;color:#fff}
.tiers>.card:nth-child(4n+4){background:linear-gradient(165deg,#38b6f6,#0f6fd6);border-color:#0a58a8;color:#fff}
.tiers>.card:nth-child(4n+1) .ic,.tiers>.card:nth-child(4n+2) .ic,.tiers>.card:nth-child(4n+3) .ic,.tiers>.card:nth-child(4n+4) .ic{color:#fff!important}
.tiers>.card p{color:rgba(255,255,255,.94);opacity:1}
.ladder .rung:nth-child(4n+1){background:linear-gradient(165deg,#3ecf62,#149a3e);border-color:#0f7a31}
.ladder .rung:nth-child(4n+2){background:linear-gradient(165deg,#ff9d2e,#f26d0d);border-color:#c85a08}
.ladder .rung:nth-child(4n+3){background:linear-gradient(165deg,#ff6a5e,#e2483a);border-color:#b92f22}
.ladder .rung:nth-child(4n+4){background:linear-gradient(165deg,#38b6f6,#0f6fd6);border-color:#0a58a8}
.ladder .rung b{color:#fff}.ladder .rung span{color:#fff!important;opacity:.95}.ladder .rung small{color:rgba(255,255,255,.85)}
.fxpm-card{color:#fff}
.fxpm-junior{background:linear-gradient(165deg,#3ecf62,#149a3e)}
.fxpm-senior{background:linear-gradient(165deg,#ff9d2e,#f26d0d)}
.fxpm-master{background:linear-gradient(165deg,#38b6f6,#0f6fd6)}
.fxpm-premium{background:linear-gradient(165deg,#f5a623,#e2483a);color:#fff}
.fxpm-card .fxvp-d{color:rgba(255,255,255,.94);opacity:1}
.fxpm-card .fxvp-badge{background:rgba(0,0,0,.38);color:#fff}
.fxpm-card .fxpm-act .btn{background:linear-gradient(92deg,#2fbf5a,#149a3e);color:#fff;border:2px solid rgba(255,255,255,.85)}

/* ===== CONTRASTE EN TODOS LOS ESTADOS (2026-10-26 · orden del CEO 23:14) =====
   Sobre la franja naranja de la cabecera, el texto interactivo NO se lava en
   hover/activo/tocado: fondo blanco y letra oscura fuerte, en ambos temas. */
header .mainnav a.nl{text-shadow:0 1px 3px rgba(80,25,0,.45)}
header .mainnav a.nl:hover,header .mainnav a.nl:focus-visible{background:rgba(255,255,255,.94);color:#431d00;text-shadow:none}
header .mainnav a.nl.act{background:#ffffff;background-image:none;color:#431d00;-webkit-text-fill-color:#431d00;text-shadow:none}
header .mainnav a.nl.act::after{background:#431d00}
header .btn-gho{color:#ffffff;border-color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(80,25,0,.4)}
header .btn-gho:hover,header .btn-gho:focus-visible{background:#ffffff;color:#431d00;border-color:#ffffff;text-shadow:none}
html[data-tema="claro"] header .mainnav a.nl:hover{background:rgba(255,255,255,.94);color:#431d00}
html[data-tema="claro"] header .btn-gho:hover{background:#ffffff;color:#431d00}
/* ===== VITRINA FXV: cada elemento del panel derecho abre su ficha ===== */
.fxv-list li{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.fxv-list li:hover{transform:translateY(-2px);border-color:rgba(87,217,119,.55)}
.fxv-list li.on{border-color:#57d977;box-shadow:0 0 0 2px rgba(87,217,119,.45)}
.fxv-det{margin-top:10px;background:#0a120a;border:1px solid rgba(87,217,119,.45);border-radius:12px;padding:14px 16px;color:#eaf7ec;animation:fxvDetIn .25s ease}
@keyframes fxvDetIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.fxv-det h5{margin:0 26px 8px 0;font-size:1.02rem;color:#fff}
.fxv-det .fxv-det-x{float:right;background:rgba(87,217,119,.16);color:#c9f2cf;border:1px solid rgba(87,217,119,.5);border-radius:999px;padding:3px 11px;cursor:pointer;font-weight:800}
.fxv-det dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 14px;margin:0}
.fxv-det dt{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8fbc94;font-weight:800}
.fxv-det dd{margin:2px 0 0;font-size:.92rem;color:#fff}
.fxv-det p{margin:10px 0 0;color:#cfe8d2;line-height:1.55;font-size:.92rem}
.fxv-det-btn{margin-top:12px;background:linear-gradient(92deg,#2fbf5a,#149a3e);color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:9px 18px;cursor:pointer}
.fxv-det-msg{margin-top:10px;color:#a7f3b1;font-weight:700;font-size:.9rem}
/* ===== EJEMPLOS: video demo de 1 minuto, en el sitio ===== */
.fxej-video{margin-top:14px;background:#0a120a;border:1px solid rgba(87,217,119,.4);border-radius:16px;padding:14px;animation:fxvDetIn .25s ease}
.fxej-video-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#fff}
.fxej-video-x{background:rgba(87,217,119,.16);color:#c9f2cf;border:1px solid rgba(87,217,119,.5);border-radius:999px;padding:5px 13px;cursor:pointer;font-weight:800}
.fxej-video video{width:100%;border-radius:12px;background:#000;display:block;max-height:430px}
.fxej-video-note{color:#b9d8bb;margin:10px 0 0;font-size:.9rem;line-height:1.5}