/* Ritocchi grafici di wbnotice.com (richieste dell'utente del 12 ottobre 2026), dopo gli stili del tema e di WPBakery.
   Verdi del logo wbNotice (sorgente/…/uploads/2024/10/wbnotice-100.png): #00ad58 (verde pieno) e #6ebe46 (verde chiaro). */
:root { --wb-verde: #00ad58; --wb-verde-scuro: #009a4e; --wb-verde-chiaro: #6ebe46; }

/* 1. verdi del logo al posto dei colori del tema (il tema «green» usa #24bca4, rifatto in genera.py) */
.navbar .navbar-nav > li.cta-wb > a, .navbar.scroll .navbar-nav > li.cta-wb > a { background: var(--wb-verde) !important; }
.navbar .navbar-nav > li.cta-wb > a:hover { background: var(--wb-verde-scuro) !important; }
.section .section-title h2 > strong, .sticker.default { color: var(--wb-verde); }
.sticker.default { color: #fff; background: var(--wb-verde-chiaro); }
.plan { border-color: var(--wb-verde-chiaro); }
.intro .vc_cta3 { border-color: var(--wb-verde-chiaro) !important; }

/* parallasse: immagine in uno strato più alto della fascia, spostata da wb-design.js mentre si scorre (più lenta della pagina).
   Sul telefono e con «riduci movimento» lo sfondo resta fermo (lo script non lo muove). */
.wb-parallax { position: relative; overflow: hidden; background: none !important; }
.wb-px { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.wb-px-img { position: absolute; left: 0; right: 0; top: -20%; height: 140%; background-size: cover; background-position: center; will-change: transform; }
.wb-parallax > .wpb_column { position: relative; z-index: 1; }

/* aree all'80% della fascia (della larghezza dello schermo) sopra lo sfondo a parallasse */
#whistleblowing-normativa .wb-parallax, .wb-con-area { padding-left: 0 !important; padding-right: 0 !important; }
.wb-area-80 { width: 80%; margin-left: auto; margin-right: auto; border-radius: 6px; box-sizing: border-box; }
@media (max-width: 767px) { .wb-area-80 { width: calc(100% - 24px); } }

/* 2. Normativa: strato scuro trasparente su tutta la fascia, testi più grandi centrati nell'area all'80% */
#whistleblowing-normativa .wb-px:after { content: ""; position: absolute; inset: 0; background: rgba(0, 32, 18, .62); }
#whistleblowing-normativa .wb-area-80 p { font-size: 17px; line-height: 1.65; }
#whistleblowing-normativa .wb-area-80 .section-title h2 { font-size: 46px; }
#whistleblowing-normativa .wb-area-80 h4 { font-size: 22px; margin-bottom: 8px; }
#whistleblowing-normativa .vc_btn3.vc_btn3-size-md { font-size: 16px; }
@media (max-width: 767px) { #whistleblowing-normativa .wb-area-80 p { font-size: 16px; } #whistleblowing-normativa .wb-area-80 .section-title h2 { font-size: 32px; } }
#whistleblowing-normativa .wb-parallax { margin-top: 0 !important; padding-top: 90px !important; padding-bottom: 30px; }
#whistleblowing-normativa .wb-parallax > .wpb_column > .vc_column-inner.wb-area-80 {
	flex-grow: 0; width: 80%; margin: 0 auto !important; padding: 30px 0 20px !important; background: none !important; border-radius: 0; }
#whistleblowing-normativa .vc_custom_1729687617943 { margin: 20px 0 0 !important; padding: 0 !important; background: none !important; }
#whistleblowing-normativa .wb-area-80, #whistleblowing-normativa .wb-area-80 h4, #whistleblowing-normativa .wb-area-80 p { color: #fff; }
#whistleblowing-normativa .vc_custom_1729680541923 { padding-bottom: 0 !important; }
@media (max-width: 767px) { #whistleblowing-normativa .wb-parallax { padding-top: 50px !important; padding-bottom: 50px; }
	#whistleblowing-normativa .wb-parallax > .wpb_column > .vc_column-inner.wb-area-80 { width: calc(100% - 32px); padding: 10px 0 !important; } }

/* 3. Team e competenze: un'unica immagine a parallasse per tutta la sezione; fascia delle icone e area dei contatori su bianco al 75% */
.wb-team-sfondo { position: relative; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
	padding-left: max(15px, calc((100vw - 1170px) / 2)); padding-right: max(15px, calc((100vw - 1170px) / 2)); }
.wb-team-sfondo > .vc_row { position: relative; z-index: 1; }
/* fascia molto alta: margine fisso dello strato (lo spostamento resta entro questi 150 px), così l'immagine si ingrandisce meno */
.wb-team-sfondo .wb-px-img { top: -150px; height: calc(100% + 300px); }
/* leggero velo scuro: titoli e testi bianchi leggibili anche sulle parti chiare della foto */
.wb-team-sfondo .wb-px:after { content: ""; position: absolute; inset: 0; background: rgba(0, 40, 20, .28); }
.wb-fascia-team { background: rgba(255, 255, 255, .75); margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;
	padding-left: max(15px, calc((100vw - 1170px) / 2)); padding-right: max(15px, calc((100vw - 1170px) / 2)); }
.wb-fascia-team { padding-top: 60px; padding-bottom: 60px; display: flex; flex-wrap: wrap; align-items: flex-start; }
.wb-fascia-team:before, .wb-fascia-team:after { display: none; }
.wb-fascia-team .vc_icon_element { margin-bottom: 18px; }
.wb-fascia-team .wpb_content_element { margin-bottom: 0; }
.wb-fascia-team h4 { margin-bottom: 4px; }
@media (max-width: 767px) { .wb-fascia-team { padding-top: 40px; padding-bottom: 10px; } .wb-fascia-team > .wpb_column { margin-bottom: 30px; } }
.wb-dopo-team { display: none; }

/* 4. Le nostre competenze: contatori in un'area all'80% sopra lo sfondo a parallasse che copre tutta la fascia */
.wb-contatori { background: rgba(255, 255, 255, .75); padding: 34px 0 14px; margin-top: 36px;
	width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; }
.wb-contatori .circular-bars { max-width: 1170px; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { .wb-contatori { width: 100vw; margin-top: 26px; } .wb-contatori .circular-bars { padding: 0 12px; } }

/* 5. Lavoriamo per: voci in una riga orizzontale (due per riga sul telefono) */
#clients .wb-settori { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
#clients .wb-settori:before, #clients .wb-settori:after { display: none; }
#clients .wb-settori > .wpb_column { float: none; width: 20%; }
@media (max-width: 991px) { #clients .wb-settori > .wpb_column { width: 33.333%; } }
@media (max-width: 599px) { #clients .wb-settori > .wpb_column { width: 50%; } }
#clients .wb-settori .vc_icon_element { margin-bottom: 14px; }
#clients .wb-settori h5 { margin-bottom: 30px; }
/* contatori sul telefono: due per riga e cerchi di dimensione normale (il plugin dei cerchi prende la larghezza del contenitore) */
@media (max-width: 991px) {
	.wb-contatori .circular-bars > div { margin-bottom: 18px; }
	.wb-contatori .circular-bars p { max-width: 120px; margin: 0 auto; }
	.wb-contatori .circular-bars input { font-size: 26px !important; }
}
@media (max-width: 767px) {
	.wb-contatori .circular-bars > div { width: 50%; float: left; }
	.wb-contatori .circular-bars > div:last-child { float: none; margin-left: auto; margin-right: auto; clear: both; }
}

/* riquadro «Contatta i nostri tecnici» e pulsante «Scrivi ora»: più vicini ai contatori e più grandi del 10% */
.wb-cta-team .wpb_wrapper > .vc_empty_space:first-child { display: none; }
.wb-cta-team > .wpb_column > .vc_column-inner { padding-top: 0 !important; }
.wb-cta-team .vc_message_box { font-size: 1.1em; padding: 1.1em 1.1em 1.1em 4.4em; }
.wb-cta-team .vc_message_box p { font-size: 1.1em; }
.wb-cta-team .vc_btn3.vc_btn3-size-lg { font-size: 17.6px; padding: 19.8px 27.5px; }

/* About: spazi ridotti (richiesta dell'utente: «lo spacing è enorme»), stesso spazio sopra e sotto */
#about { padding-top: 44px; padding-bottom: 44px; }
#about .wpb_content_element { margin-bottom: 12px; }
#about .vc_empty_space { height: 10px !important; }
#about .section-title { margin-bottom: 0; }
#about .section-title h2 { margin: 6px 0 4px; }
#about .wpb_text_column p { margin-bottom: 8px; }
#about .wpb_text_column p:empty { display: none; }
#about .wpb_wrapper > :last-child, #about .vc_row:last-child .wpb_content_element { margin-bottom: 0; }
@media (max-width: 767px) { #about { padding-top: 30px; padding-bottom: 30px; } }

/* icona (@) del riquadro «Contatta i nostri tecnici» nel verde del logo */
.wb-cta-team .vc_message_box-icon, .wb-cta-team .vc_message_box-icon i { color: #00ad58 !important; }