:root { --bg:#181818; --text:#f0ece4; --muted:#c8c4bc; --muted2:#96918a; --line:rgba(255,255,255,.14); --blue:#4a9eff; --yellow:#ffd84a; --red:#ff4a4a; --page:max(24px,calc((100vw - 1120px) / 2)); --font:'Wix Madefor Display',ui-sans-serif,system-ui,sans-serif; }
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:400 16px/1.58 var(--font); }
button { font:inherit; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid var(--yellow); outline-offset:4px; }
#ls-particle-canvas { position:fixed; inset:0; z-index:1; width:100%; height:100%; opacity:.62; pointer-events:none; }
.page-shell { position:relative; z-index:2; width:min(100% - 40px,1120px); margin:0 auto; padding:124px 0 92px; }
.eyebrow { margin:0; color:var(--blue); font-size:var(--fs-caption); font-weight:var(--w-700); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; }
.eyebrow::before { content:none !important; display:none !important; }
.eyebrow-yellow { color:var(--yellow); }.eyebrow-red { color:var(--red); }
h1,h2,h3,h4,p { margin-top:0; } h1,h2,h3 { letter-spacing:var(--ls-tight); line-height:1.04; text-wrap:balance; }
h1 { max-width:780px; margin:15px 0 22px; font-size:var(--fs-display); font-weight:600; } h1 span { color:transparent; background:linear-gradient(90deg,var(--blue),var(--yellow),var(--red)); background-size:200% auto; -webkit-background-clip:text; background-clip:text; animation:brand-flow 8s ease infinite; }
h2 { margin:14px 0; font-size:var(--fs-h2); font-weight:var(--w-700); letter-spacing:var(--ls-snug); } h3 { margin:0 0 13px; font-size:var(--fs-h3); font-weight:var(--w-700); letter-spacing:var(--ls-snug); } h4 { margin:0 0 10px; font-size:var(--fs-caption); letter-spacing:var(--ls-label); text-transform:uppercase; }
.hero { max-width:820px; padding:32px 0 72px; }.lede { max-width:680px; margin:0; color:var(--muted); font-size:var(--fs-body); font-weight:400; line-height:var(--lh-body); text-wrap:pretty; }
.trail-button,.secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; border:1px solid var(--line); border-radius:999px; padding:11px 18px; color:var(--text); background:rgba(255,255,255,.03); font-size:12px; font-weight:750; letter-spacing:.07em; text-decoration:none; text-transform:uppercase; cursor:pointer; transition:transform .18s ease,background .18s ease; }.trail-button:hover,.secondary-button:hover { transform:translateY(-2px); background:rgba(255,255,255,.08); }.trail-button b { margin-left:10px; font-size:17px; line-height:1; }.hero-action { margin-top:30px; }
.hero-note { max-width:630px; margin-top:24px; color:var(--muted2); font-size:var(--fs-helper); font-weight:400; line-height:var(--lh-body); }.hero-note span { color:var(--text); font-weight:400; }.resource-credit { margin:15px 0 0; color:var(--muted2); font-size:var(--fs-helper); font-weight:400; }.resource-credit a { color:var(--text); font-weight:400; text-underline-offset:3px; }
.entry { padding:44px 0 88px; border-top:1px solid var(--line); }.section-lede { max-width:650px; margin-bottom:27px; color:var(--muted); }
.entry-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.entry-choice { display:grid; align-content:center; justify-items:center; gap:8px; min-height:138px; padding:21px 22px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); color:var(--text); text-align:center; cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease; }.entry-choice:hover { border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.065); transform:translateY(-2px); }.entry-choice b { max-width:430px; font-size:var(--fs-h3-card); letter-spacing:var(--ls-snug); line-height:1.2; }.entry-choice span { color:var(--muted); font-size:var(--fs-helper); }
.guide { display:grid; grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr); gap:clamp(36px,7vw,106px); align-items:start; padding:32px 0 92px; border-top:1px solid var(--line); }.guide-nav { position:sticky; top:108px; }.guide-nav h2 { font-size:var(--fs-h3); }.guide-nav ol { display:grid; gap:2px; margin:27px 0 0; padding:0; list-style:none; }.guide-nav a { display:grid; grid-template-columns:2ch minmax(0,1fr); gap:10px; padding:8px 0; color:var(--muted2); font-size:var(--fs-helper); text-decoration:none; transition:color .18s ease; }.guide-nav a span { color:var(--muted2); font-variant-numeric:tabular-nums; }.guide-nav a:hover,.guide-nav a.is-active { color:var(--text); }.guide-nav a:hover span,.guide-nav a.is-active span { color:var(--yellow); }
.route { position:relative; padding-bottom:2px; }.route::before { content:""; position:absolute; z-index:0; top:16px; bottom:14px; left:13px; width:1px; background:#817b72; opacity:.68; }.route-stop { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr); gap:24px; padding:0 0 72px; scroll-margin-top:112px; }.route-stop:last-child { padding-bottom:0; }.stop-marker { position:relative; z-index:1; display:grid; place-items:center; width:27px; height:27px; margin-top:3px; border-radius:50%; background:var(--bg); border:1px solid currentColor; color:var(--blue); }.stop-marker span { color:var(--text); font-size:var(--fs-micro); font-weight:var(--w-700); }.is-yellow .stop-marker { color:var(--yellow); }.is-red .stop-marker { color:var(--red); }.stop-content { padding-bottom:2px; }.stop-label { margin-bottom:8px; color:var(--muted2); font-size:var(--fs-caption); font-weight:var(--w-700); letter-spacing:var(--ls-label); text-transform:uppercase; }.mini-label { margin:0 0 6px; color:var(--blue); font-size:var(--fs-caption); font-weight:var(--w-700); letter-spacing:var(--ls-label); text-transform:uppercase; }.is-yellow .mini-label { color:var(--yellow); }.is-red .mini-label { color:var(--red); }.framing { margin-bottom:22px; color:var(--muted); font-size:var(--fs-body); line-height:var(--lh-body); }.reflection { margin:0 0 18px; padding:18px 20px; border:0; border-radius:12px; background:rgba(74,158,255,.06); }.is-yellow .reflection { background:rgba(255,216,74,.055); }.is-red .reflection { background:rgba(255,74,74,.055); }.reflection ul { margin:0; padding-left:20px; color:var(--text); }.reflection li+li { margin-top:8px; }.starting-point { margin:0; color:var(--muted2); font-size:var(--fs-helper); }.starting-point b { color:var(--text); }
.ai-support { display:grid; grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr); gap:clamp(30px,7vw,88px); align-items:stretch; padding:45px 0; border-top:1px solid var(--line); }.ai-support > div > p:not(.eyebrow) { max-width:500px; color:var(--muted); font-size:var(--fs-body); }.prompt-panel { display:flex; flex-direction:column; justify-content:center; padding:24px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.035); }.prompt-label { color:var(--yellow)!important; font-size:var(--fs-caption)!important; font-weight:var(--w-700); letter-spacing:var(--ls-label); text-transform:uppercase; }.prompt-panel > p:not(.prompt-label) { margin-bottom:0; color:var(--muted)!important; font-size:var(--fs-helper)!important; line-height:var(--lh-body); }.prompt-copy { align-self:flex-start; margin-top:18px; padding:0 0 4px; border:0; border-bottom:1px solid rgba(255,255,255,.36); background:transparent; color:var(--text); font:600 var(--fs-helper)/1.2 var(--font); cursor:pointer; }.prompt-copy:hover { border-color:var(--yellow); color:var(--yellow); }.copy-status { margin-left:10px; color:var(--yellow); font-size:var(--fs-helper); }.prompt-copy-status { min-height:18px; margin:8px 0 0; }
.guide-context { max-width:780px; padding:68px 0 56px; }.guide-context p:not(.eyebrow) { max-width:730px; color:var(--muted); font-size:var(--fs-body); }.guide-context p + p { margin-top:17px; }
.faq { max-width:850px; padding:35px 0 8px; border-top:1px solid var(--line); }.faq details { border-top:1px solid var(--line); }.faq details:last-child { border-bottom:1px solid var(--line); }.faq summary { position:relative; padding:18px 34px 18px 0; color:var(--text); font-weight:650; cursor:pointer; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary::after { content:'+'; position:absolute; right:4px; color:var(--yellow); font-size:23px; line-height:1; }.faq details[open] summary::after { content:'−'; }.faq details p { max-width:700px; margin:0 0 19px; color:var(--muted); }
.noscript-nav { display:flex; gap:15px; padding:20px; background:#222; }.noscript-nav a { color:var(--text); }
@keyframes brand-flow { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@media (max-width:800px) { .page-shell { width:min(100% - 36px,680px); padding-top:98px; }.hero { padding-bottom:66px; }.entry { padding-bottom:66px; }.entry-choices { grid-template-columns:1fr; }.guide { grid-template-columns:1fr; gap:38px; padding-bottom:68px; }.guide-nav { position:static; }.guide-nav ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 15px; }.guide-nav a { font-size:var(--fs-helper); }.route-stop { grid-template-columns:40px minmax(0,1fr); gap:16px; padding-bottom:56px; }.framing { font-size:var(--fs-body); }.ai-support { grid-template-columns:1fr; padding:40px 0; }.guide-context { padding:55px 0 42px; } }
@media (max-width:460px) { .entry-choice { min-height:122px; }.guide-nav ol { grid-template-columns:1fr; }.route-stop { grid-template-columns:32px minmax(0,1fr); gap:14px; }.reflection { padding:16px; }.prompt-panel { padding:19px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } #ls-particle-canvas { display:none; } }

/* Componentes de formulario tomados de plataforma-de-adaptacion */

.field-label { display:block; margin:20px 0 8px; color:var(--text); font-size:13px; font-weight:650; }
.field-input { display:block; width:100%; resize:vertical; border:1px solid var(--line); border-radius:12px; padding:13px 14px; color:var(--text); background:rgba(255,255,255,.035); font:400 15px/1.5 var(--font); }
.field-input:focus { outline:2px solid var(--yellow); outline-offset:2px; border-color:transparent; }
.field-input::placeholder { color:var(--muted2); }
.field-input-large { max-width:760px; margin-bottom:27px; font-size:17px; }
.reflection p { margin:0; color:var(--text); }
.reality-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:22px; }
.reality-grid > div { padding:0; }
.reality-grid .field-label { margin-top:0; color:var(--yellow); }
.capacity-check { display:grid; gap:0; margin:22px 0 0; padding:0; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.capacity-check legend { padding:0 8px; color:var(--muted2); font-size:12px; }
.capacity-row { display:grid; grid-template-columns:minmax(145px,.62fr) minmax(0,1.38fr); gap:15px; align-items:center; min-height:58px; padding:11px 15px; border-top:1px solid var(--line); }
.capacity-row:first-of-type { border-top:0; }
.capacity-row > span { color:var(--text); font-size:14px; font-weight:600; }
.capacity-other-name { display:grid; gap:6px; color:var(--text); font-size:14px; font-weight:600; }.capacity-other-input { width:100%; min-width:0; max-width:260px; padding:7px 9px; border:1px solid var(--line); border-radius:4px; background:var(--bg); color:var(--text); font:400 var(--fs-helper)/1.35 var(--font); }.capacity-other-input:focus { outline:2px solid rgba(36,75,90,.3); outline-offset:2px; }
.capacity-options { display:flex; flex-wrap:wrap; gap:7px 13px; }
.capacity-options label,.movement-option { cursor:pointer; }
.capacity-options label { color:var(--muted); font-size:13px; white-space:nowrap; }
.capacity-options input { accent-color:var(--yellow); }
.movement-options { display:grid; gap:9px; margin:22px 0 4px; }
.movement-option { display:flex; gap:12px; padding:15px 16px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); transition:background .18s ease,border-color .18s ease; }
.movement-option:hover { border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.06); }
.movement-option input { flex:0 0 auto; width:16px; height:16px; margin:3px 0 0; accent-color:var(--yellow); }
.movement-option span { display:grid; gap:3px; }
.movement-option b { font-size:15px; }.movement-option small { color:var(--muted); font-size:13px; line-height:1.4; }
.output-section { display:grid; grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr); gap:clamp(30px,7vw,88px); align-items:start; padding:45px 0; border-top:1px solid var(--line); }
.output-copy > p:not(.eyebrow) { max-width:510px; color:var(--muted); font-size:17px; }
.output-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.text-button { border:0; padding:10px 2px; color:var(--muted); background:transparent; font-size:12px; font-weight:750; letter-spacing:.07em; text-decoration:underline; text-underline-offset:4px; text-transform:uppercase; cursor:pointer; }
.text-button:hover { color:var(--text); }.data-notice { grid-column:1/-1; max-width:700px; margin:0; color:var(--muted2); font-size:13px; line-height:1.45; }
@media (max-width:800px) { .reality-grid { grid-template-columns:1fr; gap:20px; }.capacity-row { grid-template-columns:1fr; gap:9px; }.output-section { grid-template-columns:1fr; padding:40px 0; } }

