/* Reglas de la trayectoria tomadas de la versión publicada, limitadas a esta sección. */
#trayectoria{--scale:var(--tape);--wash:rgba(255,196,0,.2);padding:clamp(56px,8vw,104px) var(--pad)}
#trayectoria .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
#trayectoria .sec-head h2{font-size:clamp(2.8rem,7vw,6.2rem);max-width:15ch}
#trayectoria .sec-head p{max-width:46ch;margin:0}
#trayectoria .ttape{display:block;padding:0 40px;margin-top:10px}
#trayectoria .track{position:relative;height:132px}
#trayectoria .pin{min-width:96px;height:52px;line-height:1.1;padding:0 12px;border:1px solid var(--ink);background:var(--scale);font:600 .85rem/1 var(--mono);letter-spacing:.06em}
#trayectoria .pin span{display:grid;gap:3px;justify-items:center;font:700 .82rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
#trayectoria .pin small{font:600 .62rem/1 var(--mono);letter-spacing:.14em;color:var(--muted)}
#trayectoria .pin[aria-pressed=true]{background:var(--ink);color:var(--paper)}
#trayectoria .pin[aria-pressed=true] small{color:var(--tape)}
#trayectoria .pin::after{width:1px;margin-left:-.5px}
#trayectoria .pin:hover:not([aria-pressed=true]){background:var(--wash)}
#trayectoria .rng{height:4px;background:var(--tape);box-shadow:0 0 0 1px var(--ink)}
#trayectoria .ruler{height:70px;background:var(--scale);border:1px solid var(--ink);box-shadow:none}
#trayectoria .ruler i,#trayectoria .ruler i.maj{width:1px;height:9px}
#trayectoria .ruler i.maj{height:22px}
#trayectoria .yl span{bottom:10px;font:600 .78rem/1 var(--mono);letter-spacing:.04em}
#trayectoria .pdots{position:relative;margin:2px 40px 0;height:calc(var(--lvs,4)*28px + 40px);border-bottom:1px solid var(--line)}
#trayectoria .pdk{position:absolute;left:0;top:6px;font:600 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#trayectoria .pd{top:calc(30px + var(--lv)*28px);width:24px;height:24px;margin-left:-12px;border-radius:50%;border:2px solid var(--ink);cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s}
#trayectoria .pd.c0{background:var(--tape)}
#trayectoria .pd.c1{background:var(--ink)}
#trayectoria .pd:hover,#trayectoria .pd:focus-visible{transform:scale(1.7);z-index:5;background:var(--tape)}
#trayectoria .pd:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
#trayectoria .pd .tip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) scale(.6);transform-origin:bottom;white-space:nowrap;background:var(--ink);color:#fff;font:600 .72rem/1.35 var(--mono);letter-spacing:.06em;padding:7px 10px;pointer-events:none}
#trayectoria .pd .tip i{font-style:normal;color:var(--tape)}
#trayectoria .pd:hover .tip,#trayectoria .pd:focus-visible .tip{display:block}
#trayectoria .pd.er .tip{left:auto;right:-6px;transform:scale(.6);transform-origin:bottom right}
#trayectoria .pd.el .tip{left:-6px;transform:scale(.6);transform-origin:bottom left}
#trayectoria .hito{display:grid;margin-top:32px;padding:20px 0 0;border-top:1px solid var(--ink);grid-template-columns:minmax(0,2fr) minmax(0,10fr);gap:clamp(16px,3vw,40px);align-items:start}
#trayectoria .hito b{font:800 clamp(2.5rem,4.2vw,4.25rem)/.9 var(--display);white-space:nowrap;letter-spacing:-.03em}
#trayectoria .hito h3{font-size:clamp(2.2rem,4.4vw,4rem)}
#trayectoria .hito .org{margin:10px 0 0;font:600 .8rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#trayectoria .hito p{margin:14px 0 0;font-size:1.25rem;max-width:52ch}
#trayectoria .hito .org+p{margin-top:16px}
#trayectoria .hito .btn{margin-top:22px}
#trayectoria .hitos{list-style:none;margin:30px 0 0;padding:0}
.js #trayectoria .hitos{display:none}
#trayectoria .hitos li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 18px;padding:20px 0;border-top:1px solid var(--ink)}
#trayectoria .hitos b{font:800 2.2rem/.9 var(--display)}
#trayectoria .hitos h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1}
#trayectoria .hitos p{margin:6px 0 0}

