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

/* ---------- Entrevista para tu guion de video ---------- */
.howto { padding:44px 0 80px; border-top:1px solid var(--line); }
.howto-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
.howto-grid .reflection { margin:0; }
.howto-grid .reflection h4 { color:var(--blue); }
.howto-grid .reflection:nth-child(2) h4 { color:var(--yellow); }
.howto-grid .reflection:nth-child(3) h4 { color:var(--yellow); }
.howto-grid .reflection:nth-child(4) h4 { color:var(--red); }
.howto-grid .reflection p { color:var(--muted); }
.field-hint { margin:-2px 0 10px; color:var(--muted2); font-size:var(--fs-helper); line-height:1.45; }
.field-optional { color:var(--muted2); font-weight:400; }
input.field-input { resize:none; }
.choice-row { display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 0; }
.choice-chip { position:relative; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.025); color:var(--text); font-size:14px; cursor:pointer; transition:background .18s ease,border-color .18s ease; }
.choice-chip:hover { border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.06); }
.choice-chip input { width:16px; height:16px; margin:0; accent-color:var(--yellow); }
.choice-chip:has(input:checked) { border-color:var(--yellow); background:rgba(255,216,74,.07); }
.choice-other { display:inline-flex; align-items:center; gap:10px; }
.choice-other { max-width:100%; } .choice-other .field-input { width:min(240px,100%); min-width:0; flex:1 1 140px; padding:9px 12px; font-size:14px; }
.more-details { margin-top:16px; border-top:1px solid var(--line); }
.more-details summary { padding:16px 30px 6px 0; position:relative; color:var(--text); font-size:14px; font-weight:650; cursor:pointer; list-style:none; }
.more-details summary::-webkit-details-marker { display:none; }
.more-details summary::after { content:'+'; position:absolute; right:4px; top:12px; color:var(--yellow); font-size:21px; line-height:1; }
.more-details[open] summary::after { content:'−'; }
.prompt-section { display:grid; grid-template-columns:minmax(0,.75fr) minmax(320px,1.25fr); gap:clamp(30px,6vw,80px); align-items:start; padding:45px 0 60px; border-top:1px solid var(--line); scroll-margin-top:100px; }
.prompt-section .output-copy { position:sticky; top:108px; }
.prompt-section .output-copy > p:not(.eyebrow) { max-width:440px; color:var(--muted); font-size:var(--fs-body); }
.prompt-box { padding:22px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.035); }
.prompt-box .prompt-label { margin-bottom:12px; }
#prompt-output { max-height:520px; overflow:auto; margin:0; padding:2px 4px 2px 0; color:var(--muted); font:400 14px/1.6 var(--font); white-space:pre-wrap; word-break:break-word; -webkit-user-select:text!important; user-select:text!important; }
.prompt-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.prompt-actions .copy-status { margin-left:0; }
.checklist { max-width:760px; margin:22px 0 0; padding-left:22px; color:var(--muted); }
.checklist li + li { margin-top:10px; }
.checklist li::marker { color:var(--yellow); font-weight:700; }
.review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; max-width:900px; }
.review-grid .reflection { margin:0; }
.review-grid .reflection p { color:var(--muted); }
.faster-list { display:grid; gap:12px; margin:0 0 20px; padding:0; list-style:none; }
.faster-list li { padding-left:22px; position:relative; color:var(--muted); font-size:var(--fs-body); line-height:1.5; }
.faster-list li::before { content:''; position:absolute; left:0; top:.62em; width:8px; height:8px; border-radius:50%; background:var(--yellow); }
.faster-list li b { color:var(--text); font-weight:650; }
.soon-note { margin:0 0 18px; color:var(--muted2); font-size:var(--fs-helper); }
.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;}
@media (max-width:800px) { .howto-grid,.review-grid { grid-template-columns:1fr; } .prompt-section { grid-template-columns:1fr; } .prompt-section .output-copy { position:static; } #prompt-output { max-height:380px; } }

.review { margin-top:24px; }
.howto .section-lede { margin-bottom:0; }
.route-next { position:relative; z-index:1; padding:8px 0 0 76px; }
.prompt-meta { margin:-4px 0 14px; padding:10px 12px; border-radius:10px; background:rgba(255,216,74,.07); color:var(--text); font-size:var(--fs-helper); line-height:1.45; }
.prompt-meta.is-updated { animation:meta-flash .9s ease; }
@keyframes meta-flash { 0% { background:rgba(255,216,74,.22); } 100% { background:rgba(255,216,74,.07); } }
.prompt-section .output-copy > p:not(.eyebrow) + p:not(.eyebrow) { margin-top:12px; }
@media (max-width:800px) { .route-next { padding-left:56px; } }
@media (max-width:460px) { .route-next { padding-left:46px; } }

/* FAQ y revisión a todo el ancho del contenido, alineados con el resto de bloques */
.faq { max-width:none; }
.faq details p { max-width:760px; }

/* ---------- Showcase AI Script Maker (2026-10-08) ---------- */
.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.eyebrow-blue { color:var(--blue); }
.hero-peek { margin:18px 0 0; color:var(--muted2); font-size:var(--fs-helper); }
.hero-peek a { color:var(--text); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:2px; transition:border-color .18s ease,color .18s ease; }
.hero-peek a:hover { color:var(--yellow); border-color:var(--yellow); }

/* El prompt y el teléfono comparten sección: el prompt manda, el teléfono acompaña */
.prompt-section { grid-template-columns:minmax(0,1fr) minmax(280px,340px); gap:clamp(36px,6vw,84px); }
.prompt-section .output-copy { position:static; margin-bottom:24px; }
.prompt-main { min-width:0; display:grid; gap:18px; }
.prompt-main .data-notice { grid-column:auto; }
.app-peek { position:sticky; top:96px; display:grid; justify-items:center; text-align:center; isolation:isolate; }
.app-peek::before { content:""; position:absolute; z-index:-1; inset:14% -18% 10%; border-radius:50%; background:radial-gradient(closest-side,rgba(74,158,255,.20),rgba(255,216,74,.08) 55%,transparent 75%); filter:blur(30px); animation:peek-glow 9s ease-in-out infinite alternate; }
@keyframes peek-glow { from { transform:translateY(-12px) scale(.96); opacity:.75; } to { transform:translateY(12px) scale(1.04); opacity:1; } }
.app-peek .eyebrow { margin-bottom:6px; }
.peek-title { margin:0 0 6px; color:var(--text); font-size:20px; font-weight:650; line-height:1.2; letter-spacing:-.02em; }
.peek-title span { background:linear-gradient(90deg,var(--blue),var(--yellow) 55%,var(--red)); background-size:200% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:brand-pulse 6s ease-in-out infinite alternate; }
.phone-video { position:relative; width:100%; max-width:340px; aspect-ratio:640/1134;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 94%,transparent 100%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in; mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 94%,transparent 100%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%); mask-composite:intersect; }
.phone-video video { display:block; width:100%; height:100%; object-fit:cover; background:var(--bg); }
.demo-play { position:absolute; left:50%; bottom:16%; transform:translateX(-50%); min-height:44px; padding:10px 18px; border:1px solid rgba(255,255,255,.3); border-radius:999px; background:rgba(24,24,24,.82); color:var(--text); font:700 12px/1 var(--font); letter-spacing:.07em; text-transform:uppercase; cursor:pointer; }
.peek-link { margin-top:4px; color:var(--muted); font-size:var(--fs-helper); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:2px; }
.peek-link:hover { color:var(--yellow); border-color:var(--yellow); }

