/* v62: responsive motion and photographic trajectory. */
@media(min-width:901px){
 #divs-track.divs-accordion>.div{transition:flex-grow .65s cubic-bezier(.22,.75,.25,1)}
 #divs-track.divs-accordion>.div>img{transition:transform .8s cubic-bezier(.22,.75,.25,1),filter .5s ease}
 #divs-track.divs-accordion>.div.is-open>img{filter:none}
}
body[data-foundation] .et-project-index a,body[data-foundation] .et-project-index a *,body[data-foundation] .et-signature{text-decoration:none!important}
body[data-foundation] .foundation-film-zone .foundation-background-video{filter:none!important;opacity:1!important;transform:none!important;object-fit:contain!important;image-rendering:auto}
.portfolio-page #grp-trayectoria{margin-top:80px;padding:clamp(24px,4vw,64px);background:#122330;color:#fff;position:relative;overflow:hidden;border-top:4px solid #e6b916}
.portfolio-page #trayectoria{font-size:clamp(34px,4.8vw,72px);line-height:1.08;letter-spacing:-.04em;max-width:22ch;margin:0}
.portfolio-page #trayectoria span{color:#e6b916}
.portfolio-page #grp-trayectoria>.nota{color:#bac6cf;line-height:1.8;margin-top:28px!important}
.portfolio-page #grp-trayectoria>.tabla{border:0;padding:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px!important}
.portfolio-page #grp-trayectoria .history-chapter{background:#1a3040;border:1px solid #ffffff24!important;border-radius:0;transition:border-color .3s,transform .45s,box-shadow .45s;color:white;isolation:isolate}
.portfolio-page #grp-trayectoria .history-chapter>summary{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;min-height:310px;padding:26px!important;overflow:hidden;font-size:clamp(20px,1.8vw,27px);text-align:left;list-style:none}
.portfolio-page #grp-trayectoria .history-chapter>summary::-webkit-details-marker{display:none}
.portfolio-page #grp-trayectoria .history-chapter>summary::after{content:'↗';position:absolute;top:22px;right:24px;color:#f5c518;font-size:28px;transition:transform .4s}
.portfolio-page #grp-trayectoria .history-chapter[open]>summary::after{content:'−';transform:rotate(180deg)}
.portfolio-page #grp-trayectoria .history-cover,.portfolio-page #grp-trayectoria .history-blueprint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s;opacity:.65}
.portfolio-page #grp-trayectoria .history-blueprint{background:linear-gradient(135deg,#315067,#122330);opacity:1}
.portfolio-page #grp-trayectoria .history-blueprint::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff0c 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff0c 40px);transform:perspective(350px) rotateX(25deg) scale(1.3)}
.portfolio-page #grp-trayectoria summary::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10202d20,#10202d70 30%,#10202df5);z-index:-1}
.portfolio-page #grp-trayectoria .route-number{font-size:64px;line-height:1;font-weight:400;color:#f5c518;margin-bottom:auto}
.portfolio-page #grp-trayectoria .history-meta{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#bdcbd5}
.portfolio-page #grp-trayectoria .history-chapter:hover{border-color:#e6b916!important;box-shadow:0 16px 34px #0004;transform:translateY(-4px)}
.portfolio-page #grp-trayectoria .history-chapter:hover .history-cover{transform:scale(1.06)}
.portfolio-page #grp-trayectoria .history-chapter[open]{grid-column:1/-1;background:#f3f3ee;color:#172936}
.portfolio-page #grp-trayectoria .history-chapter[open]>summary{min-height:250px;color:#fff}
.portfolio-page #grp-trayectoria .history-chapter .chips{padding:24px!important}
.portfolio-page #grp-trayectoria .history-chapter .chips li{color:#172936}
.portfolio-page #grp-trayectoria summary:focus-visible{outline:3px solid #f5c518;outline-offset:-4px}
@media(max-width:1050px){.portfolio-page #grp-trayectoria>.tabla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-page #grp-trayectoria{padding:24px 16px;margin-top:40px}.portfolio-page #grp-trayectoria>.tabla{grid-template-columns:1fr}.portfolio-page #grp-trayectoria .history-chapter>summary{min-height:260px}.portfolio-page #grp-trayectoria .history-chapter .chips{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.portfolio-page #grp-trayectoria *,#divs-track.divs-accordion>.div{transition:none!important;animation:none!important}.portfolio-page #grp-trayectoria .history-chapter:hover{transform:none}}
@media(min-width:901px){body[data-foundation] .foundation-film-zone .foundation-background-video{max-width:512px!important;justify-self:center}body[data-foundation] .foundation-film-zone::before{display:none}}
