.skyline-viu{line-height:0;position:relative;overflow:hidden;container-type:inline-size}.skyline-viu>img{width:100%;height:auto;display:block}.sv-capes{pointer-events:none;position:absolute;inset:0}.sv-capes>span{display:block;position:absolute}.sv-retol{color:#1f4e9c;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#fff 0%,#f4f2ec 100%);border:max(1.5px,.18cqi) solid #1f4e9c;border-radius:3px;max-width:calc(100% - 16px);padding:.22em .75em .12em;font-family:Georgia,Times New Roman,serif;font-size:clamp(10px,2.3cqi,22px);font-weight:700;line-height:1.25;position:absolute;bottom:max(5%,6px);left:max(2.2%,8px);overflow:hidden;box-shadow:inset 0 0 0 max(1px,.14cqi) #fff,inset 0 0 0 max(2px,.3cqi) #1f4e9c,0 2px 4px #0e071673}.sv-nuvol,.sv-ocell{opacity:0}.sv-nuvol{aspect-ratio:3;background:#fff;border-radius:999px;width:11%;top:6%}.sv-nuvol:before,.sv-nuvol:after{content:"";background:#fff;border-radius:50%;position:absolute}.sv-nuvol:before{aspect-ratio:1;width:45%;bottom:35%;left:15%}.sv-nuvol:after{aspect-ratio:1;width:35%;bottom:45%;left:48%}.sv-nuvol-2{width:8%;top:18%}.sv-ocell{width:2.4%;top:14%}.sv-ocell svg{fill:none;stroke:#1c1d39;stroke-width:2px;stroke-linecap:round;width:100%;height:auto}.sv-trens{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.sv-capes>.sv-fons,.sv-capes>.sv-nuvols-dibuix,.sv-capes>.sv-davant,.sv-capes>.sv-pal{background-size:100% 100%;inset:0}.sv-capes>.sv-mar-viu{pointer-events:none;width:100%;height:18%;display:block;position:absolute;top:82%;left:0;-webkit-mask-image:linear-gradient(#0000 0,#000 35%);mask-image:linear-gradient(#0000 0,#000 35%)}@keyframes sv-pal{0%{transform:skew(-2.4deg)}to{transform:skew(2.4deg)}}.sv-tren rect,.sv-tren .sv-tren-cotxe{fill:#f4f1ea;stroke:#1c1d39;stroke-width:1.8px}.sv-tren .sv-tren-finestra{fill:#1c1d39;stroke:none}.skyline-viu-nit .sv-tren rect:not(.sv-tren-finestra),.skyline-viu-nit .sv-tren .sv-tren-cotxe{fill:#9aa4c8}.skyline-viu-nit .sv-tren .sv-tren-finestra{fill:#ffd84d}.sv-tren-franja{stroke:#f5641f;stroke-width:3px}.sv-estel{aspect-ratio:1;opacity:.85;background:#fff8d6;border-radius:50%;width:.45%;box-shadow:0 0 6px 2px #fff8d6b3}.sv-finestra{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#ffd84df2,#ffd84d00 70%);border-radius:50%;width:.9%}.sv-espurna{opacity:0;background:#ffffffd9;border-radius:999px;width:2.6%;height:.9%}.skyline-viu-nit .sv-espurna{background:#ffd26ee6}@media (prefers-reduced-motion:no-preference){html:not(.sense-moviment) .sv-nuvol-1{animation:70s linear -20s infinite sv-creua}html:not(.sense-moviment) .sv-nuvol-2{animation:95s linear -65s infinite sv-creua}html:not(.sense-moviment) .sv-ocell{animation:26s linear infinite sv-ocell-vola}html:not(.sense-moviment) .sv-ocell svg{transform-origin:50% 70%;animation:.5s ease-in-out infinite alternate sv-ales}html:not(.sense-moviment) .sv-trens{display:block}html:not(.sense-moviment) .sv-tren-anada{animation:15s linear -3s infinite sv-tren-anada}html:not(.sense-moviment) .sv-tren-tornada{animation:18s linear -10s infinite sv-tren-tornada}html:not(.sense-moviment) .sv-pal{animation-name:sv-pal;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}html:not(.sense-moviment) .sv-estel{animation:4.5s ease-in-out infinite sv-parpelleja}html:not(.sense-moviment) .sv-finestra{animation:9s ease-in-out infinite sv-finestra}html:not(.sense-moviment) .sv-espurna{animation:4s ease-in-out infinite sv-espurna}}@keyframes sv-creua{0%{opacity:.92;left:-14%}to{opacity:.92;left:104%}}@keyframes sv-ocell-vola{0%{opacity:1;top:16%;left:104%}45%{top:9%}60%{opacity:1;top:13%;left:-4%}61%,to{opacity:0;left:-4%}}@keyframes sv-ales{0%{transform:scaleY(1)}to{transform:scaleY(-.6)}}@keyframes sv-tren-anada{0%{transform:translateX(var(--inici))}60%,to{transform:translate(1600px)}}@keyframes sv-tren-tornada{0%{transform:translate(1600px)}60%,to{transform:translateX(var(--inici))}}@keyframes sv-parpelleja{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.25;transform:scale(.6)}}@keyframes sv-finestra{0%,70%,to{opacity:0}80%{opacity:.9}88%{opacity:.3}94%{opacity:.8}}@keyframes sv-espurna{0%,to{opacity:0;transform:scaleX(.4)}50%{opacity:.9;transform:scaleX(1)}}.sv-capes>.sv-ocell-dibuix{opacity:1}.sv-ocell-dibuix svg path{stroke-width:2.4px}@media (prefers-reduced-motion:no-preference){html:not(.sense-moviment) .sv-ocell-dibuix{animation-timing-function:linear;animation-iteration-count:infinite}html:not(.sense-moviment) .sv-ocell-dibuix svg{transform-origin:50% 70%;animation:.55s ease-in-out infinite alternate sv-ales}}.sv-barca{pointer-events:none;transform-origin:93.5% 94%;background-size:100% 100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){html:not(.sense-moviment) .sv-barca{animation:4.6s ease-in-out infinite sv-barca-gronxa}html:not(.sense-moviment) .sv-ocell-dibuix svg{animation:3.4s ease-in-out infinite sv-ales-planeja}}@keyframes sv-barca-gronxa{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(.5%)rotate(1.2deg)}}@keyframes sv-ales-planeja{0%,32%,to{transform:scaleY(.75)}6%,18%{transform:scaleY(-.55)}12%,24%{transform:scaleY(1)}40%,92%{transform:scaleY(.45)}}.sv-nuvol-nit,.sv-nuvol-nit:before,.sv-nuvol-nit:after{background:#3b4378;box-shadow:inset 0 3px #bec8f059}@media (prefers-reduced-motion:no-preference){html:not(.sense-moviment) .sv-nuvols-dibuix{animation:70s ease-in-out infinite alternate sv-nuvols-vent}}.sv-capes>.sv-nuvols-dibuix{transform-origin:50% 0;transform:scale(1.05)}@keyframes sv-nuvols-vent{0%{transform:scale(1.05)translate(1.4%)}to{transform:scale(1.05)translate(-1.4%)}}