/* Comparación */
.app-compare { padding:64px 0 72px; border-top:1px solid var(--line); scroll-margin-top:90px; }
.app-compare-head { max-width:760px; margin-bottom:34px; }
.app-compare-head h2 span { background:linear-gradient(90deg,var(--blue),var(--yellow) 50%,var(--red)); background-size:200% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:brand-pulse 6s ease-in-out infinite alternate; }
.app-compare-head p:not(.eyebrow) { max-width:620px; color:var(--muted); font-size:var(--fs-body); }
.compare-table { width:100%; border-collapse:separate; border-spacing:0; font-size:15px; line-height:1.45; }
.compare-table thead th { padding:0 18px 14px; color:var(--muted2); font-size:var(--fs-caption,12px); font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-align:left; }
.compare-table thead th:last-child { color:var(--yellow); }
.compare-table tbody th { width:22%; padding:18px 18px 18px 0; color:var(--text); font-weight:650; text-align:left; vertical-align:top; border-top:1px solid var(--line); }
.compare-table td { width:39%; padding:18px; color:var(--muted); vertical-align:top; border-top:1px solid var(--line); }
.compare-table td:last-child { color:var(--text); background:linear-gradient(180deg,rgba(255,216,74,.055),rgba(74,158,255,.035)); }
.compare-table tbody tr:first-child td:last-child { border-top-left-radius:14px; border-top-right-radius:14px; }
.compare-table tbody tr:last-child td:last-child { border-bottom-left-radius:14px; border-bottom-right-radius:14px; }
.app-cta { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-top:34px; }
.app-cta-note { margin:0; color:var(--muted); font-size:var(--fs-body); }
.app-cta-note b { color:var(--text); font-weight:650; }
.answers-details { max-width:760px; margin-top:10px; }
.review-note { max-width:760px; margin:22px 0 0; color:var(--muted); font-size:var(--fs-body); }
.review-note b { color:var(--yellow); font-weight:700; }

