/* METROPOLI BCN — landing headline animation (additive layer; site.css untouched) */
.hx .hx-w{display:inline-block;white-space:pre-wrap}
.hero h1[data-headline] em{display:block}                                   /* the italic answer on its own line */
@media (min-width:981px){.hero h1[data-headline]{font-size:clamp(2.2rem,3.9vw,3.1rem)}.hero h1[data-headline] em{white-space:nowrap}}   /* desktop fit: no orphaned "IA." */
/* fix (magic hand): pointing hand in brand colours, sparkles twinkling, a burst on each grip */
.hx-fix{position:relative;display:inline-block}
.hx-fix .hx-lead{display:inline-block}
.hx-fix .hx-l{display:inline-block;will-change:transform;transition:color .3s,text-shadow .3s}
.hx-fix .hx-carry{color:#fff;text-shadow:0 0 14px rgba(60,217,203,.9),0 0 30px rgba(60,217,203,.5)}
.hx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hx-helper{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0;will-change:transform;transform-origin:48% 6%}
.hx-hand{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(60,217,203,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.hx-sp{position:absolute;width:22%;height:22%;background:#f2b04e;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px rgba(242,176,78,.9));animation:hx-twinkle 1.6s ease-in-out infinite}
.hx-sp1{left:-14%;top:2%}.hx-sp2{right:-16%;top:-12%;animation-delay:.5s;width:16%;height:16%}.hx-sp3{right:-6%;top:34%;animation-delay:1s;width:13%;height:13%}
@keyframes hx-twinkle{0%,100%{transform:scale(.4) rotate(0);opacity:.35}50%{transform:scale(1) rotate(45deg);opacity:1}}
.hx-burst{position:absolute;left:48%;top:6%;width:0;height:0}
.hx-burst b{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#f2b04e;opacity:0}
.hx-grip .hx-burst b{animation:hx-burst .7s ease-out forwards}
.hx-grip .hx-burst b:nth-child(1){--dx:-22px;--dy:-18px}.hx-grip .hx-burst b:nth-child(2){--dx:20px;--dy:-20px}.hx-grip .hx-burst b:nth-child(3){--dx:-26px;--dy:4px}.hx-grip .hx-burst b:nth-child(4){--dx:26px;--dy:2px;animation-delay:.05s}.hx-grip .hx-burst b:nth-child(5){--dx:-10px;--dy:-28px;animation-delay:.08s}.hx-grip .hx-burst b:nth-child(6){--dx:12px;--dy:-26px;animation-delay:.04s}
@keyframes hx-burst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
.hx-blink{animation:hx-dotblink 1.1s step-end .3s 2}
@keyframes hx-dotblink{0%,45%{opacity:1}55%,100%{opacity:0}}
.hx-blink{animation:hx-dotblink 1.1s step-end .3s 2}
@keyframes hx-dotblink{0%,45%{opacity:1}55%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.hx .hx-w{opacity:1!important;transform:none!important;filter:none!important}.hx-sp,.hx-burst b{animation:none!important}}