#trayectoria.sec{padding-bottom:clamp(24px,3vw,40px)}
#ideas.sec{padding-top:clamp(24px,3vw,40px)}
#trayectoria .formfoot{margin:30px 0 0;font:500 .95rem/1.5 var(--text);color:var(--muted);max-width:70ch}
#trayectoria .more{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 0}
#trayectoria .bita{margin-top:clamp(40px,5vw,72px);padding-top:20px;border-top:3px solid var(--ink)}
#trayectoria .bita-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;max-width:none;margin:0 0 18px}
#trayectoria .bita-h h3{font-size:clamp(1.8rem,3.4vw,2.8rem)}
#trayectoria .bita-h p{margin:0;color:var(--muted)}
#trayectoria .bita-k{font:600 .8rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
#trayectoria .bita-k b{background:var(--ink);color:var(--tape);padding:2px 7px;margin-right:2px}
#trayectoria details.chap{margin:0;border-top:1px solid var(--ink)}
#trayectoria details.chap:last-of-type{border-bottom:1px solid var(--ink)}
#trayectoria .chap-h{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,7fr) auto;gap:clamp(12px,3vw,40px);align-items:center;padding:18px 6px;border:0;cursor:pointer;list-style:none}
#trayectoria .chap-h::-webkit-details-marker{display:none}
#trayectoria .chap-h:hover,#trayectoria .chap-h:focus-visible{background:var(--wash)}
#trayectoria .cy{font:800 clamp(1.8rem,4vw,3.2rem)/.9 var(--display)}
#trayectoria .ct h4{margin:0;font:800 clamp(1.1rem,2vw,1.6rem)/1.05 var(--display);text-transform:uppercase;letter-spacing:.03em}
#trayectoria .chips{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#trayectoria .chips li{font:600 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);padding:4px 7px}
#trayectoria .cn{font:800 1.8rem/1 var(--display);display:flex;align-items:baseline;gap:8px}
#trayectoria .cn small{font:600 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#trayectoria .cn::after{content:'+';font:600 1.5rem/1 var(--mono);margin-left:14px}
#trayectoria details.chap[open] .cn::after{content:'−'}
#trayectoria details.chap[open]>.chap-h{background:var(--ink);color:var(--scale)}
#trayectoria details.chap[open] .cy,#trayectoria details.chap[open] .ct h4{color:var(--scale)}
#trayectoria details.chap[open] .chips li{border-color:var(--scale)}
#trayectoria details.chap[open] .cn small{color:var(--tape)}
#trayectoria .chap-sub{margin:14px 6px 4px;max-width:70ch;color:var(--muted)}
#trayectoria .pjs{list-style:none;margin:0;padding:0 6px 18px}
#trayectoria .pj{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.4fr) minmax(0,5.6fr);gap:clamp(12px,3vw,40px);padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
#trayectoria .pj time{font:600 .8rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:4px}
#trayectoria .pj-c b{display:block;font:800 clamp(1.15rem,1.8vw,1.5rem)/1.05 var(--display);text-transform:uppercase;letter-spacing:.03em}
#trayectoria .pj-p{display:block;margin-top:4px;font:600 .72rem/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#trayectoria .pj-b h5{margin:0;font:700 1.08rem/1.3 var(--text)}
#trayectoria .pj-b em{display:inline-block;margin:6px 0 2px;font:600 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;background:var(--ink);color:var(--tape);padding:4px 7px}
#trayectoria .pj-b p{margin:6px 0 0;max-width:62ch;color:var(--slate)}
#trayectoria .pj:hover{background:linear-gradient(90deg,var(--wash),transparent 60%)}
#trayectoria .pj.flash{animation:trajectory-project-focus 1.8s ease}
@keyframes trajectory-project-focus{0%,60%{background:var(--tape)}100%{background:transparent}}
#trayectoria .bita-x,#trayectoria .bita-cl{margin-top:clamp(36px,5vw,64px);padding-top:18px;border-top:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(16px,4vw,56px)}
#trayectoria .bita-x h4,#trayectoria .bita-cl h4{margin:0;font:800 1.2rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.05em}
#trayectoria .bita-x ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
#trayectoria .bita-x p,#trayectoria .bita-cl p{margin:0}
#trayectoria .bita-cl p{font:600 .9rem/1.8 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
@media(max-width:860px){#trayectoria .pdots{margin:2px 0 0;overflow-x:auto;overflow-y:hidden;min-width:0}#trayectoria .chap-h,#trayectoria .bita-x,#trayectoria .bita-cl{grid-template-columns:1fr}#trayectoria .pj{grid-template-columns:1fr;gap:6px;padding:16px 0}#trayectoria .pj time{padding-top:0}#trayectoria .chap-h{grid-template-columns:1fr auto;gap:8px}#trayectoria .cy{grid-column:1/-1}#trayectoria .ct{grid-column:1}#trayectoria .cn{grid-column:2}}
@media(max-width:760px){#trayectoria .ttape,#trayectoria .hito{display:none}.js #trayectoria .hitos{display:block}#trayectoria .hitos li{grid-template-columns:1fr}}
@media(max-width:640px){#trayectoria .pdots{display:none}}