/* Diapositiva 7: la fase 1 entera a escala de tiempo (trabajo, entrega privada, pruebas y lanzamiento).
   Diapositiva 9: qué incluye cada fase, en dos fichas. El encaje en altura de ambas está en fit.css. */

/* 7 · Calendario */
.journey{border:1px solid #ffffff1f;border-radius:20px;background:linear-gradient(145deg,#ffffff0a,#ffffff03);padding:20px 30px 16px}
.jt-track{position:relative}
.jt-flags{position:relative;height:34px}
.jt-flag{position:absolute;left:var(--x);bottom:0;transform:translateX(-50%);padding-bottom:11px;white-space:nowrap;font-size:14px;line-height:1.3;color:#b6d5ce}
.jt-flag:after{content:'';position:absolute;left:50%;bottom:0;height:8px;border-left:1px solid #6FE3C880}
.jt-flag b{font:600 15px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.2px;color:#f0fefb}
.jt-flag-start{transform:none}.jt-flag-start:after{left:1px}
.jt-flag-delivery b{color:#fff}
.jt-bar{position:relative;height:52px}
.jt-seg{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--w) - 3px);border-radius:11px;display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:600;letter-spacing:-.1px;white-space:nowrap;overflow:hidden}
.jt-design{background:#9cf1dd26;border:1px solid #9cf1dd55;color:#e0fcf6}
.jt-build{background:linear-gradient(90deg,#70e4c8,#6FE3C8);color:#153d33;box-shadow:0 10px 28px #5dd5b830}
.jt-test{left:calc(var(--a) + 3px);background:#ffffff0d;border:1px solid #cafbef70;color:#eefefa;align-items:flex-start;padding-top:9px;padding-left:20px}
.jt-ticks{position:absolute;left:20px;right:16px;bottom:9px;display:flex;gap:3px}
.jt-ticks i{flex:1;height:5px;border-radius:2px;background:#c1faec}
.jt-tail{position:absolute;left:var(--a);right:0;top:50%;border-top:1px dashed #9cf1dd70}
.jt-review{position:absolute;z-index:2;left:var(--x);top:50%;width:12px;height:12px;border-radius:2px;background:#fff;border:2px solid #245e50;transform:translate(-50%,-50%) rotate(45deg)}
.jt-pin{position:absolute;z-index:3;left:var(--x);top:50%;transform:translate(-50%,-50%);border-radius:50%;font-style:normal}
.jt-pin-delivery{width:20px;height:20px;background:#fff;border:4px solid #04161B;box-shadow:0 0 0 2px #fff,0 0 26px #c0faeccc}
.jt-pin-launch{width:34px;height:34px;display:grid;place-items:center;background:#6FE3C8;color:#04161B;font-size:18px;font-weight:600;box-shadow:0 0 0 5px #04161B,0 0 24px #6FE3C888}
.jt-months{position:relative;height:30px;margin-top:9px}
.jt-months span{position:absolute;left:var(--x);top:0;height:24px;padding-left:9px;border-left:1px solid #ffffff2a;display:flex;align-items:flex-end;font-size:13px;color:#a1c1b9;white-space:nowrap}
.jt-legend{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid #ffffff14;font-size:13px;line-height:1.5;color:#acc9c2}
.jt-legend>span{display:flex;align-items:center}
.jt-dia{width:9px;height:9px;flex:none;margin:0 11px 0 2px;border-radius:1px;background:#fff;transform:rotate(45deg)}
.jt-next{color:#92b2aa}
.jt-key{display:none}
.journey-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:22px}
.moment{display:flex;gap:18px;align-items:flex-start;padding-top:15px;border-top:2px solid #9cf1dd4d;min-width:0}
.moment-delivery{border-top-color:#edfefa}
.moment-launch{border-top-color:#6FE3C8}
.moment-big{flex:none;min-width:64px;font:600 clamp(46px,3.9vw,64px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.05em;color:#aff9e7}
.moment-big sup{font-size:.42em;letter-spacing:0;vertical-align:top;margin-left:2px}
.moment-big small{display:block;margin:9px 0 0 3px;font:500 13px/1.2 'Space Grotesk',sans-serif;letter-spacing:0;color:#c3ece2}
.moment-delivery .moment-big{color:#fff}
.moment>div{min-width:0}
.moment h3{font-size:19px;letter-spacing:-.4px;line-height:1.3;margin:1px 0 7px}
.moment p{font-size:max(14px,.903vw);line-height:1.6;color:#abc6bf}
.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px}
.journey-footer .micro{margin:0;max-width:980px;font-size:13px;line-height:1.6}
.journey-footer .text-link{display:flex;align-items:center;gap:12px;flex:none;padding:6px 0;font-size:14px;white-space:nowrap;color:#b8e5da}
.journey-footer .text-link svg{width:17px;height:17px;flex:none}

.active .jt-seg{animation:jt-grow .9s var(--ease) both}
.active .jt-design{animation-delay:.1s}.active .jt-build{animation-delay:.35s}.active .jt-test{animation-delay:.85s}
.active .jt-review{animation:jt-diamond .45s var(--ease) both;animation-delay:calc(.55s + var(--i)*.14s)}
.active .jt-pin-delivery{animation:jt-pop .5s var(--ease) .8s both}
.active .jt-pin-launch{animation:jt-pop .5s var(--ease) 1.65s both}
.active .jt-ticks i{animation:jt-tick .35s ease-out both;animation-delay:calc(1s + var(--d)*.03s)}
@keyframes jt-grow{from{clip-path:inset(0 100% 0 0 round 11px)}to{clip-path:inset(0 0 0 0 round 11px)}}
@keyframes jt-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes jt-diamond{from{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}}
@keyframes jt-tick{from{opacity:.15}to{opacity:1}}
.motion-paused .jt-seg,.motion-paused .jt-review,.motion-paused .jt-pin,.motion-paused .jt-ticks i{animation:none!important}
@media(prefers-reduced-motion:reduce){.jt-seg,.jt-review,.jt-pin,.jt-ticks i{animation:none!important}}

/* 9 · La inversión: total arriba y lo que incluye cada fase debajo */
.investment-story{grid-template-columns:minmax(0,1.42fr) minmax(0,.86fr);gap:5%}
.investment-story .investment-total{display:flex;align-items:center;gap:22px;margin:20px 0 18px}
.investment-story .giant-price{margin:0;font-size:clamp(50px,4.5vw,72px)}
.investment-total-text{display:grid;gap:5px;min-width:0}
.investment-story .investment-total-text .micro{margin:0;max-width:440px;font-size:13px;line-height:1.5}
.phase-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.phase-card{display:flex;flex-direction:column;min-width:0;padding:17px 20px 15px;border:1px solid #9cf1dd4d;border-radius:18px;background:linear-gradient(160deg,#9cf1dd20,#9cf1dd05 72%)}
.phase-card-2{border-color:#ffffff22;background:linear-gradient(160deg,#ffffff0c,#ffffff03 72%)}
.phase-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.phase-card-top .pill{padding:6px 12px;border-color:#6FE3C866;background:#6FE3C814;color:#e1fdf6;font:600 13px/1.2 'Space Grotesk',sans-serif;letter-spacing:0;white-space:nowrap}
.phase-card-2 .phase-card-top .pill{border-color:#ffffff38;background:#ffffff0a}
.phase-card-top b{font:600 clamp(24px,2vw,32px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#fff;white-space:nowrap}
.phase-card h3{margin:13px 0 4px;font-size:17px;line-height:1.3;letter-spacing:-.3px}
.phase-when{font-size:13px;color:#a2c8bf}
.phase-scope{list-style:none;margin:13px 0 12px;padding:13px 0 0;border-top:1px solid #ffffff17;display:grid;gap:8px}
.phase-scope li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:#def1ed}
.phase-scope svg{width:17px;height:17px;flex:none;margin-top:0;color:#6FE3C8}
.phase-card-2 .phase-scope svg{color:#d0fbf1}
.phase-card .store-revenue{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#9cf1dd17;font-size:13px;line-height:1.5}
.phase-card .store-revenue svg{width:16px;height:16px}
.phase-foot{margin-top:auto;padding-top:11px;border-top:1px solid #ffffff14;font-size:13px;line-height:1.5;color:#a5c6be}
@media(min-width:1600px){.phase-scope li{font-size:15px}.phase-card h3{font-size:19px}}

@media(max-width:1100px) and (min-width:761px){
 .investment-story{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:4%}
 .phase-card{padding:15px 15px 13px}
 .phase-scope li{gap:8px}
 .investment-story .investment-total{gap:16px}
}
@media(max-width:900px){
 .jt-flag>span{display:none}
 .journey{padding:18px 20px 14px}
}
@media(max-width:760px){
 .journey{padding:16px 14px 12px;border-radius:16px}
 .jt-flag,.jt-flag b{font-size:13px}
 .jt-bar{height:44px}
 .jt-seg{border-radius:9px}
 .jt-seg>span,.jt-ticks,.jt-review,.jt-dia{display:none}
 .jt-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:2px;font-size:12px;color:#c3e0d9}
 .jt-key span{display:flex;align-items:center;gap:7px}
 .jt-key i{width:14px;height:9px;border-radius:3px}
 .jt-k0{background:#9cf1dd40;border:1px solid #9cf1dd80}
 .jt-k1{background:linear-gradient(90deg,#70e4c8,#6FE3C8)}
 .jt-k2{background:#ffffff14;border:1px solid #cafbef90}
 .jt-pin-launch{width:28px;height:28px;font-size:15px}
 .jt-months span{font-size:12px;padding-left:6px}
 .jt-months span:last-child{display:none}
 .jt-legend{display:grid;gap:6px;font-size:12px}
 .journey-moments{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:20px}
 .moment-big{min-width:56px;font-size:48px}
 .moment h3{font-size:17px}
 .moment p{font-size:14px}
 .journey-footer{flex-direction:column;align-items:flex-start;gap:6px}
 .journey-footer .micro{font-size:12px}
 .investment-story .investment-total{flex-direction:column;align-items:flex-start;gap:8px}
 .phase-cards{grid-template-columns:minmax(0,1fr)}
 .investment-story{grid-template-columns:minmax(0,1fr);gap:30px}
}