@media (max-width:900px) {
  .prompt-section { grid-template-columns:1fr; }
  .app-peek { position:static; margin-top:8px; }
  .phone-video { max-width:300px; }
}
@media (max-width:640px) {
  .compare-table thead { display:none; }
  .compare-table, .compare-table tbody { display:block; }
  .compare-table tbody tr { display:grid; grid-template-columns:1fr 1fr; gap:0 10px; padding:16px 0; border-top:1px solid var(--line); }
  .compare-table tbody th { grid-column:1/-1; width:auto; padding:0 0 10px; border:0; }
  .compare-table td { width:auto; padding:12px; border:0; border-radius:10px; font-size:14px; background:rgba(255,255,255,.03); }
  .compare-table td::before { display:block; margin-bottom:6px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted2); }
  .compare-table td:nth-of-type(1)::before { content:"Prompt"; }
  .compare-table td:nth-of-type(2)::before { content:"AI Script Maker"; color:var(--yellow); }
  .compare-table tbody tr td:last-child { border-radius:10px; }
}
@media (prefers-reduced-motion: reduce) { .app-peek::before, .peek-title span, .app-compare-head h2 span { animation:none; } }
@media (max-width:900px) { .app-peek::before { inset:10% 2% 8%; } }

/* ---------- Forma de tu perfil (2026-10-27) ---------- */
.shapes { padding:44px 0 80px; border-top:1px solid var(--line); }
.shape-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:26px 0 0; padding:0; list-style:none; }
.shape-grid li { display:grid; align-content:start; gap:6px; padding:12px 16px 18px; border-radius:14px; background:rgba(255,255,255,.03); }
.shape-grid img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; mix-blend-mode:lighten; }
.shape-grid b { font-size:20px; font-weight:750; letter-spacing:-.01em; }
.shape-grid b.is-blue { color:var(--blue); } .shape-grid b.is-yellow { color:var(--yellow); } .shape-grid b.is-red { color:var(--red); }
.shape-grid span { color:var(--muted); font-size:var(--fs-helper); line-height:1.45; }
.shapes-note { max-width:760px; margin:22px 0 0; color:var(--muted2); font-size:var(--fs-helper); }
.shapes-note a { color:var(--text); text-underline-offset:3px; }
.guide-peek { gap:14px; }
.guide-cover { display:block; width:100%; max-width:280px; height:auto; border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,.55); }
.peek-note { max-width:280px; margin:0; color:var(--muted); font-size:var(--fs-helper); line-height:1.45; }
.howto-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.howto-grid.three .reflection:nth-child(1) h4 { color:var(--blue); }
.howto-grid.three .reflection:nth-child(2) h4 { color:var(--yellow); }
.howto-grid.three .reflection:nth-child(3) h4 { color:var(--red); }
@media (max-width:800px) { .shape-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .howto-grid.three { grid-template-columns:1fr; } }
@media (max-width:460px) { .shape-grid { gap:8px; } .shape-grid li { padding:8px 10px 12px; } .shape-grid b { font-size:17px; } }
.inside { padding:44px 0 80px; border-top:1px solid var(--line); }
.inside-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:26px; }
.inside-grid figure { margin:0; display:grid; gap:14px; align-content:start; }
.inside-grid img { display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 14px 40px rgba(0,0,0,.5); }
.inside-grid figcaption { color:var(--muted); font-size:var(--fs-helper); line-height:1.45; }
.inside-grid figcaption b { display:block; margin-bottom:4px; color:var(--text); font-size:17px; font-weight:700; }
.takeaway { max-width:760px; margin-top:40px; }
.takeaway h3 { font-size:var(--fs-h3); }
.hero .eyebrow { margin-bottom:4px; }
@media (max-width:800px) { .inside-grid { grid-template-columns:1fr; max-width:420px; } }