/* REV04 — geometrie confrontate con PDF e REV01 del 01/10/2026.
   Clip solo su foto e pseudo-elementi: contenuto, link e focus non sono tagliati. */
@font-face{font-family:'Bobbio Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('../../../fonts/archivo-v19-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Bobbio Archivo';font-style:normal;font-weight:900;font-display:swap;src:url('../../../fonts/archivo-v19-latin-900.woff2') format('woff2')}
.bb-app.bb-embedded,.bbr,.bbw-native{font-family:'Bobbio Archivo',Archivo,Arial,sans-serif}
.bb-app,.bbr,.bbw-native,.bbw-newsletter-layout{--bb-cut-right:polygon(0 0,97.094% 5.248%,100% 100%,0 100%);--bb-cut-left:polygon(2.906% 5.248%,100% 0,100% 100%,0 100%);--bb-photo-right:polygon(0 0,92.31% 5.81%,100% 100%,0 100%);--bb-photo-left:polygon(0 0,100% 0,100% 100%,7.69% 94.19%);--bb-photo-last:polygon(0 0,100% 6.08%,100% 100%,0 100%);--bb-surface:linear-gradient(#020303,#353939 68%,#182024)}
/* Neutralizza soltanto le regole T4 che entravano nei frammenti. */
.bb-app.bb-embedded :where(figure,figcaption){border:0;box-shadow:none;border-radius:0}
.bb-app.bb-embedded figcaption{background:transparent;color:#111;font:inherit;text-transform:none;letter-spacing:normal;padding:0}
.bb-app.bb-embedded figcaption a{font-size:inherit;font-weight:400;text-transform:none;letter-spacing:normal}
.bb-app.bb-embedded :where(h2,h3),.bbr :where(h1,h2,h3){font-weight:900}
.bb-app.bb-embedded .bb-pill,.bbr .bbr-button{background:linear-gradient(#414647,#020303 88%);color:#fff;font-weight:400;letter-spacing:normal;text-transform:none;min-height:44px}
.bb-app.bb-embedded .bb-service h3 .bbw-text-link,.bbr .bbr-card-title-link{text-decoration:none;color:inherit}
.bb-app.bb-embedded .bb-service h3 a:is(:hover,:focus-visible),.bbr .bbr-card-title-link:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:.2em}
/* Card statiche 03–06: si ritaglia lo sfondo, non l'intero elemento. */
.bb-app.bb-embedded .bb-service,.bb-app.bb-embedded .bb-service-card{isolation:isolate;clip-path:none;border-radius:0}
.bb-app.bb-embedded .bb-service-card{background:none}
.bb-app.bb-embedded .bb-service-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--bb-surface);clip-path:var(--bb-cut-right)}
.bb-app.bb-embedded .bb-five-services>section:nth-child(even) .bb-service-card::before{clip-path:var(--bb-cut-left)}
.bb-app.bb-embedded .bb-service::before{clip-path:var(--bb-cut-right)}
.bb-app.bb-embedded .bb-service--skipass{--bb-mosaic-cut:polygon(0 0,97.02% 4.55%,100% 99.48%,.11% 100%)}
.bb-app.bb-embedded .bb-service--bus{--bb-mosaic-cut:polygon(0 0,97.09% 5.25%,100% 100%,0 100%)}
.bb-app.bb-embedded .bb-service--evai{--bb-mosaic-cut:polygon(.096% 0,96.80% 5.276%,100% 99.315%,0 100%)}
.bb-app.bb-embedded .bb-service--rent{--bb-mosaic-cut:polygon(0 0,97.49% 5.56%,100% 100%,0 100%)}
.bb-app.bb-embedded .bb-service--school{--bb-mosaic-cut:polygon(0 0,97% 5.56%,100% 100%,0 100%)}
.bb-app.bb-embedded .bb-service::before,.bb-app.bb-embedded .bb-service--picture>img{clip-path:var(--bb-mosaic-cut,var(--bb-cut-right))}
.bb-app.bb-embedded .bb-service-card h3{font-size:max(1rem,1.1cqw)}
.bb-app.bb-embedded .bb-service--picture .bb-pill{z-index:1}
/* Foto: alternanza destra/sinistra misurata nei tracciati PDF. */
.bb-app.bb-embedded :is(.bb-resorts,.bb-social-grid,.bb-activities) img{clip-path:var(--bb-photo-right)}
.bb-app.bb-embedded :is(.bb-resorts,.bb-activities) figure:nth-child(even) img,.bb-app.bb-embedded .bb-social-grid img:nth-child(even){clip-path:var(--bb-photo-left)}
.bb-app.bb-embedded .bb-resorts figure:nth-child(5) img,.bb-app.bb-embedded.bb-p18 .bb-activities figure:nth-child(4) img{clip-path:var(--bb-photo-last)}
.bb-app.bb-embedded .bb-news-photo{clip-path:var(--bb-photo-right)}
/* Stessi rapporti e punti di ancoraggio per le varianti CMS. */
.bbr-cards{padding:clamp(1rem,2.15vw,2rem) 0 clamp(3rem,5vw,6rem);background-image:linear-gradient(#fff 35%,transparent 68%),url('../images/mountains-bottom.webp');background-position:bottom center;background-size:100% 100%,100% auto;background-repeat:no-repeat}
.bbr .bbr-card-grid{width:87.4%;margin-left:4.9%;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.9cqw;align-items:stretch}
.bbr .bbr-card{position:relative;isolation:isolate;gap:1.7cqw;--bbr-cut:var(--bb-cut-right)}
.bbr .bbr-card:nth-child(even){--bbr-cut:var(--bb-cut-left)}
.bbr .bbr-card-body{position:relative;isolation:isolate;background:transparent;clip-path:none;border-radius:0;padding:3.1cqw 1.3cqw 1.6cqw;gap:0;min-width:0}
.bbr .bbr-card-body::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--bb-surface);clip-path:var(--bbr-cut)}
.bbr .bbr-card h3{font-size:max(1rem,1.1cqw);font-weight:900;margin:0 0 2cqw}
.bbr .bbr-card img{aspect-ratio:1;object-fit:cover;object-position:center;flex:none}
.bbr .bbr-card .bbr-card-description:not(.bbw-visually-hidden){padding-top:1rem;font-size:max(.875rem,.95cqw);line-height:1.3}
.bbr .bbr-button{font-size:max(1rem,1.1cqw);min-width:min(12.3cqw,100%);padding:.4em 1.2em;line-height:1.25}
.bbr .bbr-card-title-link{display:inline-flex;min-height:44px;align-items:center}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card-grid{width:80%;margin-left:8.1%;grid-template-columns:22.7fr 40fr 29.4fr;column-gap:3.6%;row-gap:2.4cqw;grid-template-rows:minmax(12.7cqw,auto) minmax(19.2cqw,auto)}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card{--bbr-cut:var(--bb-cut-right);gap:0}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card:nth-child(1){grid-area:1/1/3/2}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card:nth-child(2){grid-area:1/2/2/3}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card:nth-child(3){grid-area:2/2/3/3;--bbr-cut:polygon(.096% 0,96.80% 5.276%,100% 99.315%,0 100%)}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card:nth-child(4){grid-area:1/3/2/4;min-height:14.2cqw}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card:nth-child(5){grid-area:2/3/3/4;margin-top:1.6cqw}
.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card-body{padding:2.2cqw 2.4cqw;min-height:0}
.bbr:is(.bbr-variant-3,.bbr-variant-4) .bbr-card h3{text-align:left;font-size:max(1.3rem,1.9cqw);margin-bottom:1.5rem}
.bbr:is(.bbr-variant-3,.bbr-variant-4) .bbr-card-description:not(.bbw-visually-hidden){margin-top:auto}
.bbr .bbr-card--picture .bbr-card-body{padding:0;min-height:100%;background:transparent}
.bbr .bbr-card--picture .bbr-card-body::before{display:none}
.bbr .bbr-card--picture img{width:100%;height:100%;aspect-ratio:auto;position:absolute;inset:0;clip-path:var(--bbr-cut);object-fit:cover}
.bbr .bbr-card--picture .bbr-button{position:absolute;z-index:1;top:1.5cqw;left:1.5cqw;max-width:calc(100% - 3cqw)}
.bbr .bbr-card--picture:first-child .bbr-button{top:auto;bottom:2cqw;left:50%;transform:translateX(-50%);width:78%}
.bbr .bbr-card--picture:nth-child(5) .bbr-button{top:auto;bottom:1.5cqw;left:auto;right:1.5cqw}
.bbr .bbr-card--picture .bbr-card-description:not(.bbw-visually-hidden){position:relative;margin-top:auto;z-index:1;padding:1rem;background:#fffffff0;color:#111}
.bbr.bbr-composition-expanded .bbr-card--picture .bbr-card-body{min-height:18rem}
.bbr.bbr-composition-expanded .bbr-card--picture .bbr-button{position:static;transform:none;margin-top:.5rem;align-self:center}
.bbr.bbr-variant-9{padding-bottom:clamp(6rem,12vw,12rem);background-image:linear-gradient(#fff 55%,transparent 100%),url('../images/mountains-soft.webp')}
.bbr.bbr-variant-9 .bbr-card-grid{width:95%;margin-left:2.5%;gap:2.3cqw}
.bbr.bbr-variant-9 .bbr-card-body{padding:0;background:transparent;color:#111}
.bbr.bbr-variant-9 .bbr-card-body::before{display:none}
.bbr.bbr-variant-9 .bbr-card img{aspect-ratio:1.04;clip-path:var(--bb-photo-right)}
.bbr.bbr-variant-9 .bbr-card:nth-child(even) img{clip-path:var(--bb-photo-left)}
.bbr.bbr-variant-9 .bbr-card:nth-child(5) img{clip-path:var(--bb-photo-last)}
.bbr.bbr-variant-9 .bbr-card h3{order:0}
.bbr-hero{min-height:38.2cqw;padding:2rem 8% 5cqw;justify-content:flex-end}
.bbr-hero .bbr-hero-actions{align-self:center;gap:0;background:#030404;border-radius:2rem;padding:.3rem .8rem;max-width:100%}
.bbr-hero .bbr-hero-actions .bbr-button{background:none;border-radius:0;min-width:0;font-size:max(.875rem,1cqw)}
.bbr-hero .bbr-hero-actions .bbr-button+.bbr-button{border-left:1px solid #fff}
.bbr-hero .bbr-hero-copy:not(.bbw-visually-hidden){margin-bottom:auto;background:#ffffffed}
.bbr-gallery{text-align:center}
.bbr :is(.bbr-gallery-grid) img{clip-path:var(--bb-photo-right)}
.bbr .bbr-gallery-grid>:nth-child(even) img{clip-path:var(--bb-photo-left)}
.bbr .bbr-gallery-grid :where(h3,h4){font-size:max(1rem,1.2cqw);font-weight:400}
.bbr .bbr-gallery-grid .bbr-text-link{text-decoration:none}
.bbr .bbr-gallery-grid .bbr-text-link:is(:hover,:focus-visible){text-decoration:underline}
.bbr-articles{padding:3cqw 8% 4cqw 10%}
.bbr-articles>h2{position:relative;margin-left:12%;margin-bottom:3cqw;font-size:max(1.75rem,2.3cqw)}
.bbr-articles>h2::before{content:'';position:absolute;width:9cqw;left:-19cqw;top:.6em;border-top:1px solid #111}
.bbr-articles>h2::after{content:'';position:absolute;left:-10.3cqw;top:calc(.6em - 5px);width:10px;height:10px;border-radius:50%;background:#111}
/* Newsletter: foto obliqua e campo leggibile, mantenendo il form nativo. */
.bbw-newsletter-layout{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:8%;align-items:start}
.bbw-newsletter-layout>.bbw-newsletter-photo,.bbr-newsletter-photo{height:auto;max-height:none;aspect-ratio:1.04;object-fit:cover;clip-path:polygon(0 0,92.31% 5.81%,100% 100%,0 100%);align-self:start}
.bbw-newsletter-layout>.bbw-native--newsletter{padding:2.5cqw 22% 2rem 0}
.bbw-native--newsletter .bobbio-newsletter-title{font-family:inherit;font-size:clamp(1.75rem,2.3vw,2.4rem);font-weight:900!important;text-transform:uppercase}
.bbw-native--newsletter .bobbio-newsletter-card-body{background:transparent!important;border-radius:0!important}
.bbw-native--newsletter .form-label{font-weight:400!important;font-style:italic;color:#555;text-transform:none}
.bbw-native--newsletter .form-control{padding:.3rem 0;font-size:1rem;line-height:1.3;border-radius:0}
.bbw-native--newsletter .bobbio-submit{width:auto;justify-self:start;min-width:12rem;max-width:100%;padding:.5rem 1.5rem;border-radius:2rem;background:linear-gradient(#414647,#020303 88%);color:#fff;font-weight:400!important;text-transform:none!important;font-size:1rem;line-height:1.4}
.bbw-native--newsletter .bobbio-submit::after{display:none}
.bbw-native--newsletter .bobbio-submit:disabled{opacity:1;background:#4b4b4b;color:#fff}
/* Cornice nativa meteo: superficie chiara e banner fotografico come tavola 08. */
.bbw-native--weather{position:relative;isolation:isolate;background:#fff;color:#111;border-radius:0;/*padding:2rem 4% 12rem*/}
.bbw-native--weather-back-is-on .bbw-native--weather::after{content:'';position:absolute;inset:auto 5% 0 0;height:100%;background:url('../images/weather-panorama.webp') center/cover no-repeat;clip-path:var(--bb-photo-right,var(--bb-cut-right));z-index:-1;pointer-events:none}
.bbw-native--weather :where(h2,h3,h4,a){color:inherit;text-transform: uppercase;font-weight: lighter;}
.bbw-native--weather .bg-none::before {
   background: none !important;
}
.bbw-native--weather #home-stazione-meteo {margin: auto 10% 0 0}
.bbw-native--weather #home-stazione-meteo .item h2 {margin: 0; font-weight: bolder;}
.bbw-native--weather #home-stazione-meteo .item p {margin: 0}


.bb-app.bb-embedded.bb-p08 .bbw-source-card{padding:clamp(2rem,6cqw,6rem);max-width:none;width:80%;margin:auto}
.bb-app.bb-embedded.bb-p08 .bb-weather-banner{margin-top:0;min-height:14.3cqw;width:91.3%}
.bb-app.bb-embedded.bb-p08 .bb-weather-banner .bb-pill{margin-left:auto;align-self:flex-end}
.bb-app.bb-embedded.bb-p08 .bb-station{max-width:23rem;background:#ffffffec;padding:.75rem;color:#111}
@container(min-width:1101px){
 .bb-app.bb-embedded.bb-p10 .bb-canvas{background-image:linear-gradient(#ffffffbc,transparent 45%),url('../images/resort-panorama.webp');background-size:100% 19.7cqw,100% 19.7cqw;background-position:top center}
 .bb-app.bb-embedded.bb-p10 .bb-content{min-height:38.2cqw}
 .bb-app.bb-embedded.bb-p10 .bb-stats{padding-top:27.2cqw}
 .bb-app.bb-embedded.bb-p14 .bb-canvas{background-image:linear-gradient(#ffffffb0,transparent 45%),url('../images/footer-panorama.webp');background-size:100% 18.4cqw,100% 18.4cqw;background-position:top center}
 .bb-app.bb-embedded.bb-p14 .bb-contact{padding-top:21.5cqw;padding-bottom:2rem}
 .bbr .bbr-gallery-grid{gap:2.9cqw}
 .bbr-pistes{position:relative;min-height:40cqw;padding:3cqw 9% 3cqw 39%;background:#fff url('../images/ski-slopes.webp') left bottom/36% auto no-repeat}
 .bbr-pistes>h2{position:absolute;left:17%;top:2.5cqw;width:17%;text-align:center}
 .bbr-pistes .bbr-source-note{font-size:.8rem}
 .bbr-pistes .bbr-pistes-photo{display:none}
 .bbr-pistes .bbr-status-groups{gap:1rem 2rem}
 .bbr-pistes .bbr-status-groups li{padding:.2rem 0;gap:.4rem;font-size:.875rem;border-top:0}
 .bbr-pistes .bbr-status{font-size:.7rem;line-height:1.4;padding:.1rem .4rem}
}
@container(max-width:1100px){
 .bbr .bbr-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;width:92%;margin:0 4%}
 .bbr .bbr-card-body{padding:2rem 1rem 1rem}
 .bbr .bbr-card{gap:1rem}
 .bbr .bbr-card h3{margin-bottom:1.5rem}
 .bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card-grid{width:92%;margin:0 4%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:1.5rem}
 .bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card:nth-child(n){grid-area:auto;margin:0;min-height:15rem}
 .bbr .bbr-card--picture{min-height:22rem!important}
 .bbr .bbr-card--picture img{object-fit:cover}
 .bbr .bbr-card--picture .bbr-button{top:auto;bottom:1rem;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:85%}
 .bbr.bbr-variant-9 .bbr-card-grid{width:92%;margin:0 4%;gap:1.5rem}
 .bbr .bbr-button{min-width:min(12rem,100%)}
 .bbr.bbr-composition-expanded .bbr-card--picture .bbr-button{transform:none}
}
@container(max-width:650px){
 .bbr .bbr-card-grid,.bbr:is(.bbr-variant-3,.bbr-variant-4,.bbr-variant-5) .bbr-card-grid{grid-template-columns:minmax(0,1fr)}
 .bbr .bbr-card{width:100%;max-width:26rem;justify-self:center}
 .bbr .bbr-card-body{max-width:none;flex:auto}
 .bbr .bbr-card h3{font-size:1.2rem}
 .bbr:is(.bbr-variant-3,.bbr-variant-4) .bbr-card-body{padding:2rem}
 .bbr-articles>h2{margin-left:0}
 .bbr-articles>h2::before,.bbr-articles>h2::after{display:none}
 .bbr-hero .bbr-hero-actions{border-radius:1.5rem;justify-content:center}
 .bbr-hero .bbr-hero-actions .bbr-button+.bbr-button{border:0}
}
@media(max-width:767px){
 .bbw-newsletter-layout{grid-template-columns:minmax(0,1fr);gap:1rem}
 .bbw-newsletter-layout>.bbw-newsletter-photo{height:auto;max-height:none;aspect-ratio:1.3;clip-path:var(--bb-photo-right)}
 .bbw-newsletter-layout>.bbw-native--newsletter{padding:1rem}
 .bbr-hero{min-height:28rem}
 .bb-app.bb-embedded.bb-p08 .bbw-source-card{width:100%;padding:1.5rem}
 .bb-app.bb-embedded.bb-p08 .bb-weather-banner{min-height:14rem;gap:1rem;flex-direction:column;align-items:flex-start}
 .bb-app.bb-embedded.bb-p08 .bb-weather-banner .bb-pill{align-self:flex-start;margin-left:0}
 .bbw-native--weather{padding:1rem 1rem 12rem}
}
@media(forced-colors:active){
 .bb-app.bb-embedded .bb-service::before,.bb-app.bb-embedded .bb-service-card::before,.bbr .bbr-card-body::before{background:Canvas;border:1px solid CanvasText;clip-path:none}
 .bb-app.bb-embedded .bb-service-card,.bbr .bbr-card-body{color:CanvasText}
 .bb-app.bb-embedded .bb-pill,.bbr .bbr-button{border:1px solid ButtonText}
}

/* Rifiniture emerse dal confronto affiancato. */
.bbr-cards{background-image:linear-gradient(#fff,transparent 40%),url('../images/mountains-bottom.webp');background-size:100% 24.18cqw,100% auto}
.bbr.bbr-variant-9{background-image:linear-gradient(#fff,transparent 75%),url('../images/mountains-soft.webp');background-size:100% 11.28cqw,100% auto}
.bbw-native--newsletter .bobbio-submit::before,.bbw-native--newsletter .bobbio-submit::after{display:none}
.bb-app.bb-embedded .bb-footer-links a{display:inline-flex;align-items:center;min-height:44px}
.bbr-gallery>h2{font-size:1rem;font-weight:400}
.bbr-gallery>h2::before{content:'';display:block;width:clamp(3.5rem,4.4cqw,5rem);aspect-ratio:1;background:url('../images/profile-mark.webp') center/contain no-repeat;margin:0 auto .6rem}
@media(min-width:1101px){
 .bbw-native--newsletter #bobbio-newsletter-root{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2rem}
 .bbw-native--newsletter .bobbio-newsletter-card{grid-column:1/-1}
 .bbw-native--newsletter .bobbio-newsletter-title{font-size:clamp(1.5rem,2vw,2rem)}
 .bbw-native--newsletter #bobbio-newsletter-root>p{font-size:.875rem;line-height:1.35}
}
@container(min-width:1101px){
 .bbr-pistes{background:#fff}
 .bbr-pistes .bbr-pistes-photo{display:block;position:absolute;left:0;bottom:0;width:36%;max-height:68%;overflow:hidden}
 .bbr-pistes .bbr-pistes-photo img{width:100%;min-height:0;height:auto;object-fit:cover;mask-image:linear-gradient(transparent,#000 45%)}
}

.bb-app.bb-embedded.bb-p08 .bbw-source-card{display:grid;grid-template-columns:minmax(9rem,26%) minmax(0,1fr);column-gap:5cqw;align-items:center}
.bb-app.bb-embedded.bb-p08 .bbw-meteo-symbol{grid-row:1/4;width:100%;max-width:16rem;justify-self:center}
@media(max-width:767px){.bb-app.bb-embedded.bb-p08 .bbw-source-card{grid-template-columns:minmax(0,1fr)}.bb-app.bb-embedded.bb-p08 .bbw-meteo-symbol{grid-row:auto;max-width:8rem;justify-self:start;margin-bottom:1rem}}
.bbw-native.bbw-native--newsletter button.bobbio-submit::before,.bbw-native.bbw-native--newsletter button.bobbio-submit::after{content:none!important;display:none!important}
