: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; } }

/* ---------- Plataforma de gestión del cambio ---------- */
.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; } }