/* Portada: destacat contingut dins un marc estable, amb el text sobre la foto. */
.viu-public.home-page .front-stage{min-width:0}
.viu-public.home-page .front-story{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:18px}
.viu-public.home-page .front-feature{position:relative!important;isolation:isolate;display:block!important;width:100%;height:clamp(460px,46vw,720px)!important;min-height:0!important;max-height:720px;aspect-ratio:auto;overflow:hidden;border-radius:10px;background:#20201f;color:#fff!important}
.viu-public.home-page .front-feature>img,.viu-public.home-page .front-feature>.no-photo{position:absolute!important;inset:0!important;z-index:0!important;display:block;width:100%!important;height:100%!important;min-height:0;max-height:none!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 50%!important;border-radius:0!important}
.viu-public.home-page .front-feature::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(16,18,17,.02) 20%,rgba(16,18,17,.18) 48%,rgba(16,18,17,.84) 100%)}
.viu-public.home-page .front-feature .front-copy{position:absolute!important;inset:auto 0 0!important;z-index:2;width:100%;min-width:0;padding:clamp(24px,4vw,64px)!important;color:#fff!important}
.viu-public.home-page .front-feature .front-copy .eyebrow{display:inline-block;color:#fff!important;background:#bd3832;border-radius:2px;padding:6px 10px;margin:0 0 14px;letter-spacing:.04em}
.viu-public.home-page .front-feature .front-copy h1{max-width:1000px;color:#fff!important;font-size:clamp(34px,4vw,68px)!important;line-height:1.12!important;letter-spacing:0!important;margin:0 0 16px!important}
.viu-public.home-page .front-feature .front-copy>p:not(.eyebrow){max-width:850px;color:#fff!important;font-size:clamp(16px,1.35vw,20px)!important;line-height:1.55!important;margin:0 0 15px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.viu-public.home-page .front-feature .front-copy .underlink{display:inline-flex;color:#fff!important;border-color:rgba(255,255,255,.75);font-size:16px!important}
.viu-public.home-page .front-feature:hover>img{transform:scale(1.02);transition:transform .35s ease}
@media(max-width:650px){
 .viu-public.home-page .front-story{display:flex;flex-direction:column;gap:15px}
 .viu-public.home-page .front-feature{height:auto!important;min-height:0!important;max-height:none;aspect-ratio:4/5}
 .viu-public.home-page .front-feature .front-copy{padding:22px!important}
 .viu-public.home-page .front-feature .front-copy h1{font-size:clamp(30px,8vw,42px)!important;line-height:1.12!important}
 .viu-public.home-page .front-feature .front-copy>p:not(.eyebrow){font-size:15px!important;-webkit-line-clamp:3}
}