/* De Risi - personalizzazioni sul template Lockey
   Per cambiare il colore principale modifica --global--color-primary */
:root{
  /* Rosso del logo De Risi (era giallo #fed000 nel template) */
  --global--color-primary:#ff0000;
  /* Testo corrente: grigio scuro per leggibilità (era #9b9b9b, contrasto 2,8:1) */
  --global--color-body:#5a5a5a;
}
/* Testo bianco sui bottoni/elementi rossi (nel template era scuro su giallo) */
.btn--primary,.btn--primary i{color:#fff}
.btn--primary:active,.btn--primary:focus,.btn--primary:hover{color:#fff}
/* Overlay rossi che nel template erano giallo semitrasparente */
.dr-red-overlay{background:rgba(255,0,0,.95)}

/* Logo animato (WebP trasparente, proporzioni 2,66:1) */
.header .navbar-brand .logo{width:auto;height:58px}
.header .navbar-brand .logo.logo-mobile{width:auto;height:46px}
.footer .logo{width:auto;height:100px}

/* Titolo di pagina: sottotitolo */
.dr-title-sub{color:#fff;margin-top:10px;font-size:18px}

/* Orari (footer e pagina contatti) */
.dr-orari{list-style:none;padding:0;margin:0}
.dr-orari li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}
.dr-orari li span:last-child{text-align:right}
.dr-orari-card{margin-top:18px;color:#fff}

/* Storia: timeline */
.dr-timeline{padding:80px 0}
.dr-timeline-list{margin-top:40px}
.dr-step{display:flex;gap:24px;padding-bottom:36px;position:relative}
.dr-step:not(:last-child)::before{content:"";position:absolute;left:27px;top:60px;bottom:0;width:2px;background:var(--global--color-border)}
.dr-step-num{flex:0 0 56px;height:56px;border-radius:50%;background:var(--global--color-primary);color:#222;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center}
.dr-step-body h3{margin-bottom:10px}
.dr-closing{font-style:italic}

/* Prodotti: marchi per categoria */
.dr-marchi{padding:60px 0 80px;background:var(--global--color-gray)}
.dr-cat{margin-top:40px}
.dr-cat-title{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--global--color-primary)}
.dr-brand{background:#fff;border:1px solid var(--global--color-border);border-radius:6px;padding:10px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;transition:.2s}
.dr-brand:hover{border-color:var(--global--color-primary);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.dr-brand img{width:100%;height:100%;object-fit:contain}

/* Galleria */
.dr-cap{margin:8px 0 18px;font-size:14px;color:#555}
.projects-gallery{padding-bottom:20px}

/* Servizi / varie */
.dr-pagamenti{margin-top:10px}
.dr-privacy{font-size:14px}

/* Articolo news */
.dr-article{padding:20px 0 60px}
.dr-meta{color:var(--global--color-gray-darken);margin:20px 0 6px}

.dr-orari-dark{margin-top:18px}
.dr-orari-dark li{border-bottom:1px solid var(--global--color-border);color:#222}

/* Titoli e testi: niente "Maiuscola Su Ogni Parola" (il template usava text-transform: capitalize).
   Solo la prima lettera maiuscola, come scritta nel testo. Per forzare il maiuscolo usare la classe dr-upper. */
body, body *{text-transform:none !important}
body .dr-upper, body .dr-upper *{text-transform:uppercase !important}

/* Pulsanti con il font dei titoli (Kodchasan), un po' piu' pesante per la leggibilita' */
.btn, .btn span, button.btn{font-family:var(--global--font-heading);font-weight:600;letter-spacing:.01em}

/* Marchi che scorrono */
.dr-marchi-title{text-align:center;font-size:22px;margin:0 0 10px}
.clients .client img{max-height:110px;width:auto;margin:0 auto;object-fit:contain}

/* Contatti senza form: telefono e mail ben visibili */
.dr-contact-big{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.dr-contact-big a{display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid var(--global--color-border);border-radius:8px;background:#fff;color:#222;font-family:var(--global--font-heading);font-size:24px;font-weight:600;transition:.2s}
.dr-contact-big a i{flex:0 0 46px;height:46px;border-radius:50%;background:var(--global--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.dr-contact-big a small{display:block;font-family:var(--global--font-body);font-size:12px;font-weight:400;color:#888;letter-spacing:.06em}
.dr-contact-big a:hover{border-color:var(--global--color-primary);transform:translateX(4px)}
@media (max-width:575px){.dr-contact-big a{font-size:19px;padding:14px}}

/* Album foto */
.dr-album .project-img img{width:100%}
.dr-album-title{font-size:20px;margin:12px 0 2px}

/* Menu principale con il font dei titoli (Kodchasan) */
.navbar .navbar-nav .nav-item a,
.navbar .navbar-nav .nav-item a span,
.navbar .dropdown-menu a,
.navbar .dropdown-menu a span,
.module-phone .module-body a{font-family:var(--global--font-heading) !important;font-weight:500}


/* Icone Font Awesome al posto di quelle Flaticon (le Flaticon sono a tema sicurezza/allarmi) */
.panels-holder .banner-panel .panel-icon i.fas::before{font-size:46px}
.feature-panel .feature-content .feature-icon i.fas,
.services .service-panel .service-wrapper .service-content .service-body .service-icon i.fas{font-size:48px}

/* Chi siamo / Negozio / Prodotti: la foto del blocco "about-1" (800 px nel template) sconfinava nella sezione sotto,
   perche' il testo accanto e' piu' corto. La riduco in modo che resti dentro la sezione. */
@media (min-width:992px){
  .about.about-1 .about-img-holder .about-img img{height:560px;width:100%;object-fit:cover}
  .about.about-1 .about-img-holder{width:50%}
  .about.about-1 .about-img-holder .about-img{width:100%}
}
.dr-timeline{padding-top:100px}

/* Orari nel piè di pagina: il template forzava "display:block" sui li dei widget-links (giorno e orario attaccati).
   Stessa specificità + flex per tenere il giorno a sinistra e l'orario a destra, con spazio in mezzo. */
.footer .footer-widget.widget-links ul.dr-orari li{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px;color:#fff;line-height:1.5}
.footer .footer-widget.widget-links ul.dr-orari li span{display:block}
.footer .footer-widget.widget-links ul.dr-orari li span:first-child{flex:0 0 auto;white-space:nowrap}
.footer .footer-widget.widget-links ul.dr-orari li span:last-child{text-align:right}

/* News dinamiche: copertine tutte della stessa proporzione */
.blog-entry .entry-img-holder img{width:100%;aspect-ratio:3/2;object-fit:cover}
/* Album e foto dinamici: anteprime della stessa proporzione */
.dr-album .project-img img,.projects-gallery .project-img>img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* Foto del negozio: riempiono sempre il riquadro senza deformarsi */
.industry-img img,.service-img img,.feature-img img,.how-works-img img,.counter-img img,.cta-img img,.about-img img,.project-img img{object-fit:cover}

/* Orari dinamici (testo formattato dall'area riservata): footer, home e contatti */
.dr-orari-html{font-size:14px;line-height:1.6;color:#fff}
.dr-orari-html p{margin:0 0 6px;color:inherit;font-size:inherit}
.dr-orari-html ul,.dr-orari-html ol{padding-left:18px;margin:0 0 6px;color:inherit}
.dr-orari-html li{color:inherit}
.dr-orari-html table{width:100%;border-collapse:collapse;margin:0}
.dr-orari-html td,.dr-orari-html th{padding:6px 12px 6px 0;border-bottom:1px solid rgba(255,255,255,.12);vertical-align:top;color:inherit;font-weight:inherit}
.dr-orari-html td:last-child{text-align:right;padding-right:0}
.dr-orari-html-dark{color:#222;margin-top:18px}
.dr-orari-html-dark td,.dr-orari-html-dark th{border-bottom-color:var(--global--color-border)}
.dr-orari-html-card{color:#fff;margin-top:18px}

/* Slide della home: velo scuro più leggero (nel template copriva quasi tutta la foto).
   Per regolarlo cambia i valori di opacità (0 = trasparente, 1 = nero pieno). */
.bg-overlay-dark-slider-2:before{
  background:linear-gradient(rgba(0,0,0,.40) 0%,rgba(0,0,0,.30) 45%,rgba(0,0,0,.08) 100%);
}
/* leggibilità del testo sulle foto chiare */
.slider-2 .slide-title,.slider-2 .slide-subtitle,.slider-2 .slide-desc{text-shadow:0 2px 12px rgba(0,0,0,.55)}

/* Home, riquadri dei prodotti: al passaggio/tocco il cerchio rosso si trasforma in un anello bianco con il testo dentro.
   Nel template l'anello era agganciato al bordo destro del testo, quindi con testi corti finiva fuori centro.
   Ora il testo occupa tutta la larghezza, è centrato e l'anello è concentrico al cerchio rosso. */
.industry-panel.industry-panel-2 .industry-content .industry-body .industry-desc{
  left:0;right:0;width:100%;max-width:none;box-sizing:border-box;
  padding:0 calc(50% - 98px);text-align:center;
}
.industry-panel.industry-panel-2 .industry-content .industry-body .industry-desc p{font-size:14px;line-height:21px;text-align:center}
.industry-panel.industry-panel-2 .industry-content .industry-body .industry-desc::before{
  right:auto;left:50%;top:50%;width:230px;height:230px;
  -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
}
@media screen and (max-width:1199.98px){
  .industry-panel.industry-panel-2 .industry-content .industry-body .industry-desc::before{right:auto}
}

.industry-panel{cursor:pointer}

/* Stato vuoto (nessun record): stessa icona rossa semitrasparente e scritta rossa dell'area riservata */
.dr-vuoto{text-align:center;padding:70px 0}
.dr-vuoto__icona{display:block;font-size:80px;line-height:1;color:rgba(255,0,0,.55);margin-bottom:20px}
.dr-vuoto p{margin:0;color:#ff0000;font-weight:600;font-size:18px}

/* Home, sezione "Il servizio": titolo e link scuri non si leggevano sulla foto del negozio.
   Velo scuro sopra la foto + testi bianchi (le card bianche restano com'erano). */
#services-1{position:relative}
#services-1::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.58);z-index:1}
#services-1>.container{position:relative;z-index:2}
#services-1 .heading-subtitle,#services-1 .heading-title,#services-1 .note a{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#services-1 .note a{border-bottom-color:rgba(255,255,255,.7)}

/* Home, "Noi per te": nel riquadro rosso dei passaggi un'icona grande, con il numero piccolo sotto */
.how-works .work-steps-wrapper .work-step .step-num h3{display:flex;flex-direction:column;align-items:center;gap:14px;line-height:1}
.how-works .work-steps-wrapper .work-step .step-num h3 i{font-size:58px}
.how-works .work-steps-wrapper .work-step .step-num h3 small{font-size:16px;font-weight:600;letter-spacing:.12em;opacity:.85}
@media (max-width:767.98px){.how-works .work-steps-wrapper .work-step .step-num h3{flex-direction:row;gap:14px}.how-works .work-steps-wrapper .work-step .step-num h3 i{font-size:34px}}

/* Slide della home: testi un po' più in basso rispetto al centro della slide
   (per alzarli/abbassarli cambia i valori di padding-top: più alto = testo più in basso). */
.slider.slider-2 .slide{padding-top:170px}
/* Smartphone: slide meno alte (nel template 130% dello schermo) cosi' la foto viene tagliata meno;
   l'altezza cresce da sola se il testo e' lungo. Per cambiare l'altezza modifica min-height (vh = % dello schermo). */
@media (max-width:767.98px){
  .slider.slider-2 .slide{height:auto;min-height:82vh;padding-top:190px;padding-bottom:60px;background-position:center center}
}
@media (min-width:768px) and (max-width:991.98px){.slider.slider-2 .slide{height:auto;min-height:72vh;padding-top:250px;padding-bottom:70px}}
@media (min-width:992px){.slider.slider-2 .slide{padding-top:400px;padding-bottom:30px}}

/* Foto via Solferino accanto al testo */
.features.features-3 .dr-solferino-img{margin-bottom:30px}
.features.features-3 .dr-solferino-img img{width:100%;height:auto;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
@media (min-width:992px){.features.features-3 .dr-solferino-img{margin-top:-10px}}

/* Pagina Servizi: spazi tra le sezioni ridotti */
#servizi-intro.about.about-1{min-height:0;padding-top:50px;padding-bottom:10px}
#features-6.features.features-6{padding-top:40px;padding-bottom:30px}
#features-6 .row.mt-5{margin-top:1.5rem!important}
#noi-per-te.cta.cta-1{padding-top:40px;padding-bottom:110px}
@media (max-width:991.98px){
 #servizi-intro.about.about-1{padding-top:40px;padding-bottom:0}
 #features-6.features.features-6{padding-top:30px;padding-bottom:10px}
 #noi-per-te.cta.cta-1{padding-top:30px;padding-bottom:70px}
}
#servizi-intro .heading-desc:last-of-type{margin-bottom:0}
#servizi-intro.about.about-1{padding-bottom:0}
#features-6.features.features-6{padding-top:80px}
@media (max-width:991.98px){#features-6.features.features-6{padding-top:55px}#servizi-intro .heading.heading-2{margin-bottom:0}}

/* Didascalie foto: stesso font dei titoli, piu' grandi */
.dr-cap{font-family:var(--global--font-heading);font-size:18px;font-weight:700;line-height:1.3;color:#222;margin:12px 0 24px}
#foto-album .dr-cap{font-size:15px;margin:10px 0 20px}

/* Negozio: spaziatura ridotta intorno al blocco "La galleria" */
#galleria.features.features-3{padding-top:50px;padding-bottom:30px}
#galleria .advantages-list{margin-bottom:0}
#foto-galleria.projects-gallery{padding-top:30px}
@media (max-width:991.98px){
 #galleria.features.features-3{padding-top:30px;padding-bottom:20px}
 #foto-galleria.projects-gallery{padding-top:20px}
}

/* Negozio: foto "Dentro il negozio" piu' vicine al blocco precedente */
#foto-negozio.projects-gallery{padding-top:30px}
@media (max-width:991.98px){#foto-negozio.projects-gallery{padding-top:20px}}
@media (min-width:992px){#negozio.about.about-1{min-height:560px;padding-bottom:0}}

/* Foto: titoli album con lo stesso font/stile delle didascalie; conteggio foto piu' discreto */
.dr-album-title,.dr-album-title a{font-family:var(--global--font-heading);font-size:18px;font-weight:700;line-height:1.3;color:#222;text-transform:none}
.dr-album-title{margin:12px 0 2px}
.dr-album .dr-cap{font-family:var(--global--font-body);font-size:14px;font-weight:400;color:#666;margin:0 0 24px}

/* Slide: ombreggiatura piu' marcata sotto i testi (doppio strato: alone morbido + ombra netta) */
.slider.slider-2 .slide h1,.slider.slider-2 .slide .slide-title,.slider.slider-2 .slide .slide-desc,.slider.slider-2 .slide p{
  text-shadow:0 2px 4px rgba(0,0,0,.75),0 4px 22px rgba(0,0,0,.65)
}
.slider.slider-2 .slide .btn{box-shadow:0 6px 20px rgba(0,0,0,.35)}

/* Slide su smartphone: velo piu' scuro dove c'e' il testo, testi proporzionati allo schermo,
   foto centrata sul soggetto, frecce nascoste (si scorre col dito) */
@media (max-width:767.98px){
  .bg-overlay-dark-slider-2:before{background:linear-gradient(rgba(0,0,0,.30) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.60) 100%)}
  .slider.slider-2 .slide{min-height:80vh;padding-top:190px;padding-bottom:60px;background-size:cover;background-position:center center}
  .slider.slider-2 .slide .slide-title,.slider.slider-2 .slide h1{font-size:30px;line-height:1.2;margin-bottom:14px}
  .slider.slider-2 .slide .slide-desc,.slider.slider-2 .slide p{font-size:15px;line-height:1.5;margin-bottom:22px}
  .slider.slider-2 .slide .btn{min-width:0;width:auto;padding-left:26px;padding-right:26px}
  .slider.slider-2 .owl-nav{display:none}
}

/* "Noi per te" (home): righe 01/02/03 piu' basse */
.how-works .work-steps-wrapper .work-step .step-num{min-height:140px}
.how-works .work-steps-wrapper .work-step .step-num h3{gap:8px}
.how-works .work-steps-wrapper .work-step .step-num h3 i{font-size:46px}
.how-works .work-steps-wrapper .work-step .step-info .step-title{margin-bottom:10px}
@media (min-width:992px){.how-works .work-steps-wrapper .work-step .step-info{height:140px}}
@media (max-width:991.98px){.how-works .work-steps-wrapper .work-step .step-info{padding-top:26px;padding-bottom:26px}}
@media (max-width:767.98px){.how-works .work-steps-wrapper .work-step .step-num{min-height:60px}.how-works .work-steps-wrapper .work-step .step-num h3 i{font-size:28px}.how-works .work-steps-wrapper .work-step .step-info{padding:22px 25px}}

/* Prodotti: blocco categorie piu' in alto (senza titolo) */
#categorie.features.features-6{padding-top:40px}
@media (max-width:991.98px){#categorie.features.features-6{padding-top:30px}}
@media (min-width:992px){#prodotti-intro.about.about-1{min-height:460px;padding-bottom:0}}
@media (max-width:991.98px){#prodotti-intro.about.about-1{padding-bottom:0}}
/* Prodotti: la foto accanto al testo segue l'altezza ridotta della sezione (non invade i riquadri sotto) */
@media (min-width:992px){#prodotti-intro.about.about-1 .about-img-holder .about-img img{height:460px}}
/* Prodotti: foto sempre alta quanto la sezione, a qualsiasi larghezza o zoom del browser */
@media (min-width:992px){
 #prodotti-intro.about.about-1{position:relative}
 #prodotti-intro.about.about-1 .about-img-holder{height:100%}
 #prodotti-intro.about.about-1 .about-img-holder .about-img{height:100%}
 #prodotti-intro.about.about-1 .about-img-holder .about-img img{height:100%}
}

/* Negozio: pulsante "Visualizza tutte le foto" piu' largo */
.dr-btn-foto{min-width:340px;width:auto;white-space:nowrap}
.dr-btn-foto i{margin-right:8px}
@media (max-width:575.98px){.dr-btn-foto{min-width:0;width:100%}}

/* Footer piu' compatto (era 120/140px sopra, 57px sotto) */
.footer .footer-top{padding-top:70px;padding-bottom:70px}
.footer .footer-copyright{padding-bottom:36px}
@media screen and (max-width:991.98px){
  .footer .footer-top{padding-top:0;padding-bottom:0}
  .footer .footer-widget{padding-top:35px}
  .footer .footer-bottom{padding-top:40px}
}
/* Pagina privacy policy */
.dr-privacy{padding:70px 0 80px}
.dr-privacy h2{font-size:24px;margin:38px 0 12px}
.dr-privacy h2:first-of-type{margin-top:0}
.dr-privacy p,.dr-privacy li{font-size:16px;line-height:1.7}
.dr-privacy ul{margin:0 0 16px 20px;list-style:disc}

/* News modale della homepage (una sola, al centro) */
.dr-popup[hidden]{display:none}
.dr-popup{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:20px}
body.dr-popup-aperto{overflow:hidden}
.dr-popup-box{background:#fff;border-radius:6px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.dr-popup-img{flex:0 0 auto;background:#f3f3f3;text-align:center}
.dr-popup-img img{display:block;margin:0 auto;max-height:38vh;width:auto;max-width:100%}
.dr-popup-body{padding:24px 28px 8px;overflow-y:auto;flex:1 1 auto}
.dr-popup-titolo{font-size:26px;margin:0 0 12px}
.dr-popup-testo{font-size:16px;line-height:1.6}
.dr-popup-testo p:last-child{margin-bottom:0}
.dr-popup-allegato{margin:14px 0 0}
.dr-popup-azioni{flex:0 0 auto;padding:16px 28px 22px;text-align:center}
@media screen and (max-width:575.98px){.dr-popup-body{padding:18px 18px 4px}.dr-popup-titolo{font-size:22px}.dr-popup-azioni{padding:12px 18px 18px}}

/* Footer (sfondo scuro): mantiene il grigio chiaro originale del testo, mentre il resto del sito usa un grigio piu' scuro */
.footer{--global--color-body:#9b9b9b}


/* Pagina Foto: stessi spazi sopra/sotto della pagina News (blog: 127px sopra, 70px sotto), anche quando non ci sono album */
#album.projects-gallery{padding:127px 0 70px}

/* Negozio: meno spazio tra il testo "La galleria" e le foto sotto (prima circa 120px) */
#galleria .heading.heading-18{margin-bottom:0}
#galleria .heading.heading-18 .heading-desc{margin-bottom:0}
#galleria.features.features-3{padding-bottom:0}
#foto-galleria.projects-gallery{padding-top:30px}
@media (max-width:991.98px){#foto-galleria.projects-gallery{padding-top:20px}}

/* Servizi, blocco "Noi per te": la foto (alta 529px, posizionata in modo assoluto) sporge sul footer solo di 30px,
   senza coprire il logo (il footer ha 70px di spazio sopra). Per sporgere di piu' o di meno cambia 499px: sporgenza = 529 - questo valore. */
@media (min-width:992px){
  #noi-per-te.cta.cta-1 .cta-wrapper{min-height:499px}
  #noi-per-te.cta.cta-1{padding-bottom:0}
}

/* Home, "Vieni a trovarci": riquadri dei vantaggi cliccabili (tutto il riquadro e' un link) */
.advantages-list.advantages-list-3 li{position:relative}
.advantages-list.advantages-list-3 li .dr-box-link{color:inherit;text-decoration:none}
.advantages-list.advantages-list-3 li .dr-box-link::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}
.advantages-list.advantages-list-3 li:hover .dr-box-link{color:var(--global--color-primary)}

/* Negozio: piu' spazio tra il primo paragrafo e la foto a destra */
@media (min-width:992px){#negozio.about.about-1 .col-lg-6{padding-right:70px}}

/* Album foto: overlay hover non deve bloccare il click sul link */
.dr-album .project-img{position:relative}
.dr-album .project-img::before{pointer-events:none}
.dr-album .project-img>a{display:block}
.dr-album-title a:hover{color:var(--global--color-primary,#c8102e);text-decoration:underline}

/* Data news: niente virgola tra giorno/mese e anno, solo spazio */
.blog-entry .entry-content .entry-meta .entry-date span::after,.blog-single .blog-entry-wrapper .entry-content .entry-meta-wrapper .entry-meta .entry-date span::after{content:"\00a0"}

/* Pulsanti di condivisione */
.dr-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0}
.dr-share__label{font-family:var(--global--font-heading);font-weight:700;margin-right:4px}
.dr-share a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;height:40px;padding:0 12px;border:1px solid #ccc;border-radius:50px;color:#222;font-size:14px;line-height:1;transition:.2s}
.dr-share a:hover{background:var(--global--color-primary,#c8102e);border-color:var(--global--color-primary,#c8102e);color:#fff}
#foto-album .dr-share{justify-content:center}

/* Home, riquadri Qualita/Famiglia/Noi per te: colonna icona di larghezza fissa, cosi i testi partono tutti dalla stessa linea */
@media (min-width:768px){.panels-holder .banner-panel .panel-icon{flex:0 0 64px;width:64px;text-align:left}}