/* Fase C · personaje como control */
.cmp .hnd.who{width:auto;height:78%;top:auto;bottom:4%;margin:0;transform:translateX(-50%);background:none;border:0;border-radius:0;box-shadow:none;animation:walk .9s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.cmp .hnd.who img{height:100%;width:auto;display:block}
.cmp .hnd.who:after{content:"⟷ arrástreme";position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;background:#FAC901;color:#0b0b0b;font:700 12px var(--sans);letter-spacing:.08em;padding:6px 10px;border:2px solid #0b0b0b}
@keyframes walk{50%{transform:translateX(-50%) translateY(-6px)}}
.cmp .hnd.who img{position:static!important;inset:auto!important;width:auto!important;height:100%!important;object-fit:contain!important}
/* roof en collage Mondrian */
.rfz{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:140px;gap:8px;background:#0b0b0b;padding:8px;margin-top:22px}
.rfz figure{margin:0;position:relative;overflow:hidden;grid-column:span 2;grid-row:span 2}
.rfz .rf0{grid-column:span 4;grid-row:span 3}.rfz .rf1{grid-row:span 3}.rfz .rf4{grid-column:span 3}.rfz .rf5{grid-column:span 3}.rfz .rf8{grid-column:span 4}
.rfz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.rfz figure:hover img{transform:scale(1.08)}
.rfz figcaption{position:absolute;left:0;bottom:0;padding:8px 12px;background:#0b0b0b;color:#fff;font-weight:650;font-size:14px;border-top:4px solid #DD0100}
.rfz figure:nth-child(3n+2) figcaption{border-color:#FAC901}.rfz figure:nth-child(3n) figcaption{border-color:#225095}
@media (max-width:760px){.rfz{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.rfz figure,.rfz .rf0,.rfz .rf1,.rfz .rf4,.rfz .rf5,.rfz .rf8{grid-column:span 1;grid-row:span 1}.rfz .rf0{grid-column:span 2;grid-row:span 2}}
.rec img.car{width:min(38vw,460px);height:auto}
.rfz{grid-auto-flow:dense}
.rfz{grid-template-areas:"a a a a b b" "a a a a b b" "c c d d e e" "f f f g g g" "h h i i i i" "h h i i i i" "j j k k l l";grid-auto-flow:row}
.rfz figure{grid-column:auto!important;grid-row:auto!important}
.rfz .rf0{grid-area:a!important}.rfz .rf1{grid-area:b!important}.rfz .rf2{grid-area:c!important}.rfz .rf3{grid-area:d!important}.rfz .rf4{grid-area:e!important}.rfz .rf5{grid-area:f!important}.rfz .rf6{grid-area:g!important}.rfz .rf7{grid-area:h!important}.rfz .rf8{grid-area:i!important}.rfz .rf9{grid-area:j!important}.rfz .rf10{grid-area:k!important}.rfz .rf11{grid-area:l!important}
.rfz .mdot{grid-area:auto}
@media (max-width:760px){.rfz{grid-template-areas:"a a" "a a" "b c" "d e" "f g" "h h" "i i" "j k" "l l"}}