/* ---------- Modelos de negocio digitales ---------- */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body[data-profile="emprende"] .p-dirige,body[data-profile="dirige"] .p-emprende{display:none}
.starting-point .p-emprende+.p-emprende+b.p-dirige{margin-left:0}
body[data-profile="ambos"] .starting-point b.p-dirige{display:block;margin-top:8px}
.entry-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.entry-choice[aria-pressed="true"]{border-color:var(--yellow);background:rgba(255,216,74,.06)}
.guide-context strong{color:var(--text);font-weight:600}.guide-context a{color:var(--text);text-underline-offset:3px}
.guide-context a:hover{color:var(--yellow)}
#que-es{padding-top:44px;border-top:1px solid var(--line)}
.pay{padding:44px 0 88px;border-top:1px solid var(--line)}
.flip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.flip{position:relative;display:grid;min-height:236px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;perspective:1200px}
.flip-face{grid-area:1/1;display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .5s ease,border-color .18s ease,background .18s ease}
.flip:hover .flip-face{border-color:rgba(255,255,255,.36)}
.flip-back{transform:rotateY(180deg);background:rgba(255,216,74,.045);border-color:rgba(255,216,74,.28)}
.flip[aria-pressed="true"] .flip-front{transform:rotateY(-180deg)}.flip[aria-pressed="true"] .flip-back{transform:rotateY(0)}
.flip-co{font-size:var(--fs-h3-card);font-weight:650;letter-spacing:var(--ls-snug)}
.flip-k{color:var(--muted2);font-size:var(--fs-caption);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase}.flip-k.is-yellow{color:var(--yellow)}
.flip-t{color:var(--muted);font-size:var(--fs-helper);line-height:1.5}.flip-front .flip-t{color:var(--text);font-size:var(--fs-body)}
.flip-hint{margin-top:auto;color:var(--muted2);font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.flip-hint b{color:var(--yellow);margin-left:4px}
.flip-fam{margin-top:auto;color:var(--yellow);font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.row-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 22px}
.pay .reflection{margin-top:8px}
.reflection p{margin:0;color:var(--text)}
.reflection.is-red-box{background:rgba(255,74,74,.055)}.reflection.is-yellow-box{background:rgba(255,216,74,.055)}
/* recorrido: barra compacta arriba, el contenido usa todo el ancho */
.guide{display:block;padding:40px 0 92px}
.guide-head{margin:0 0 20px}
.guide-nav{position:sticky;top:84px;z-index:30;display:flex;align-items:center;gap:6px;margin:0 0 52px;padding:5px 6px;border:1px solid var(--line);border-radius:14px;background:rgba(26,26,26,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.guide-nav ol{display:flex;flex:1;gap:2px;margin:0;padding:0;list-style:none}
.guide-nav li{flex:1 1 auto}.guide-nav li.gn-ex{flex:0 0 auto}
.guide-nav a{display:flex;justify-content:center;align-items:baseline;gap:7px;padding:8px 10px;border-radius:10px;white-space:nowrap;transition:color .18s ease,background .18s ease}
.guide-nav a em{font-style:normal}.guide-nav .gn-l{display:none}
.guide-nav a.is-active{background:rgba(255,255,255,.07)}
.guide-nav a.side-link{flex:0 0 auto;margin:0 0 0 4px;padding:8px 14px;border-left:1px solid var(--line);border-radius:0;color:var(--yellow);font-size:var(--fs-helper);font-weight:600;text-decoration:none}
.gn-toggle{display:none}
.route-stop{scroll-margin-top:150px}
@media (max-width:1000px){.guide-nav a{padding:8px 7px;gap:5px}.guide-nav a span{display:none}}
@media (max-width:800px){
.guide-nav{position:sticky;top:84px;display:block;margin:0 0 40px;padding:0;border-radius:12px;background:rgba(28,28,28,.96)}
.gn-toggle{display:flex;width:100%;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:0;background:transparent;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.gn-k{color:var(--muted2);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.gn-cur{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gn-cur b{margin-right:6px;color:var(--yellow);font-weight:700}
.gn-toggle i{color:var(--muted2);font-style:normal;transition:transform .2s ease}.gn-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.guide-nav ol{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);display:none;flex-direction:column;gap:0;padding:6px;border:1px solid var(--line);border-radius:12px;background:#1c1c1c;box-shadow:0 18px 40px rgba(0,0,0,.55)}.guide-nav.is-open ol{display:flex}
.guide-nav a{justify-content:flex-start;padding:11px 10px;white-space:normal}.guide-nav a span{display:inline}.guide-nav .gn-s{display:none}.guide-nav .gn-l{display:inline}
.guide-nav a.side-link{display:block;margin:4px 0 0;padding:12px 10px;border-left:0;border-top:1px solid var(--line)}
.route-stop{scroll-margin-top:148px}}
/* canvas */
.bmc{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:4px 0 0}
.bc{display:flex;flex-direction:column;gap:6px;min-height:118px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.bc-n{color:var(--blue);font-size:var(--fs-caption);font-weight:700}.bc-name{color:var(--text);font-size:14px;font-weight:650;line-height:1.25}
.bc-q{color:var(--muted2);font-size:13px;line-height:1.4}.bc-nu{display:none;color:var(--text);font-size:13px;line-height:1.45;padding-top:6px;border-top:1px solid var(--line)}
.bmc.show-nu .bc-nu{display:block}.bmc.show-nu .bc{background:rgba(74,158,255,.05)}
.bc-socios{grid-column:1/3;grid-row:1/3}.bc-actividades{grid-column:3/5;grid-row:1}.bc-recursos{grid-column:3/5;grid-row:2}.bc-propuesta{grid-column:5/7;grid-row:1/3}.bc-relacion{grid-column:7/9;grid-row:1}.bc-canales{grid-column:7/9;grid-row:2}.bc-segmentos{grid-column:9/11;grid-row:1/3}.bc-costos{grid-column:1/6;grid-row:3}.bc-ingresos{grid-column:6/11;grid-row:3}
.note-box{margin:0 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:12px}.note-box h4{color:var(--muted2)}.note-box p{margin:0;color:var(--muted);font-size:var(--fs-helper)}
/* familias */
.fam-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.fam-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,3vw,40px);align-items:start;margin:0 0 26px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.fam-map .mini-canvas{grid-template-rows:80px 80px 62px}
.fam-legend{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 0;color:var(--muted2);font-size:12px}.fam-legend span{display:inline-flex;align-items:center;gap:7px}.fam-legend .dot{width:10px;height:10px}
.fam-head .fam-title{margin-bottom:10px}.fam-head .fam-logic{margin-bottom:0}.fam-head .why-list{margin-top:18px}
.fam-tab{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;transition:all .18s ease}
.fam-tab span{color:var(--muted2);font-variant-numeric:tabular-nums}.fam-tab:hover{color:var(--text);border-color:rgba(255,255,255,.36)}
.fam-tab[aria-selected="true"]{color:var(--text);border-color:var(--blue);background:rgba(74,158,255,.08)}.fam-tab[aria-selected="true"] span{color:var(--blue)}
.js .fam{display:none}.js .fam.is-on{display:block}
.fam+.fam{margin-top:48px}.js .fam+.fam{margin-top:0}
.fam-sub{margin:0 0 6px;color:var(--muted2);font-size:var(--fs-caption);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase}
.fam-title{margin:0 0 14px;font-size:var(--fs-h3);font-weight:650;letter-spacing:var(--ls-snug);text-transform:none}
.fam-logic{color:var(--muted);margin-bottom:10px}.fam-logic strong{color:var(--text);font-weight:600}.fam-how{color:var(--muted);margin-bottom:22px}
.cases2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.case{padding:16px 18px;border:1px solid var(--line);border-radius:12px}.case p:last-child{margin:0;color:var(--muted);font-size:var(--fs-helper)}.case strong{color:var(--text);font-weight:600}
.fam-diff{color:var(--muted2);font-size:var(--fs-helper);margin-bottom:22px}.fam-diff b{color:var(--text);font-weight:600}
.fam-canvas{display:grid;gap:16px;margin-bottom:18px}.fam-canvas .mini-canvas{max-width:560px}
.mini-canvas{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:54px 54px 46px;gap:4px}
.mc{display:flex;align-items:flex-start;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted2);font-size:12px;line-height:1.1;overflow:hidden}
.mc.is-move{border-color:rgba(74,158,255,.5);background:rgba(74,158,255,.12);color:var(--text);font-weight:650}
.mc.is-frag{border-color:rgba(255,74,74,.55);background:rgba(255,74,74,.12);color:var(--text);font-weight:650}
.mc-socios{grid-column:1/3;grid-row:1/3}.mc-actividades{grid-column:3/5;grid-row:1}.mc-recursos{grid-column:3/5;grid-row:2}.mc-propuesta{grid-column:5/7;grid-row:1/3}.mc-relacion{grid-column:7/9;grid-row:1}.mc-canales{grid-column:7/9;grid-row:2}.mc-segmentos{grid-column:9/11;grid-row:1/3}.mc-costos{grid-column:1/6;grid-row:3}.mc-ingresos{grid-column:6/11;grid-row:3}
.why-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.fam-canvas .why-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.why-list li{display:grid;gap:2px;padding-left:14px;border-left:2px solid var(--blue)}.why-list li.is-frag{border-left-color:var(--red)}
.why-list b{color:var(--text);font-size:14px;font-weight:600}.why-list span{color:var(--muted);font-size:13px;line-height:1.45}
.pats{margin:14px 0 0;color:var(--muted2);font-size:12px;line-height:1.5}
.small-note{margin:22px 0 0;color:var(--muted2);font-size:12px}
.starting-point b.p-dirige,.starting-point b.p-emprende{color:var(--text)}
/* matriz */
.how-read{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:0 0 14px;color:var(--muted2);font-size:13px}.how-read span{display:inline-flex;align-items:center;gap:8px}.how-tip{color:var(--yellow)}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%}.dot.is-move{background:var(--blue)}.dot.is-frag{background:var(--red)}
.matrix{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.matrix thead th:first-child{width:42%}.matrix.is-large thead th:first-child{width:30%}
.matrix:not(.is-large) thead th:first-child{width:30%}.matrix:not(.is-large) thead th:not(:first-child){font-size:10.5px;letter-spacing:.02em}
@media (max-width:1000px){.matrix:not(.is-large) thead th:first-child{width:42%}.matrix:not(.is-large) thead th:not(:first-child) span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);height:86px;text-align:left;line-height:1}}
.matrix th,.matrix td{padding:10px 4px;border-bottom:1px solid var(--line);text-align:center}
.matrix thead th{color:var(--muted2);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:bottom}
.matrix thead th:first-child,.matrix tbody th{text-align:left}
.matrix tbody th{color:var(--text);font-weight:600;padding-right:10px;line-height:1.3}.matrix .rn{display:inline-block;width:20px;color:var(--muted2);font-variant-numeric:tabular-nums}
.matrix tbody tr{cursor:pointer;transition:background .15s ease}.matrix tbody tr:hover,.matrix tbody tr.is-sel{background:rgba(255,255,255,.05)}
.matrix tbody tr.is-sel th{color:var(--yellow)}
.matrix-desk{overflow:visible}
.matrix-list{display:none;margin:0;padding:0;list-style:none}
.matrix-list li{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.matrix-list b{font-size:14px;font-weight:600}.matrix-list span{display:flex;flex-wrap:wrap;gap:6px}
.chip-b{padding:3px 9px;border-radius:999px;font-size:12px}.chip-b.is-move{background:rgba(74,158,255,.14);color:var(--text)}.chip-b.is-frag{background:rgba(255,74,74,.16);color:var(--text)}
.matrix-detail:empty{display:none}.matrix-detail{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:12px}
.matrix-detail h4{margin:0 0 4px;font-size:var(--fs-h3-card);text-transform:none;letter-spacing:var(--ls-snug)}.matrix-detail .md-frag{color:var(--muted);font-size:var(--fs-helper);margin:10px 0 0}.matrix-detail .md-frag b{color:var(--red)}
.matrix-detail a{color:var(--yellow);font-size:var(--fs-helper);font-weight:600;text-decoration:none}
.matrix-dialog{position:fixed;inset:0;margin:auto;width:min(100% - 32px,1100px);height:fit-content;max-height:90vh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:#1c1c1c;color:var(--text)}
.matrix-dialog::backdrop{background:rgba(0,0,0,.7)}
.dlg-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.dlg-head h2{margin:0;font-size:var(--fs-h3)}
.dlg-lede{color:var(--muted);font-size:var(--fs-helper);margin:6px 0 18px}
.dlg-body{display:grid;gap:20px}.dlg-body .matrix-detail .why-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.matrix.is-large{font-size:14px}.matrix.is-large thead th{font-size:10px;letter-spacing:.02em}.matrix.is-large th,.matrix.is-large td{padding:14px 6px}.matrix.is-large .dot{width:15px;height:15px}
.dlg-body .matrix-detail{margin-top:0}
/* supuestos */
.swans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;padding:0;list-style:none}
.swans li{padding:18px;border:1px solid var(--line);border-radius:12px}.swans p{margin:0;color:var(--muted);font-size:var(--fs-helper)}
.swan-name{margin-bottom:8px!important;color:var(--text)!important;font-size:var(--fs-body)!important;font-weight:650}.swan-name span{display:block;color:var(--muted2);font-size:12px;font-weight:400}
.swan-note{margin-top:10px!important;color:var(--muted2)!important}
.cases{display:grid;gap:18px;margin:0 0 22px}
.case-study{padding:22px 22px 8px;border:1px solid var(--line);border-radius:14px}
.case-meta{margin:0 0 6px;color:var(--muted2);font-size:12px}.case-meta span{color:var(--text);font-weight:600}.case-meta b{color:var(--red);font-weight:600}
.case-study h4{margin:0 0 16px;font-size:var(--fs-h3-card);text-transform:none;letter-spacing:var(--ls-snug)}
.case-study dl{margin:0}.case-study dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.case-study dt{color:var(--muted2);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.case-study dd{margin:0;color:var(--muted);font-size:var(--fs-helper)}
.case-study .is-sup dt{color:var(--red)}.case-study .is-sup dd{color:var(--text)}.case-study .is-lesson dt{color:var(--yellow)}.case-study .is-lesson dd{color:var(--text)}
/* escribir */
.steps{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none;counter-reset:st}
.steps li{position:relative;padding:0 0 0 40px;color:var(--muted);counter-increment:st}.steps li::before{content:counter(st);position:absolute;left:0;top:1px;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--red);border-radius:50%;color:var(--text);font-size:11px;font-weight:700}
.steps b{color:var(--text);font-weight:600}
.template-box{margin:0 0 28px;padding:20px 22px;border-radius:12px;background:rgba(74,158,255,.06)}.template-box .mini-label{color:var(--blue)!important}
.template{margin:0;color:var(--text);font-size:clamp(17px,2vw,20px);line-height:1.5}.template em{font-style:normal;color:var(--blue)}
.sub-h{margin:30px 0 12px;color:var(--text);font-size:var(--fs-body);font-weight:650;letter-spacing:0;text-transform:none}
.checklist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.checklist li{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px}.checklist b{color:var(--text);font-size:14px}.checklist span{color:var(--muted);font-size:13px;line-height:1.4}
.pairs{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.pairs li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.pairs p{margin:0;padding:14px 16px;border-radius:12px;font-size:var(--fs-helper)}.pairs span{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pairs .vague{border:1px dashed var(--line);color:var(--muted2)}.pairs .vague span{color:var(--muted2)}
.pairs .good{background:rgba(74,158,255,.06);color:var(--text)}.pairs .good span{color:var(--blue)}
.framing-sm{margin:-4px 0 14px;color:var(--muted);font-size:var(--fs-helper)}
.table-wrap{overflow-x:auto}
.types{width:100%;border-collapse:collapse;font-size:13px}.types th,.types td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.types thead th{color:var(--muted2);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.types tbody th{color:var(--text);font-weight:600;white-space:nowrap}.types td{color:var(--muted)}
/* importancia */
.two-q{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}.two-q>div{padding:16px 18px;border:1px solid var(--line);border-radius:12px}.two-q p:last-child{margin:0;color:var(--text)}
.quad-wrap{position:relative;padding:0 0 26px 28px;margin-bottom:8px}
.quad{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.q{min-height:150px;padding:16px 18px;border:1px solid var(--line);border-radius:12px}
.q h4{margin:0 0 4px;color:var(--text);font-size:var(--fs-body);letter-spacing:0;text-transform:none}.q-d{margin:0 0 8px;color:var(--muted2);font-size:12px}.q-a{margin:0;color:var(--muted);font-size:13px}
.q-validar{background:rgba(255,74,74,.07);border-color:rgba(255,74,74,.35)}.q-vigilar{background:rgba(255,216,74,.05);border-color:rgba(255,216,74,.28)}
.qmarks{display:flex;gap:6px;margin-top:10px}
.qmark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--text);color:var(--bg);font-size:12px;font-weight:700;flex:0 0 auto}
.axis{position:absolute;color:var(--muted2);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.axis-y{left:0;top:42%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;white-space:nowrap}.axis-x{right:0;bottom:0}
.roto{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none}.roto li{display:flex;gap:12px;align-items:flex-start;color:var(--text)}.roto em{display:block;color:var(--muted2);font-style:normal;font-size:12px;margin-top:2px}
/* validar */
.tests{display:grid;gap:0;margin:0 0 22px;padding:0;list-style:none;border-top:1px solid var(--line)}
.test{padding:18px 0;border-bottom:1px solid var(--line)}.test-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px}
.test-n{color:var(--blue);font-size:12px;font-weight:700}.test h4{margin:0;color:var(--text);font-size:var(--fs-body);letter-spacing:0;text-transform:none}
.test-cost{margin-left:auto;color:var(--muted2);font-size:12px}.test p{margin:0 0 6px;color:var(--muted);font-size:var(--fs-helper)}.test b{color:var(--text);font-weight:600}
/* tendencias */
.trends{padding:44px 0 72px;border-top:1px solid var(--line)}
.trend-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,48px);margin:26px 0 0;padding:0;list-style:none}
.trend-list h4{margin:0 0 10px;color:var(--text);font-size:var(--fs-h3-card);letter-spacing:var(--ls-snug);text-transform:none}.trend-list p:last-child{color:var(--muted);font-size:var(--fs-helper);margin:0}
/* ejercicio */
.exercise{padding:44px 0 40px;border-top:1px solid var(--line)}
.ex-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(28px,5vw,64px);align-items:start;margin-top:10px}
.ex-step{margin:0;padding:22px 0;border:0;border-top:1px solid var(--line)}.ex-step:first-child{border-top:0;padding-top:4px}
.ex-step legend{float:left;width:100%;display:flex;gap:12px;align-items:center;padding:0;margin-bottom:10px;color:var(--text);font-size:var(--fs-body);font-weight:650}
.ex-step legend span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--red);border-radius:50%;font-size:11px;font-weight:700}
.ex-step legend+*{clear:both}.ex-help{margin:0 0 12px;color:var(--muted);font-size:var(--fs-helper)}
.ex-hint:empty{display:none}.ex-hint{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:rgba(255,74,74,.06);color:var(--muted);font-size:13px}.ex-hint b{color:var(--text)}
.exercise .field-label{margin:16px 0 6px}
.movement-options{margin:0}
.movement-option:has(input:checked){border-color:var(--yellow);background:rgba(255,216,74,.06)}
.pill-options{display:flex;flex-wrap:wrap;gap:8px}
.pill-option{cursor:pointer}.pill-option input{position:absolute;opacity:0;pointer-events:none}
.pill-option span{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;transition:all .18s ease}
.pill-option:hover span{color:var(--text);border-color:rgba(255,255,255,.36)}.pill-option input:checked+span{color:var(--text);border-color:var(--yellow);background:rgba(255,216,74,.08)}
.pill-option input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:3px}
.ex-card-wrap{position:sticky;top:108px}
.ex-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}
.ex-card .card-k{margin:0 0 4px;color:var(--muted2);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ex-card .card-name{margin:0 0 16px;color:var(--text);font-size:var(--fs-h3-card);font-weight:650;letter-spacing:var(--ls-snug);line-height:1.2}
.ex-card .card-sup{margin:0 0 16px;padding:14px 16px;border-radius:12px;background:rgba(74,158,255,.06);color:var(--text);font-size:15px;line-height:1.5}
.ex-card dl{margin:0;display:grid;gap:0}.ex-card dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.ex-card dt{color:var(--muted2);font-size:12px}.ex-card dd{margin:0;color:var(--text);font-size:13px}
.ex-card .empty{color:var(--muted2)}
.ex-card .card-next{margin:14px 0 0;padding-left:14px;border-left:2px solid var(--yellow);color:var(--muted);font-size:13px}
.ex-card .q-tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}
.q-tag.validar{background:rgba(255,74,74,.16)}.q-tag.vigilar{background:rgba(255,216,74,.14)}.q-tag.despues,.q-tag.no{background:rgba(255,255,255,.08)}
/* cierre: CTA canónico de recursos LS */
.mapa-cta{min-height:56svh;display:grid;place-items:center;margin:72px 0 0;padding:34px 0;text-align:center;border-top:1px solid var(--line)}
.mapa-cta h2{max-width:800px;margin:8px auto 0;font-size:34px;font-weight:600;letter-spacing:-.04em;line-height:.98}
.mapa-cta p{max-width:540px;margin:20px auto 28px;color:var(--muted);font-size:16px;line-height:1.48}
.mapa-cta-button{display:inline-block;padding:13px 16px;border-radius:999px;color:var(--text);background:transparent;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;text-decoration:none}
.faq .sources ul{margin:0 0 19px;padding-left:18px;color:var(--muted2);font-size:13px}.faq .sources li+li{margin-top:6px}.faq .sources a{color:var(--text);text-underline-offset:3px}
@media (max-width:1000px){.flip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-list{grid-template-columns:1fr}.dlg-body{grid-template-columns:1fr}}
@media (max-width:800px){.fam-canvas .why-list,.dlg-body .matrix-detail .why-list{grid-template-columns:1fr}.types thead{display:none}.types,.types tbody,.types tr,.types th,.types td{display:block;width:100%}.types tr{padding:12px 0;border-bottom:1px solid var(--line)}.types th,.types td{border:0;padding:3px 0}.entry-3{grid-template-columns:1fr}.ex-grid{grid-template-columns:1fr}.ex-card-wrap{position:static}.cases2,.fam-top,.two-q,.swans{grid-template-columns:1fr}.fam-top{padding:0;gap:18px;border:0;background:none}.fam-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.fam-tab{border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.25;text-align:left;align-items:flex-start}.fam-map .mini-canvas{grid-template-rows:58px 58px 44px;gap:3px}.mc{padding:5px 4px;font-size:9.5px;letter-spacing:-.01em;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}.pairs li{grid-template-columns:1fr}.matrix-desk{display:none}.matrix-list{display:block}#matrix-open{display:none}.case-study dl>div{grid-template-columns:1fr;gap:4px}}
@media (max-width:560px){.flip-grid{grid-template-columns:1fr}.flip{min-height:200px}.bmc{grid-template-columns:1fr 1fr}.bmc .bc{grid-column:auto!important;grid-row:auto!important;min-height:0}.bc-costos,.bc-ingresos{grid-column:1/-1!important}.checklist{grid-template-columns:1fr}.quad-wrap{padding-left:22px}.q{min-height:0}}
@media print{.nav-wrap,.site-footer,#ls-particle-canvas,.entry,.output-actions,.ai-support,.fam-tabs,.row-actions{display:none!important}.js .fam{display:block}body{background:#fff;color:#111}}