.huellas-page{background:#102d2c;color:#f0f7f3}.huellas-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:center;padding:170px 7vw 90px;min-height:100svh;background:radial-gradient(ellipse at 85% 40%,#295a49,#102d2c 70%);overflow:hidden}.huellas-copy h1{font-size:clamp(60px,7vw,110px)}.huellas-subtitle{font:27px/1.4 Georgia,serif}.huellas-copy>p:not(.kicker){max-width:450px}.huellas-status{display:block;font-size:12px;color:#c5e1d2;margin:25px 0}.huellas-cover{position:relative;margin:0;transform:perspective(1400px) rotateY(-7deg) rotateZ(2deg) translateY(var(--cover-shift,0px));box-shadow:0 40px 90px #0007;border:7px solid #adcabd60;border-radius:6px 85px 6px 6px;overflow:hidden}.huellas-cover img{display:block;width:100%;min-height:480px;object-fit:cover}.huellas-cover figcaption{position:absolute;bottom:0;left:0;right:0;background:#123831e8;padding:12px 16px;font-size:11px}.connections{padding:90px 7vw;background:#e6eee8;color:var(--ink);border-radius:75px 0 0 0}.connections-heading em{color:#368477}.connections-heading{max-width:750px;margin-bottom:45px}.connections-heading>p:last-child{max-width:520px}.connection-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #afc6bb;border-bottom:1px solid #afc6bb;gap:15px}.connection-tabs button{border:0;background:none;color:var(--ink);text-align:left;font:22px Georgia,serif;padding:20px 0;position:relative}.connection-tabs span{display:block;font:12px Arial,sans-serif;margin-bottom:12px}.connection-tabs button[aria-selected=true]:after{content:"";height:3px;background:#3db7a7;position:absolute;left:0;right:10px;bottom:0}.connection-panel{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding-top:45px}.connection-panel figure{position:relative;margin:0;overflow:hidden;border-radius:70px 5px 5px 5px}.connection-panel img{width:100%;height:400px;object-fit:cover;display:block}.connection-panel figcaption{position:absolute;bottom:0;left:0;right:0;background:#123831e8;color:white;font-size:11px;padding:10px 16px}.connection-panel h3{font-size:45px}.connection-question{font:25px Georgia,serif}.connection-panel>div>p:last-child{font-size:16px}.huellas-levels{padding:95px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.huellas-levels p{max-width:480px}.huellas-levels img{width:100%;height:540px;object-fit:cover;border-radius:150px 150px 5px 5px}.huellas-next{text-align:center;padding:90px 7vw;background:linear-gradient(#163d39dd,#163d39fa),url('/assets/matter-structures.webp') center/cover}.huellas-next>p:not(.kicker){max-width:660px;margin:25px auto}.huellas-next>div{display:flex;justify-content:center;gap:30px;align-items:center;flex-wrap:wrap}.huellas-page footer{background:#e6eee8;color:var(--ink)}.reduced .huellas-cover{transform:none!important}@media(max-width:800px){.huellas-hero{grid-template-columns:1fr;padding:155px 7vw 65px;gap:40px}.huellas-copy h1{font-size:62px}.huellas-cover{transform:rotate(1deg)}.huellas-cover img{min-height:0;height:350px}.connections,.huellas-levels,.huellas-next{padding:65px 6vw}.connection-tabs{gap:5px}.connection-tabs button{font-size:16px}.connection-panel{grid-template-columns:1fr;gap:30px}.connection-panel img{height:300px}.connection-panel h3{font-size:37px}.huellas-levels{grid-template-columns:1fr}.huellas-levels img{height:370px;border-radius:80px 80px 5px 5px}.huellas-subtitle{font-size:25px}}@media(prefers-reduced-motion:reduce){.huellas-cover{transform:none!important}}
@media(max-width:400px){.connection-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(64px,1fr))}.connection-tabs button{font-size:14px}}

/* Reversible, short scene motion; every new interaction replays it. */
.connection-panel .elements-scene{display:block;width:100%;height:400px;background:#0b252c;object-fit:cover}
.element-tile{transform-box:fill-box;transform-origin:center}
.connection-panel figure.is-revealing>img,.huellas-cover.is-revealing>img{animation:huellas-scene-approach 4.2s cubic-bezier(.25,.5,.25,1) both}
.connection-panel figure.is-revealing .element-tile{animation:huellas-element-lift 3.8s ease-in-out both;animation-delay:var(--tile-delay)}
#panel-material figure{--scene-x:-1.5%}#panel-objeto figure{--scene-x:1.5%}#panel-propiedad figure{--scene-x:-1%}#panel-funcion figure{--scene-x:1%}
@keyframes huellas-scene-approach{0%,100%{transform:scale(1) translateX(0)}50%{transform:scale(1.075) translateX(var(--scene-x,0))}}
@keyframes huellas-element-lift{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-14px) rotate(-2deg)}70%{transform:translateY(-7px) rotate(1deg)}}
.huellas-levels>img{transition:transform 1.2s ease}.huellas-levels{overflow:hidden}@media(hover:hover){.huellas-levels>img:hover{transform:scale(1.04)}}
@media(max-width:800px){.connection-panel .elements-scene{height:300px}}
.huellas-page.reduced .is-revealing>img,.huellas-page.reduced .element-tile,.huellas-page.reduced .huellas-levels>img{animation:none!important;transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.is-revealing>img,.element-tile,.huellas-levels>img{animation:none!important;transition:none!important;transform:none!important}}