/* Cros Skyline Premium V2 - fitxer separat, reversible */
.graella .targeta { overflow:hidden; isolation:isolate; }
.graella .targeta .silueta {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:.94 !important;
    background-repeat:no-repeat !important;
    background-position:center bottom !important;
    background-size:cover !important;
    pointer-events:none !important;
    z-index:0 !important;
}
.graella .targeta::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,
        rgba(255,255,255,.99) 0%,
        rgba(255,255,255,.98) 23%,
        rgba(255,255,255,.88) 35%,
        rgba(255,255,255,.41) 57%,
        rgba(255,255,255,.02) 100%) !important;
}
.graella .targeta.proper-cros::after {
    background:linear-gradient(90deg,
        rgba(255,253,246,.99) 0%,
        rgba(255,253,246,.98) 23%,
        rgba(255,253,246,.84) 35%,
        rgba(255,253,246,.35) 57%,
        rgba(255,253,246,.02) 100%) !important;
}
.graella .targeta .targeta-contingut {position:relative;z-index:2;}
/* Sobreescriu el fons anterior, independentment de si venia d'un style inline */
.graella .targeta-sant_marti .silueta { background-image:url("assets/skylines-v2/sant_marti.webp") !important; }
.graella .targeta-sants_montjuic .silueta { background-image:url("assets/skylines-v2/sants_montjuic.webp") !important; }
.graella .targeta-les_corts .silueta { background-image:url("assets/skylines-v2/les_corts.webp") !important; }
.graella .targeta-sarria .silueta { background-image:url("assets/skylines-v2/sarria.webp") !important; }
.graella .targeta-eixample .silueta { background-image:url("assets/skylines-v2/eixample.webp") !important; }
.graella .targeta-ciutat_vella .silueta { background-image:url("assets/skylines-v2/ciutat_vella.webp") !important; }
.graella .targeta-nou_barris .silueta { background-image:url("assets/skylines-v2/nou_barris.webp") !important; }
.graella .targeta-sant_andreu .silueta { background-image:url("assets/skylines-v2/sant_andreu.webp") !important; }
@media(max-width:650px) {
  .graella .targeta .silueta { background-position:58% bottom !important; }
  .graella .targeta::after {background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.92) 45%,rgba(255,255,255,.2) 100%) !important;}
}

/* CROS_CLOENDA_SKYLINE_V1 */
.graella .targeta-cloenda .silueta { background-image:url("assets/skylines-v2/cloenda.webp") !important; }