/* Una escala editorial; superficies planas y recursos originales de cada app. */
/* Apertura tipográfica: la marca ocupa el plano; el mensaje acompaña sin competir. */
.story-hero{--acento:#33283E;position:relative;isolation:isolate;background:var(--lila-marca);color:#33283E;padding:clamp(48px,6vw,88px) 0 28px}.hero-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:end}.hero-wordmark{font-size:clamp(110px,13vw,178px);font-weight:600;letter-spacing:-.045em;line-height:.91;padding:0 .06em .05em 0;user-select:text}.hero-wordmark>span{display:block}.hero-wordmark>span+span{margin-top:.04em}.hero-copy{padding-bottom:10px;min-width:0}.story-hero h1{font-size:clamp(30px,3.1vw,44px);font-weight:600;letter-spacing:-1.4px;line-height:1.17;max-width:19ch}.hero-line{display:block}.hero-emphasis{color:inherit}.story-introduction{font-size:17px;line-height:1.65;max-width:35ch;margin-top:24px}.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;border-top:1px solid #33283E66;margin-top:clamp(40px,5vw,72px);padding-top:18px}.hero-signature{font-size:14px;line-height:1.5;font-weight:600}.chapter-links{display:flex;justify-content:flex-end;gap:32px;min-width:0}.chapter-links a{display:flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;font-size:14px;font-weight:600}.chapter-small-no{font-size:11px;font-weight:400}.chapter-arrow{width:18px;height:18px;margin-left:8px;transition:transform .2s}.chapter-links a:hover .chapter-arrow{transform:translate(2px,2px)}.tools-intro{padding:42px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;border-top:1px solid var(--borde)}.tools-intro h2{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-1px;line-height:1.2;max-width:22ch}.tools-intro p{color:var(--secundario);font-size:16px;line-height:1.65;max-width:49ch}.chapter{padding:40px 0 80px;scroll-margin-top:100px}.chapter+.chapter{border-top:1px solid var(--borde);padding-top:64px}.chapter-experience{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.chapter-heading{max-width:480px}.chapter-no{display:flex;align-items:center;gap:16px;color:var(--acento);font-size:14px;font-weight:600;margin-bottom:24px}.chapter-no:after{content:'';height:1px;width:64px;background:currentColor;opacity:.7}.chapter-heading h2{font-size:clamp(34px,3.8vw,54px);line-height:1.12;letter-spacing:-1.5px;font-weight:400;max-width:16ch;text-wrap:balance}.chapter-heading strong{color:var(--acento);font-weight:600}.chapter-heading>p{font-size:16px;line-height:1.65;color:var(--secundario);max-width:39ch;margin-top:24px}
.botanical-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.botanical-corner{position:absolute;width:clamp(120px,16vw,240px);height:auto;opacity:.75}.botanical-left{left:-58px;top:4px;transform:rotate(12deg)}.botanical-right{right:-58px;bottom:-120px;transform:scaleX(-1) rotate(-8deg)}.tools-intro{padding:42px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;border-top:1px solid var(--borde)}.tools-intro h2{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-1px;line-height:1.2;max-width:22ch}.tools-intro p{color:var(--secundario);font-size:16px;line-height:1.65;max-width:49ch}.chapter{padding:40px 0 80px;scroll-margin-top:100px}.chapter+.chapter{border-top:1px solid var(--borde);padding-top:64px}.chapter-experience{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.chapter-heading{max-width:480px}.chapter-no{display:flex;align-items:center;gap:16px;color:var(--acento);font-size:14px;font-weight:600;margin-bottom:24px}.chapter-no:after{content:'';height:1px;width:64px;background:currentColor;opacity:.7}.chapter-heading h2{font-size:clamp(34px,3.8vw,54px);line-height:1.12;letter-spacing:-1.5px;font-weight:400;max-width:16ch;text-wrap:balance}.chapter-heading strong{color:var(--acento);font-weight:600}.chapter-heading>p{font-size:16px;line-height:1.65;color:var(--secundario);max-width:39ch;margin-top:24px}
.experience-visual{background:var(--stage);color:var(--stage-ink);border-radius:6px 64px 6px 6px;min-height:440px;position:relative;min-width:0;padding:28px 32px;overflow:clip}.demo-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:13px;line-height:1.5}.demo-topline>span{max-width:23ch}.demo-topline>span:last-child{text-align:right}.demo-care{font-size:13px;line-height:1.5;margin-top:12px}.demo-solid-button{display:block;min-height:48px;padding:12px 20px;min-width:170px;border:1px solid var(--stage-ink);color:var(--stage-ink);background:transparent;border-radius:30px;margin:14px auto 0;font-size:15px;font-weight:600;transition:background-color .18s}.demo-solid-button:hover{background:#FFFDF755}.demo-progress{height:3px;border-radius:4px;background:#EEE5F3;margin:20px 0 16px;overflow:hidden}.demo-progress span{display:block;height:100%;width:0;background:var(--stage-ink)}.demo-complete{font-size:14px;line-height:1.5;text-align:center;margin-top:14px}.demo-complete:empty{display:none}
.breath-preview{padding:0;display:flex;align-items:stretch}.breath-surface{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:440px;padding:24px;border-radius:inherit;text-align:center}.breath-surface:focus-visible{outline:3px solid var(--stage-ink);outline-offset:-8px}.breath-drawing{width:100%;height:300px;pointer-events:none}.breath-drawing .path{fill:none;stroke:#273E2E;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.breath-drawing .soft{fill:#ECF2E9;fill-opacity:.65;stroke:none}.breath-drawing .point{fill:#FFFDF7;stroke:#273E2E;stroke-width:1.2}.breath-caption{display:flex;justify-content:center;width:100%;margin-top:12px}.breath-timing{font-size:30px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums}
.movement-stage{position:relative;height:245px;margin-top:8px}.movement-drawing{height:100%;width:100%;max-width:380px;margin:auto;pointer-events:none}.figure-fill{fill:#E4DAED}.figure-outline,.figure-detail,.movement-cue{fill:none;stroke:#3D2E4C;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.movement-cue{stroke-width:1.3}.movement-clock{position:absolute;right:0;top:30px;display:flex;flex-direction:column;align-items:center}.movement-clock>span:first-child{font-size:46px;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-2px}.movement-clock>span:last-child{font-size:13px}.action-caption>p:first-child{font-size:18px;font-weight:600;text-align:center;margin:8px auto 0;max-width:31ch;line-height:1.4}.action-caption .demo-care{text-align:center}
.theme-verde{--product-surface:#E6EEE5}.theme-lila{--product-surface:#EAE3EF}.theme-naranja{--product-surface:#F5E1D9}
.product-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;border:1px solid var(--borde);border-radius:24px;overflow:hidden;margin-top:40px;background:var(--blanco)}
.product-details{align-self:center;padding:48px;min-width:0}.product-strip-heading{grid-area:heading;min-width:0}.product-strip h3{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-1.2px;margin-top:14px;text-wrap:balance}.product-strip .slogan{font-size:18px;line-height:1.45;color:var(--acento);font-weight:600;max-width:37ch;margin-top:14px}.product-strip-text{grid-area:copy;min-width:0;margin-top:24px}.product-strip .description{font-size:16px;line-height:1.65;color:var(--secundario);max-width:49ch}.product-strip-action{grid-area:action;width:100%;min-width:0;margin-top:28px}
.product-stage{grid-area:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-width:0;margin:0;padding:48px 32px 32px;background:var(--product-surface)}.product-phone{width:min(100%,300px);border:7px solid #35322F;border-radius:38px;background:var(--papel);box-shadow:0 18px 28px -16px #35322F50;flex:none;overflow:hidden}.product-strip-cover{width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;display:block}.product-stage figcaption{font-size:12px;line-height:1.5;color:var(--secundario);text-align:center;max-width:30ch}
.all-apps-note{padding:0 0 72px;text-align:center;color:var(--secundario);font-size:14px;line-height:1.7}
.perspective-preview{display:flex;flex-direction:column;justify-content:space-between;gap:14px}.perspective-situation{font-size:25px;line-height:1.25;letter-spacing:-.5px;font-weight:600;max-width:28ch;margin-top:8px}.perspective-preview .example-label{font-size:13px}.perspective-classify{border-block:1px solid #74473555;padding:20px 0 16px}.perspective-statement{font-size:22px;line-height:1.4;min-height:2.8em}.perspective-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.perspective-choices button{flex:1;min-width:72px;min-height:46px;padding:10px;border:1px solid #744735;background:transparent;border-radius:24px;font-size:14px;color:#542D20}.perspective-choices button[aria-pressed=true]{background:#FFFDF7;font-weight:700}.perspective-note{font-size:13px;line-height:1.5}.perspective-answer{background:#FFF9F2;padding:20px;border-radius:6px;min-height:110px;font-size:15px;line-height:1.5}.perspective-answer strong{display:block;margin-bottom:7px}.perspective-controls{display:flex;justify-content:space-between;align-items:center;gap:16px}.perspective-controls>span{font-size:13px}.perspective-controls button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:14px;padding:8px 0}.closing .botanical-corner{width:140px;opacity:.5}.closing .botanical-left{top:-100px}.closing .botanical-right{bottom:-160px}
@media(max-width:1050px){.chapter-experience,.tools-intro{column-gap:40px}.product-details{padding:36px}.product-stage{padding:40px 28px 28px}.product-phone{width:min(100%,272px)}.chapter-heading h2{font-size:43px}.experience-visual{padding:26px;min-height:430px}.breath-preview{padding:0}.product-strip h3{font-size:38px}.product-strip .slogan{font-size:17px}.perspective-statement{font-size:20px}.perspective-situation{font-size:23px}}
@media(max-width:760px){.tools-intro{grid-template-columns:1fr;gap:18px;padding:30px 0}.tools-intro h2{max-width:24ch}.tools-intro p{font-size:15px;max-width:52ch}.chapter{padding:28px 0 52px}.chapter+.chapter{padding-top:44px}.chapter-experience{grid-template-columns:1fr;gap:28px}.chapter-heading{max-width:none}.chapter-heading h2{font-size:38px;max-width:23ch}.chapter-heading>p{max-width:52ch;margin-top:16px}.chapter-no{margin-bottom:16px}.experience-visual{width:100%;max-width:560px;margin:auto;min-height:420px;padding:28px}.breath-preview{padding:0}.breath-surface{min-height:420px}.product-strip{grid-template-columns:1fr;grid-template-areas:"heading" "visual" "copy" "action";margin-top:30px;padding:30px;row-gap:0}.product-details{display:contents}.product-stage{grid-area:visual;margin-top:24px;padding:32px 24px 24px;border-radius:16px;gap:20px}.product-phone{width:min(100%,256px)}.product-strip-text{margin-top:24px}.product-strip-action{margin-top:24px}.product-strip h3{font-size:31px;letter-spacing:-.8px}.product-strip .slogan{font-size:16px}.product-strip .description{font-size:15px}.product-format{font-size:11px}.product-strip .buy-link{font-size:15px}.product-foot{font-size:12px}.botanical-corner{width:150px;opacity:.55}.botanical-left{left:-90px;top:-22px}.botanical-right{right:-90px;bottom:-75px}.all-apps-note{padding-bottom:48px}}
@media(max-width:600px){.product-strip{padding:28px 24px;border-radius:20px}.product-strip-text,.product-strip-action{max-width:48ch;width:100%}.product-stage{margin-inline:-24px;border-radius:0;padding:30px 32px 24px}.product-strip h3{font-size:36px}.product-strip .slogan{font-size:17px}.product-strip .description{font-size:16px}.product-format{font-size:12px}.product-foot{font-size:13px}.product-strip-action{align-self:auto}.chapter-heading h2{font-size:36px}.story-hero .botanical-left{left:-118px}.story-hero .botanical-right{right:-120px}.perspective-choices button{font-size:14px}.perspective-situation{font-size:25px}}
@media(max-width:430px){.chapter-mini-rule{width:14px}.chapter-heading h2{font-size:34px;letter-spacing:-1px}.chapter-heading>p{font-size:16px}.experience-visual{padding:24px;min-height:410px;border-top-right-radius:52px}.breath-preview{padding:0}.breath-surface{min-height:410px;padding:20px}.breath-drawing{height:285px}.movement-stage{height:225px}.movement-clock>span:first-child{font-size:42px}.movement-clock{right:0;top:22px}.demo-topline{font-size:12px;gap:12px}.action-caption>p:first-child{font-size:17px}.product-strip{padding:28px 22px}.product-stage{margin-inline:-22px}.product-phone{width:min(100%,248px);border-width:6px;border-radius:32px}.product-strip h3{font-size:34px}.perspective-situation{font-size:23px}.perspective-statement{font-size:21px}.perspective-classify{padding:16px 0}.perspective-choices{gap:6px}.perspective-choices button{min-width:64px;font-size:13px;padding:9px}.perspective-answer{padding:16px;font-size:15px}}
@media(max-width:359px){.chapter-heading h2{font-size:31px}.experience-visual{padding:22px}.breath-preview{padding:0}.demo-topline{font-size:12px}.movement-drawing{width:94%;margin-left:-6px}.movement-clock{top:20px}.movement-clock>span:first-child{font-size:37px}.perspective-situation{font-size:22px}.perspective-statement{font-size:20px}.perspective-choices{gap:5px}.perspective-choices button{min-width:60px;padding:8px 6px;font-size:12px}}

/* El cartel cambia de composición, no solo de escala, en tableta y móvil. */
@media(max-width:1050px){.hero-top{gap:40px}.story-hero h1{font-size:33px}.story-introduction{font-size:16px}.hero-bottom{gap:20px}.chapter-links{gap:24px}.chapter-links a{gap:8px}}
@media(max-width:900px){.hero-top{grid-template-columns:1fr;gap:40px}.hero-wordmark{font-size:clamp(110px,22vw,178px);line-height:.89;max-width:100%}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0;align-items:end}.story-hero h1{font-size:clamp(30px,4.4vw,38px);max-width:18ch}.story-introduction{margin:0;max-width:32ch}.hero-bottom{margin-top:36px;grid-template-columns:1fr;gap:10px}.chapter-links{justify-content:space-between;gap:16px}.hero-signature{font-size:13px}}
@media(max-width:600px){.story-hero{padding:36px 0 20px}.hero-top{gap:32px}.hero-wordmark{font-size:23vw;letter-spacing:-.045em;max-width:100%;line-height:.91}.hero-copy{grid-template-columns:1fr;gap:20px}.story-hero h1{font-size:30px;line-height:1.18;letter-spacing:-1px;max-width:20ch}.story-introduction{font-size:16px;max-width:34ch}.hero-bottom{margin-top:28px;gap:10px;padding-top:16px}.chapter-links{gap:10px}.chapter-links a{font-size:13px;gap:6px;min-height:48px}.chapter-arrow{width:16px;height:16px;margin-left:0}.hero-signature{font-size:12px}}
@media(max-width:359px){.hero-wordmark{font-size:22.8vw}.story-hero h1{font-size:27px}.chapter-links{gap:8px}.chapter-links a{font-size:12px;gap:4px}.chapter-small-no{font-size:10px}.chapter-arrow{display:none}.story-introduction{font-size:15px}}