/* Home - stile ispirato a Pomelli. Tutte le classi iniziano con pm- per non toccare le altre pagine. */
.pm-hero{padding:7rem 0 3rem;background:linear-gradient(90deg,rgba(15,17,20,.85) 0%,rgba(15,17,20,.48) 100%),url(../imgs/background.jpg) center/cover}
.pm-badge{display:inline-block;border:1px solid #ca6510;color:#ca6510;padding:.4rem .9rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pm-hero h1{font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2rem,5vw,3.6rem)}
.pm-sub{color:#fff;text-transform:none;letter-spacing:normal;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1rem,2.2vw,1.5rem)}
.pm-stats{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;background:rgba(15,17,20,.85);border-left:4px solid #ca6510;padding:1.25rem 1.5rem;max-width:fit-content}
.pm-stats strong{display:block;font-size:1.5rem}
.pm-stats small{color:#9aa0a6;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
.pm-sec{padding:4.5rem 0}.pm-alt{background:#1a1d21}
.pm-title{font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:center}
.pm-title:after{content:"";display:block;width:60px;height:3px;background:#ca6510;margin:.75rem auto 0}
.pm-card{background:#1a1d21;border:1px solid #2c3036;border-left:3px solid #ca6510;padding:1.5rem;height:100%}
.pm-alt .pm-card{background:#212529}
.pm-card h3{font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pm-card p{color:#b8bdc2;margin:0}
.pm-stage{background:#1a1d21;border:1px solid #2c3036;height:100%;display:flex;flex-direction:column;position:relative}
.pm-stage img,.pm-ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pm-ph{display:flex;align-items:center;justify-content:center;background:#111316;color:#ca6510;font-size:3rem}
.pm-stage .pm-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.pm-stage h3{font-size:1.2rem;font-weight:800;text-transform:uppercase;margin:0}
.pm-stage p{color:#b8bdc2;margin:0;flex:1}
.pm-soon{position:absolute;top:.75rem;right:.75rem;background:#ca6510;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .6rem;text-transform:uppercase}
.pm-stage.pm-off{opacity:.75}
.pm-scroller{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.75rem}
.pm-scroller>*{flex:0 0 78%;scroll-snap-align:start}
@media(min-width:768px){.pm-scroller>*{flex-basis:46%}}
@media(min-width:992px){.pm-scroller{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.pm-scroller>*{flex:none}}

/* Titoli come Pomelli: bianchi, maiuscoli, molto marcati */
.pm-home{color:#e9ecef;background-color:#212529}
.pm-home h1,.pm-home h2,.pm-home h3,.pm-home h4{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1.15}
.pm-hero h1{text-shadow:0 2px 14px rgba(0,0,0,.65)}
.pm-home .lead{color:#e9ecef}

/* Hero: testo + immagine dei palchi subito sotto (a destra su computer) */
.pm-hero-card{background:rgba(15,17,20,.62);backdrop-filter:blur(4px);border-radius:.75rem;padding:1.5rem}
.pm-hero-img{width:100%;height:auto;display:block;border-radius:.75rem;background:#000}
@media(min-width:768px){.pm-hero-card{padding:2rem}}
@media(min-width:992px){.pm-hero{padding:8rem 0 4rem}}
.pm-hero h1{font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:.03em}
.pm-hero .pm-sub{text-transform:none;letter-spacing:normal}
/* Barra statistiche: su computer centrata e a tutta larghezza */
@media(min-width:992px){
.pm-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:none;width:100%;text-align:center;gap:0;padding:1.5rem 0}
.pm-stats>div+div{border-left:1px solid rgba(255,255,255,.15)}
}

/* Overview: simbolo + titolo */
.pm-card-icon{text-align:center;border-left:1px solid #2c3036;border-top:3px solid #ca6510;padding:2rem 1rem}
.pm-icon{font-size:2.75rem;color:#ca6510;margin-bottom:1rem;display:block}
.pm-card-icon h3{margin:0}

/* Pagine servizi (Led Wall, Noleggio luci e audio) */
.pm-page-hero{padding:8rem 0 3rem;text-align:center;background:#212529}
.pm-page-hero h1{font-size:clamp(1.8rem,4vw,3rem)}

/* Pagine Palco S / Palco L */
.ps-points{list-style:none;padding:0;margin:1.25rem 0}
.ps-points li{padding:.35rem 0 .35rem 1.9rem;position:relative}
.ps-points li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:#ca6510;position:absolute;left:0}
.ps-grid .ps-thumb{display:block;width:100%;padding:0;border:0;background:#000;overflow:hidden;border-radius:.5rem;cursor:zoom-in}
.ps-grid .ps-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .3s}
.ps-grid .ps-thumb:hover img{transform:scale(1.05)}
.ps-feat{background:#fff;padding:1rem;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.ps-feat img{max-width:100%;max-height:100%;object-fit:contain}
.ps-desc{white-space:pre-line;color:#b8bdc2}

/* Hero: due riquadri della stessa altezza e un po' piu' grandi (computer) */
@media(min-width:992px){
.pm-hero .container{max-width:1280px}
.pm-hero .row{align-items:stretch!important}
.pm-hero .row>[class*="col-"]{display:flex}
.pm-hero .row>[class*="col-"]>a{display:flex;width:100%}
.pm-hero-card{width:100%;display:flex;flex-direction:column;justify-content:center;padding:2.5rem}
.pm-hero-img{height:100%;object-fit:contain;background:#000}
.pm-hero h1{font-size:clamp(2rem,3.1vw,2.9rem)}
.pm-hero .pm-sub{font-size:1.55rem}
}
/* Overview: la card diventa arancione al passaggio del mouse */
.pm-card-icon{transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.pm-icon{transition:color .25s ease}
.pm-card-icon:hover{background:#ca6510;border-color:#ca6510;transform:translateY(-4px);box-shadow:0 10px 24px rgba(202,101,16,.35)}
.pm-card-icon:hover .pm-icon,.pm-card-icon:hover h3{color:#fff}
/* Audio e luci: foto prodotto intere su fondo bianco */
.pm-scroller .pm-stage img{object-fit:contain;background:#fff}
/* Card Palco M "in arrivo": stessa luminosita' delle altre (resta il bollino) */
.pm-stage.pm-off{opacity:1}

/* Palchi mobili e Vantaggi del servizio: al passaggio del mouse compare solo un sottile contorno arancione */
#palchi-mobili .pm-stage,#palchi-mobili .pm-card{transition:border-color .25s ease,box-shadow .25s ease}
#palchi-mobili .pm-stage:hover,#palchi-mobili .pm-card:hover{border-color:#ca6510;box-shadow:0 0 0 1px #ca6510}

/* Servizio audio e luci: carosello a 4 card con frecce (su telefono si scorre con il dito) */
.pm-carousel{position:relative}
.pm-carousel .pm-scroller{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:3px;margin:-3px;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:3px}
.pm-carousel .pm-scroller::-webkit-scrollbar{display:none}
.pm-carousel .pm-scroller>*{flex:0 0 78%;scroll-snap-align:start}
@media(min-width:768px){.pm-carousel .pm-scroller>*{flex:0 0 calc((100% - 1rem)/2)}}
@media(min-width:992px){.pm-carousel .pm-scroller>*{flex:0 0 calc((100% - 3rem)/4)}}
.pm-arrow{display:none;position:absolute;top:78px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:#ca6510;color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.45);transition:background-color .2s,opacity .2s}
.pm-arrow:hover:not(:disabled){background:#e07514}
.pm-arrow:disabled{opacity:.3;cursor:default}
.pm-arrow-prev{left:.4rem}.pm-arrow-next{right:.4rem}
@media(min-width:768px){.pm-arrow{display:flex}}
@media(min-width:1200px){.pm-arrow-prev{left:-1.6rem}.pm-arrow-next{right:-1.6rem}}
.pm-ph-light{background:#fff;color:#ca6510}
/* contorno arancione sottile al passaggio del mouse */
#audio-luci .pm-stage{transition:border-color .25s ease,box-shadow .25s ease}
#audio-luci .pm-stage:hover{border-color:#ca6510;box-shadow:0 0 0 1px #ca6510}
.pm-carousel .pm-scroller>.pm-stage{height:auto}
.pm-scroller .pm-stage img.pm-photo{object-fit:cover}

/* Hero: i due riquadri Palco S e Palco L sopra l'immagine sono cliccabili e si colorano di arancione semitrasparente */
.pm-hero-pickbox{width:100%;background:#000;border-radius:.75rem;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pm-hero-pick{position:relative;width:100%;aspect-ratio:1600/1195}
.pm-hero-pick .pm-hero-img{width:100%;height:100%;display:block;border-radius:0;object-fit:fill}
.pm-zone{position:absolute;top:51.8%;height:44.7%;width:49.3%;border:3px solid transparent;background:rgba(202,101,16,0);transition:background-color .25s ease,border-color .25s ease;cursor:pointer}
.pm-zone-s{left:0}
.pm-zone-l{right:0;width:49.4%}
.pm-zone:hover,.pm-zone:focus-visible{background:rgba(202,101,16,.42);border-color:#ca6510;outline:none}

/* Pulsante SHOP nel testo di Servizio audio e luci: un po' piu' grande */
.pm-shop-btn{padding:.45rem 1.1rem;font-size:1.05rem;font-weight:700;letter-spacing:.04em;vertical-align:middle}