/*
Theme Name: Infoweb-2025
Theme URI: https://infobuild.it
Description: ;
Version: 1.2.0
Text Domain: Infoweb-2025
*/
/* [CLAUDE-FIX 2026-10-01] versione portata da 1.1.0 a 1.2.0 per la pubblicazione in produzione
   (entra nel parametro ?ver= di CSS/JS e forza il ricaricamento della cache dei browser).
   Riga originale: "Version: 1.1.0" (non ripetuta dentro l'header sopra: WordPress leggerebbe la prima) */
/******** FONTS ********/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*
"Roboto Condensed", sans-serif;
"Roboto", sans-serif;
"DM Sans", sans-serif;
"Inter", sans-serif
*/

/******** VARIABLES ****/
:root {
  --primario: #DE3602;/**#e74a26;*/
  --secondario: #0F1729;/**#e0713a;*/
  --primarioRGB: 222,54,2;
  --secondarioRGB: 15,23,41;
  --primarioChiaro: #ffefe8;
  --primarioScuro: #C02E02;
  --grigio:#6B7280;
  --grigioRGB:107,114,128;
  --grigioScuro: #555555;
  --grigioIntermedio: #999999;
  --grigioChiaro: #dedede;
  --grigioUltraChiaro: #f1f1f1;
  --grigioUltraChiaro2: #F3F4F6;
  --grigioUltraChiaro3: #fbfbfc;
  --grigioUltraChiaro4: #f9f9fa;
  --grigioUltraChiaro5: #E5E7EB;
  --grigioUltraChiaro2RGB:243,244,246;
  --grigioUltraChiaro5RGB:229,231,235;
  --nero: #222222;
  --bianco: #ffffff;
  --biancoRGB:255,255,255;
  --testoScuro: #222222;
  --testoChiaro: #ffffff;
  --testoSuPrimario: #ffffff;
  --testoSuSecondario: #ffffff;
  --fontPrimario: "DM Sans", system-ui, sans-serif;
  --fontSecondario: Inter, system-ui, sans-serif;
  /*--fontSBigest:32px;
  --fontSBig:24px;
  --fontSBigMid:20px;
  --fontSSecondary:18px;
  --fontSMiddle:16px;
  --fontSStandard:14px;*/
  --bgOwFlow:rgba(0,0,0,0.4);
  --testoSuOwFlow:#fff;
  --radius:0.75rem;
  /*
  blu scuro #0F1729
  arancio #F97415
  */
  
} 
  
/******** RESET ********/
body							{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body, html						{ margin:0!important; padding:0; }
ul, li 							{ margin: 0; padding:0; }
ul li							{ list-style: none; }
body							{ font-family:initial; }
::selection						{ background:var(--secondario) !important; color:#fff!important; text-shadow: none !important; }
::-moz-selection				{ background:var(--secondario) !important; color:#fff!important; text-shadow: none !important; }
.clearfix						{ clear:both; }
hr								{ height:0; padding:0; border-style:initial; border-bottom:2px solid var(--grigioChiaro); margin:30px 20%; }	
hr.full							{ margin:30px auto; }

/**********ANIMATION***********/
li, h1, h2, h3, h4,h5, h6,
nav li:hover,a, .sub-menu,
.blk .element				{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#menuMobile						{ -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear;  -o-transition: all 0.25s linear; transition: all 0.25s linear; }								

/******************************
***********STANDARD***********/
.clr					{ clear:both; }
@media(max-width:820px)	{.notMobile{display:none!important;}} 
@media(min-width:821px)	{.onlyMobile,.notSmall{display:none!important;}}
@media(min-width:1024px){.notLarge{display:none!important;}}
.bnr{ text-align:center; margin:10px; }
.bnr img { max-width:100%; height:auto; }

@media(max-width:1190px){}
@media(max-width:950px){}
@media( max-width:820px){}
@media( max-width:768px){}
@media(max-width:500px){}
div.aligncenter, 
div.aligncenter img, 
img.aligncenter { margin-left:auto; margin-right:auto; clear:both; }
.hide{display:none;}

/******************************
***********STRUTTURA***********/
body			{ background:#f1f1f1; font-family:var(--fontSecondario); font-size:16px; line-height:1.5; }
body.admin-bar	{ margin-top:32px!important; }
#main			{ background:#fff; overflow:hidden; position: relative; }
h1,h1 a,		
h2,h2 a,		
h3,h3 a,		
h4,h4 a			{ font-family:var(--fontPrimario); text-decoration:none; letter-spacing: -0.025em; }
small			{ font-family:var(--fontSecondario); font-size:18px; font-weight:300; color:var(--secondario); }
p				{ font-family:var(--fontSecondario); color:var(--grigio); text-align:left; font-size: 1.125rem; }
a				{ color:var(--grigioScuro); }
a:hover			{ color:var(--primario)!important; }
#main button 	{ position:inherit; display:block; cursor:pointer; font-size:18px; }

#container	{ min-height: 100vh; max-width:1170px; margin:0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

/******************************
***********HEADER*************/
#header			{ z-index:99; line-height:1.1; top:0; background:var(--bianco); }
@media(min-width:1100px){ #header { position:sticky; }  }
#menuNetwork	{ background:var(--secondario); text-align:left; display:flex;  align-items: center; justify-content: space-between; }
#menuNetwork a	{ display:inline-block; font-family:var(--fontSecondario); font-weight:300; font-size:11px; color:var(--testoSuSecondario); text-transform:uppercase; text-decoration:none; padding:10px 5px;}
#menuNetwork a:first-of-type{ padding-left:10px; }
#menuNetwork nav			{ display:flex; }
#menuNetwork .newsletter	{ display:flex; text-align:right; }
/* #menuNetwork .newsletter a 	{ text-transform:none!important;} */

#rowLogo{ display:flex; gap: 1rem; justify-content: space-between; align-items: center; padding-top: 1.25rem; padding-bottom: 1.25rem; }
#logoSite		{ text-align:center;}
#logo			{ height:auto!important; margin:20px; vertical-align:middle; }
#logo img		{ max-height:65px; height:auto;}
#logoScrolled	{ display:none; font-size:0; vertical-align:middle; margin:0 15px;}
#logoScrolled img{ max-height:30px; }
.manchette		{ display:inline-block; vertical-align:middle; margin:20px 50px; }
.manchette.sx	{ float:left; }
.manchette.dx	{ float:right; }
#search 					{ display:inline-block; padding:10px; text-align:center; }
.site-search 				{ margin:0 auto; line-height:1; }
.site-search .wp-content	{ line-height:1; }
.site-search form.wp-search	{ position:relative; display:inline-block; }
/* [CLAUDE-FIX 2026-08-22] Allineato pixel-per-pixel al box di ricerca di Lovable (border-radius, padding, background rgba, dimensioni icona). */
/* [CLAUDE-FIX 2026-08-22] Il tema non aveva mai definito border-style/width per questo campo: rimaneva lo stile di default del browser (2px inset), diverso dal bordo sottile e chiaro di Lovable. */
.site-search .search-field 	{ border:1px solid #E5E7EB!important; border-radius:6px!important; padding:10px 40px 10px 16px!important; font-size:0.875rem; line-height:1.25rem; width:512px!important; background:rgba(243,244,246,.5)!important; }
/* [CLAUDE-FIX 2026-08-22] Mancavano content/position: senza queste due proprieta' lo pseudo-elemento :before non viene renderizzato affatto (l'icona di ricerca non era mai comparsa). Dimensioni/posizione allineate a Lovable (32x32, radius 4px, right 4px). */
/* [CLAUDE-FIX 2026-08-23] icon_search5.png e' un canvas 28x28 ma il disegno della lente occupa realmente solo
   un riquadro di ~12x12px al centro (tanto spazio trasparente attorno). Con background-size:16px si scalava
   l'INTERO canvas 28x28 a 16px, quindi la lente vera veniva renderizzata a soli ~7px: molto piu' piccola
   dell'icona di Lovable (SVG che riempie quasi tutto il suo riquadro). Creata una versione ritagliata
   (icon_search5_cropped.png, 14x14: solo il disegno + 1px di margine) cosi' che background-size corrisponda
   davvero alla dimensione visibile della lente. */
/* [CLAUDE-FIX 2026-09-04] Sostituito lo pseudo-elemento ::before (puramente decorativo, con
   pointer-events:none quindi mai cliccabile - uno pseudo-elemento non puo' inviare un form) con
   lo stile applicato al bottone reale <button class="search-submit"> aggiunto in header.php.
   Stesso aspetto grafico di prima (icona, colore, dimensioni, posizione), ma ora e' un elemento
   cliccabile che invia effettivamente la ricerca. */
.site-search form.wp-search .search-submit{ appearance:none; -webkit-appearance:none; border:0; cursor:pointer; content:''; position:absolute; top:50%; transform:translateY(-50%); background-image:url('images/icon_search5_cropped.png'); background-repeat:no-repeat; background-position:center; background-size:18px; right:4px!important; background-color:var(--primario); border-radius:4px; width:32px; height:32px; }
.site-search form.wp-search.loading .search-submit{ width:16px; height:16px;}
.site-search .search-field:focus{border-color: rgba(222, 54, 2, 0.5); outline: 2px solid transparent;outline-offset: 2px;
							box-shadow: 0 0 0 0 var(--bianco), 0 0 0 calc(2px + 0px) var(--primario), 0 0 #0000; }

/* [CLAUDE-FIX 2026-08-23] Risultati della ricerca live (Relevanssi Live Ajax Search) raggruppati per tipo di
   contenuto, con immagine di anteprima + titolo per ciascun risultato. Template sovrascritto in
   wp-content/themes/Infoweb-2025/relevanssi-live-ajax-search/search-results.php.
   L'etichetta del gruppo (es. "Notizie") NON e' un elemento HTML separato (romperebbe la navigazione da
   tastiera del plugin, che usa .next()/.prev() sui fratelli diretti): viene generata via CSS content:attr()
   sul primo risultato di ogni gruppo (data-group-label), impostato dal template. */
.relevanssi-live-search-result{ display:flex!important; flex-direction:column; align-items:stretch; padding:8px 14px!important; }
.relevanssi-live-search-result[data-group-label]::before{
	content: attr(data-group-label);
	display:block;
	font-size:.72rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color: var(--primario);
	margin-top:10px;
	padding:10px 0 6px;
	border-top:1px solid #eee;
}
.relevanssi-live-search-result:first-child[data-group-label]::before{ margin-top:0; padding-top:0; border-top:none; }
.relevanssi-live-search-result .rlv-result-link{ display:flex!important; align-items:center; gap:10px; text-decoration:none; color:inherit; width:100%; }
.relevanssi-live-search-result .rlv-result-thumb{ flex:0 0 auto; width:44px; height:44px; border-radius:4px; overflow:hidden; background:#f3f4f6; display:flex; align-items:center; justify-content:center; }
.relevanssi-live-search-result .rlv-result-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.relevanssi-live-search-result .rlv-result-title{ flex:1 1 auto; font-size:.875rem; line-height:1.3; }

#mobileMenuTrigger { display:none; background:var(--grigioChiaro); text-align:center; padding:6px; color:var(--nero); font-size:30px; vertical-align:middle; cursor:pointer; }
/*#menuPrimario	{ background:var(--primario); text-align:center; min-height:40px; font-size:0; }
#menuPrimario ul { max-width:1145px; display:inline-block; vertical-align:middle; margin:0 auto; }
#menuPrimario li { display:inline-block; }
#menuPrimario li a,
#menuPrimario li span{ font-family:var(--fontSecondario); color:var(--testoSuSecondario)!important; font-size:11px; font-weight:500; text-decoration:none; text-transform:uppercase; padding:14px; display:block;}
#menuPrimario li a:hover,
#menuPrimario li.current-menu-item>a,
#menuPrimario li.current-menu-ancestor>a{ background:var(--primarioChiaro); color:var(--bianco); }
#menuPrimario li .sub-menu 			{ display:none; position:absolute; z-index:99999999; background:var(--grigioUltraChiaro);
									width:1150px; left:calc(calc(100% - 1150px) / 2); margin:0 auto; text-align:left; box-shadow:0 3px 7px 0 rgba(0,0,0,0.3);}
#menuPrimario li:hover .sub-menu 	{ display:block; }	
#menuPrimario li .sub-menu li		{ display: block; }
#menuPrimario li .sub-menu a 		{ padding:5px 15px; font-size:var(--fontSMiddle); max-width:350px; background:var(--grigioUltraChiaro2); box-shadow:2px 5px 7px 0px rgba(0,0,0,0.2): }
#menuPrimario li:hover .sub-menu .sub-menu { display:none; }
#menuPrimario li .sub-menu .sub-menu { width:70%; min-height:100%; position:absolute; left:30%; top:0; background:var(--grigioUltraChiaro); }
#menuPrimario li .sub-menu li:hover .sub-menu { display:block; }
#menuPrimario li .sub-menu .sub-menu a { font-size:var(--fontSStandard); background:var(--grigioUltraChiaro); box-shadow:none; }

#menuPrimario li .sub-menu .veditutti a {color: var(--primario); }
#menuPrimario li .sub-menu .veditutti a:hover,
#menuPrimario li .sub-menu a:hover,
#menuPrimario li .sub-menu .sub-menu a:hover{ color: var(--testoSuPrimario); background:var(--primario); }*/
@media( max-width:768px){
	#rowLogo{ display:block; }
	#rowLogoCenter{ text-align: center; }
	.site-search .search-field{ width:320px!important; }
}
@media(max-width:850px){
	#mobileMenuTrigger { display:block;  }
	#menuMobile	{display:none; }
	.manchette{margin:20px;}
	
	#menuMobile.active{ display:block; position:absolute; width:100%; z-index:999; }
	#menuMobile.active #logoScrolled{ display:none; }
	/*#menuMobile.active #menuPrimario ul{ width:100%; }
	#menuMobile.active #menuPrimario ul li{ display: block; text-align:left; }
	#menuMobile.active #menuPrimario ul li a,
	#menuMobile.active #menuPrimario ul li span{ padding:8px 15px; }*/
}

/***** NUOVO MENU *****/
#menu2026	{ background:var(--primario); text-align:center; min-height:40px; font-size:0; }
#menu2026 ul { max-width:1145px; display:inline-block; vertical-align:middle; margin:0 auto; }
#menu2026 li { display:inline-block; }
#menu2026 li a,
#menu2026 li span{ font-family:var(--fontSecondario); color:var(--testoSuPrimario)!important; font-size:10px; font-weight:500; text-decoration:none; /*text-transform:uppercase;*/
					padding:13px 5px; display:block; border-radius: 5px;}
#menu2026>li>a,
#menu2026>li>span{ text-transform:uppercase; }				
#menu2026>li>a:hover,
#menu2026>li>span:hover{ background:rgba(var(--biancoRGB),0.1); }
/*#menu2026 li a:hover,
#menu2026 li a img,
#menu2026 li span img{ max-width:15px; max-height:15px; filter: brightness(0) invert(1); margin-right:5px; }*/
#menu2026 li .icona{ width:15px; height:15px;display:inline-block; vertical-align:middle; padding:0;margin:0; margin-right:5px; background-color:var(--testoSuPrimario); 
					-webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
#menu2026 li.current-menu-item>a,
#menu2026 li.current-menu-ancestor>a{ background:var(--primario); color: var(--testoSuPrimario)!important; }
#menu2026 li .iconaDown{ width:8px; height:8px; display:inline;/*inline-block;*/ vertical-align:middle;
						padding:0;margin:0; margin-left:3px;
						background-color: #fff; -webkit-mask-size: contain; mask-size: contain;
						-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
						-webkit-mask-image:url('/wp-content/themes/Infoweb-2025/images/chevron-down.svg');
						mask-image: url('/wp-content/themes/Infoweb-2025/images/chevron-down.svg');
						}
#menu2026 li .iconaDown svg { width:0.63rem; height:0.63rem; }
#menu2026 .sottomenu, 
#menu2026 .sottomenu .menuLiv3,
#menu2026 .sottomenu .menuLiv4{ display: none!important; }
#menu2026 li:hover .sottomenu{ display: block!important; }
/* [CLAUDE-FIX 2026-08-17 17:00 UTC] Altezza del mega menu raddoppiata su richiesta (era troppo bassa rispetto al contenuto) */
#menu2026 .sottomenu { max-height:800px;
    text-align: left; position: absolute; left: 0; right: 0; padding: 15px 5px; background: #fff;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}
#menu2026 .sottomenu.sottomenuM1{ height:auto; }
#menu2026 .sottomenuM2>ul,
#menu2026 .sottomenuM3>ul{ /*overflow-y: auto; height: 100%; width: 30%;*/ }

#menu2026 .sottomenu{ grid-template-columns: repeat(4, minmax(0, 1fr)); } 
#menu2026 .sottomenu.active{ display:grid!important; }
#menu2026 .menuLiv3.active,
#menu2026 .menuLiv4.active{ display:block!important; height:100%; }
#menu2026 .sottomenu.sottomenuM1 ul{ grid-column: span 4; display:grid; width:100%; grid-template-rows: min-content min-content; grid-template-columns: repeat(4, minmax(0, 1fr)); }
#menu2026 .sottomenu.sottomenuM1 a { border: 1px solid var(--grigioChiaro); margin: 10px; padding: 11px 10px!important; color: var(--secondario)!important; border-radius: 10px; }
#menu2026 .sottomenu.sottomenuM1 .icona{ background-color:var(--secondario);}
#menu2026 .sottomenu.sottomenuM1 a:hover .icona,
#menu2026 .sottomenu.sottomenuM1 li.active .icona{ background-color:var(--testoSuPrimario); }
#menu2026 .sottomenu.sottomenuM2 .col1,
#menu2026 .sottomenu.sottomenuM3 .col1{ max-height:720px; padding:10px; border-right: 1px solid var(--grigioUltraChiaro5); }
#menu2026 .sottomenu.sottomenuM2 .col2{ max-height:720px; padding:10px; /*grid-column: span 1;*/ border-right: 1px solid var(--grigioUltraChiaro5); }
#menu2026 .sottomenu.sottomenuM2 .col3{ max-height:720px; padding:10px; }
#menu2026 .sottomenu.sottomenuM3 .col2{ max-height:720px; padding:10px; grid-column: span 3; }
#menu2026 .sottomenu.sottomenuM2 ul,
#menu2026 .sottomenu.sottomenuM3 ul{ overflow-y: auto; height: 98%; } 
#menu2026 .sottomenu li 	{ display: block; margin:5px 0;}
/* [CLAUDE-FIX 2026-08-17 17:00 UTC] Voci del mega menu in maiuscolo, come su Lovable (prima erano in maiuscolo/minuscolo normale) */
#menu2026 .sottomenu a 		{ padding: 7px 10px !important; line-height: 1; color:var(--secondario)!important; display:flex; text-transform:uppercase; }
#menu2026 .sottomenu a:hover,
#menu2026 .sottomenu .menu-item-secondario.active a,
#menu2026 .sottomenu .menu-item-terziario.active a{ background:var(--primario); color: var(--testoSuPrimario)!important; }
#menu2026 .sottomenu .menu-item-secondario a svg,
#menu2026 .sottomenu .menu-item-terziario a svg{ transform: rotate(-90deg); width:0.65rem; height:0.65rem; margin-left:auto; }
#menu2026 .sottomenu.sottomenuM2 .icona,
#menu2026 .sottomenu.sottomenuM3 .icona{ background-color:var(--secondario); }
#menu2026 .sottomenu.sottomenuM2 a:hover .icona,
#menu2026 .sottomenu.sottomenuM3 a:hover .icona,
#menu2026 .sottomenu.sottomenuM2 li.active .icona,
#menu2026 .sottomenu.sottomenuM3 li.active .icona{ background-color:var(--testoSuPrimario); }
#menu2026 .sottomenu .vediTutti{ display:block; font-size:14px; font-weight:700; text-decoration:none; text-transform:uppercase; color:var(--primario)!important; }
#menu2026 .sottomenuM2 .menuLiv3 h4,
#menu2026 .sottomenuM2 .menuLiv4 h4,
#menu2026 .sottomenuM3 .menuLiv3 h4,
#menu2026 .sottomenuM3 .inEvidenzaMenu h4{ font-size: .75rem; font-weight:700; color: var(--primario); text-transform:uppercase; }
#menu2026 .sottomenuM2 .menuLiv3 ul,
#menu2026 .sottomenuM2 .menuLiv4 ul{ overflow-y: auto; width:100%; /*overflow-y: auto; overflow-x: hidden; */height: 98%; /*display:grid; grid-template-columns: repeat(3, minmax(0, 1fr));*/ }
#menu2026 .sottomenuM2 .menuLiv3 a,
#menu2026 .sottomenuM2 .menuLiv4 a{ color:var(--secondario)!important; }
#menu2026 .sottomenuM2 .menuLiv3 a:hover,
#menu2026 .sottomenuM2 .menuLiv4 a:hover{color:var(--testoSuPrimario)!important; }
#menu2026 .sottomenu.sottomenuM3 .col2.ridotta{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
#menu2026 .sottomenu.sottomenuM3 .col2.ridotta .menuLiv3{ grid-column:span 3;}
#menu2026 .sottomenu.sottomenuM3 .col2.ridotta .inEvidenzaMenu{ grid-column:span 1; padding:0 10px; margin-left:10px; border-left: 1px solid var(--grigioUltraChiaro5); }
#menu2026 .sottomenu.sottomenuM3 .col2.ridotta .menuLiv3 .blk,
#menu2026 .sottomenu.sottomenuM3 .col2.ridotta .inEvidenzaMenu .blk{ margin: 0;}
#menu2026 .sottomenu.sottomenuM3 .blk .blkEls	{ gap:1.2rem; }
#menu2026 .sottomenu.sottomenuM3 .blk .element { border:0; border-radius:0; } 
#menu2026 .sottomenu.sottomenuM3 .blk .element .preview img { max-height: 150px; border-radius: 0.5rem; overflow: hidden; }
#menu2026 .sottomenu.sottomenuM3 .blk .element .preview a { padding: 0!important; }
#menu2026 .sottomenu.sottomenuM3 .blk .element .dati { padding: .5rem 0; }
#menu2026 .sottomenu.sottomenuM3 .blk .element .dati a{ padding:0!important; }
#menu2026 .sottomenu.sottomenuM3 .blk .element .dati .title,
#menu2026 .sottomenu.sottomenuM3 .blk .element .dati .title a{ color:var(--secondario)!important; font-size:14px; line-height:1.2; }
#menu2026 .sottomenu.sottomenuM3 .blk .element .dati .title a:hover{ background:transparent!important; color:var(--primario)!important;}


@media(max-width:850px){
	#menu2026 { text-align:left; }
	#menu2026 li { display:block; }
	#menu2026 li a, #menu2026 li span { display:flex; padding:10px 5px; }
	#menu2026 li .iconaDown{ margin-left:auto; margin-right:5px; width:14px; height:14px; }
	#menu2026 .sottomenu { top:10px }
	#menu2026 .sottomenu.sottomenuM2 .col1,
	#menu2026 .sottomenu.sottomenuM3 .col1{ grid-column:span 4; }
	#menu2026 .sottomenu.sottomenuM2 .col2,
	#menu2026 .sottomenu.sottomenuM2 .col3,
	#menu2026 .sottomenu.sottomenuM3 .col2,
	#menu2026 .sottomenu.sottomenuM3 .col3{ display:none!important; }
	#menu2026 .sottomenu.sottomenuM2 ul, 
	#menu2026 .sottomenu.sottomenuM3 ul	{ width:100%; }
	
	#menu2026 .sottomenu.sottomenuM1 ul{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#menu2026 .sottomenu.sottomenuM1 a { margin:0 5px; }
	
	.closeSottoMenu.onlyMobile { font-size: 15px; text-align: right; margin-right: 10px; grid-column: span 4; }
	#menu2026 .sottomenu.sottomenuM3 .closeSottoMenu.onlyMobile { margin-bottom:50px!important; }
}
/******************************
***********FOOTER*************/
#backtop 				{ text-decoration:none; font-size:14px; color:rgba(255,255,255,0.6); }
#backtop svg 			{ width:16px; }
#backtop:hover			{ color:rgba(255,255,255,1)!important; } 

#footer			{ background:var(--secondario); padding-bottom:15px; }
#topFooter		{ border-bottom:1px solid rgba(255,255,255,0.1); text-align:right; }
#middleFooter	{ padding: 2.5rem 1rem; padding-bottom: 0; }
#logoFooter 	{ grid-column: span 6 / span 6; padding:1rem; }
#logoFooter img	{ max-width:180px; }
#socialFooter 				{ grid-column: span 6 / span 6; padding:1rem; text-align:right; }
#socialFooter a 			{ color:rgba(255,255,255,0.6); font-size:20px; padding: 1rem; text-decoration: none; }
#socialFooter a:hover		{ color:rgba(255,255,255,1)!important;  }
#bottomFooter				{ margin:0 1rem; border-top:1px solid rgba(255,255,255,0.1); text-align:center; }
#menuFooter 				{ grid-column: span 12 / span 12; }
#menuFooter ul li 					{ display:inline-block; }
#menuFooter ul li a 				{ text-decoration:none; color:rgba(255,255,255,0.6); font-size:.875rem; padding:5px 20px; }
#menuFooter ul li a:hover			{ color:rgba(255,255,255,1)!important; }
#menuFooter ul li a:first-of-type 	{ padding-left:0; }
#copyFooter 						{ grid-column: span 12 / span 12; padding-bottom:20px; font-size:12px; color:rgba(255,255,255,0.4); }
#copyFooter a						{ color:rgba(255,255,255,0.4)!important; }
#copyFooter a:hover					{ color:rgba(255,255,255,1)!important; }
@media( max-width:768px){
	#logoFooter,#socialFooter{ grid-column: span 12 / span 12; }
	#middleFooter,#socialFooter { text-align:center; }
}

/***** INPAGINAZIONE *****/
.rw				{ max-width:1400px; padding: 1.5rem 1rem;
				display: grid; gap: 1.5rem; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.rw.p1			{ padding: 1rem 1rem; }
.rw.p07			{ padding: 0.75rem 1rem; }
.rw.p05			{ padding: 0.5rem 1rem; }
.primario		{ background-color:var(--primario); color:var(--testoSuPrimario); }
.secondario		{ background-color:rgba(var(--secondarioRGB),1); color:var(--testoSuSecondario); }
.secondario08	{ background-color:rgba(var(--secondarioRGB),0.8); color:var(--testoSuSecondario); }
.rw.zeroFulled	{ }
.lowGray		{ background-color:var(--grigioUltraChiaro3); }
.grigioUltraChiaro05	{ background-color:rgba(var(--grigioUltraChiaro2RGB),0.5); border-bottom:1px solid var(--grigioUltraChiaro5);}
.colBig 		{ grid-column: span 8 / span 8; }
.colShort 		{ grid-column: span 4 / span 4; }
.colFull		{ grid-column: span 12 / span 12; }
/*.banner			{ text-align:center; }
.banner.banner_desktop {
    padding-bottom: 20px;
}*/
.gap0			{ gap:0; }
.primarioTxt	{ color:var(--primario)!important; }
.secondarioTxt	{ color:var(--secondario)!important; }

.benvenuto			{ font-size:14px; color:var(--grigio); margin:0.5rem 0; }
.benvenuto h2		{ font-weight: 700; font-size: 18px; line-height: 28px; color:var(--secondario); }
.benvenuto h2 svg	{ width:20px; color:var(--primario); margin-right:10px; }
.benvenuto b 		{ color: var(--secondario); }

@media( max-width:768px){
	.colBig,
	.colShort{grid-column: span 12 / span 12; }
}

/*** ELEMENT STANDARD SET***/

/*** IN EVIDENZA ***/
.inEvidenza					{ display: grid; gap: 0.75rem; grid-template-columns: repeat(4, minmax(0px, 1fr));
							text-align:left; font-size:0; }
.inEvidenza .gridChild:first-of-type { gap: 0.75rem; grid-column: span 2 / span 2; grid-row: span 2 / span 2; flex-direction: column; display: flex; }

.inEvidenza .element		{ transition-duration: .7s; position:relative; vertical-align:top; width:100%; height:100%; border-radius:0.75rem; overflow:hidden; text-align:left; }
.inEvidenza .element:hover	{ transform:translateY(-4px)}
.inEvidenza .element.banner { width:auto; height:auto; }
.inEvidenza .element.banner img { width: 100%; max-height: 100%; height: auto; object-fit: contain; }
.inEvidenza .element.banner img { width: 100%; max-height: 100%; height: auto; object-fit: contain; }
.inEvidenza .title 			{ margin:5px; }
.inEvidenza .preview 		{ margin:0; height:100%; aspect-ratio: auto; }
.inEvidenza .preview img	{ width:100%; height:100%; max-height:100%; min-height:250px; object-fit:cover;
							transition-property: transform;
							transition-timing-function: cubic-bezier(.4, 0, .2, 1);
							transition-duration: .7s; }
.inEvidenza .element:hover .preview img{ transform:translate(0,0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05)}
.inEvidenza .title a		{ font-family:var(--fontPrimario);font-size:1.5rem; color:var(--bianco); line-height:2rem; font-weight:700; display:block; }
.inEvidenza .title a:hover	{ color:var(--bianco)!important; }
.inEvidenza .element .title a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 2lh;}
.inEvidenza .contestual		{ font-size:14px; font-weight:500; color:var(--grigioChiaro); text-transform:capitalize; }
.inEvidenza .contestual li	{ display:inline-block; margin:0; padding:0 5px; line-height:14px; }
.inEvidenza .contestual a	{ text-decoration:none; color:var(--primario); pointer-events: auto; }
.inEvidenza .preTitle		{ display:none; font-size:14px; font-weight:500; color:var(--grigioChiaro); text-transform:capitalize; }
.inEvidenza .preTitle li	{ display:inline-block; margin:0; padding:0 5px; line-height:14px; }
.inEvidenza .preTitle a		{ text-decoration:none; color:var(--primario); pointer-events: auto; }
.inEvidenza .gridChild:first-of-type .preTitle{ display:block; }
.inEvidenza .low .contestual	{ font-size:12px; }
.inEvidenza .low .contestual a	{ font-weight:900; }
.inEvidenza .publishDate.brd{  }
.inEvidenza .element .backOwflow{ 
	position: absolute;top:0; bottom: 0; left: 0; right:0;
	background-image: linear-gradient(to top, rgba(15, 23, 41, 0.9), rgba(15, 23, 41, 0.4), transparent); 
}
.inEvidenza .element .backOwflow a{ display:block; width:100%; height:100%; }
.inEvidenza .element .owflow { pointer-events: none; position: absolute; bottom: 0; left: 0; right:0; padding:2rem; color:var(--primario); box-sizing: border-box; }
@media( max-width:768px){
	.inEvidenza .gridChild,
	.inEvidenza .gridChild:first-of-type{grid-column: span 4 / span 4; grid-row: span 1 / span 1;}
}

@media(max-width:850px){}
@media( max-width:768px){}
@media( max-width:600px){}

.wp-caption-text {
}

.singleArticle 		{ margin:0; font-size:1.125rem; color:var(--nero); text-align:justify; }
.singleArticle a 	{ color:var(--primario); }
.singleArticle h2 	{ color:var(--primario); font-size:1.5rem; line-height:2rem; font-weight:600; }
.singleArticle h3 	{ color:var(--primario); font-size:1.4rem; }
.singleArticle img	{ height: auto; max-width:100%; margin:2% 2% 0 2% auto; display:flex; border-radius:.75rem; }
/* .singleArticle ul 		{ margin:30px 0; } */
.singleArticle ul li 		{ list-style-type: disc; margin:5px; margin-left: 30px; }
.singleArticle ul li::marker{ color:var(--primario);}
.singleArticle p 		{ line-height:1.625; }
.singleArticle p strong,
.singleArticle p b		{ color:var(--secondario); }
/*** indice ***/
#ez-toc-container			{ border:1px solid var(--grigioUltraChiaro5); background:rgba(var(--grigioUltraChiaro2RGB),0.4); border-radius: .75rem; padding:1.5rem; margin-bottom: 2.5rem; font-size: 1.125rem; }
.ez-toc-title 				{ margin-left: 33px; color: var(--secondario); font-size: 1.125rem; font-weight: 700; }
.ez-toc-title-toggle 		{ margin-top: -43px; display: block; margin-bottom: 15px; color: var(--primario); }
.ez-toc-title-toggle svg 	{ width: 25px; color: var(--primario)!important; height: 25px; }
.ez-toc-title-toggle .arrow-unsorted-368013 { display: none!important; }
.ez-toc-list li 			{ margin: 8px 0; }
.ez-toc-list li::marker 	{ color: var(--primario); }
.ez-toc-list li a 			{ color: var(--grigio); text-decoration: none;}
.ez-toc-list li a:hover 	{ color: var(--primario); }

.wp-caption 		{ max-width:100%!important; }
blockquote 			{ padding:10px 20px; margin:0 0 20px; border-left:5px solid var(--grigioUltraChiaro); }
figcaption,
.wp-caption-text	{ 
				/*border-bottom:1px solid var(--grigioChiaro); font-style:italic;*/ 
				font-size:0.875rem; 
				line-height:1.25rem; 
				color:var(--grigio); 
				text-align: center;
				font-style: italic;
				border-bottom: 1px #ccc solid;
			}

/********** BLK STANDARD***********/
.blk				{ margin-bottom:2rem; }
.blk.alter			{ background:var(--grigioUltraChiaro);  border-radius: var(--radius); padding: 1.25rem; }
.blk.noBgEl 		{ margin-bottom:1%; }
.blk .blkHead		{ justify-content: space-between; align-items: center; display: flex; margin-bottom: 0.6rem;}
.blk .blkHead h2	{ position: relative; display: inline-flex; align-items: center;
					gap: .75rem; font-size: .875rem; line-height: 1.25rem;
					font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }	
.blk .blkHead h2:before{ content: ""; height: 1.25rem; width: .25rem; border-radius: 9999px; background-color: var(--primario); }
.secondario08 .blk .blkHead h2 		{ color: var(--testoSuSecondario); font-size:1.25rem; }
.secondario08 .blk .blkHead h2 svg	{ color: var(--primario); }
.primario .blk .blkHead h2 			{ color: var(--testoSuSecondario); font-size:.875rem; }
.primario .blk .blkHead h2 svg		{ color: var(--testoSuSecondario); }

.blk.noBarHead .blkHead h2:before{ content:none; }
.blk .blkHead .allLink { display: flex; align-items: center; gap: .25rem; font-size: .875rem; line-height: 1.25rem; font-weight: 500; 
						color:var(--primario)!important; text-decoration:none;
						transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
						transition-timing-function: cubic-bezier(.4, 0, .2, 1);
						transition-duration: .15s; }
.blk .blkHead .allLink:hover{color:var(--primarioScuro)!important;}
.blk .allLink.after { font-size: .875rem; display: block; line-height: 1.25rem; color: var(--primario); text-decoration: none; margin: .75rem auto; text-align: center;}
.blk.allLink.after:hover{ text-decoration:underline; }
.blk hr				{ padding:0; margin:7px 0; margin-left:25px; border-top:2px solid var(--grigioChiaro); width:80px; }
.blk hr.full		{ }
@media (max-width:768px){
	.blk .blkHead{ display:block; }
}
.blk .element		{ display: flex; flex-direction: column; border: 1px solid var(--grigioUltraChiaro);
					vertical-align:top; text-align:left; border-radius: 0.5rem; overflow: hidden;
					position:relative; background:var(--bianco);
					transition-property: all;
					transition-timing-function: cubic-bezier(.4, 0, .2, 1);
					transition-duration: .3s;
					animation-duration: .3s; }
.blk .element:hover	{ transform:translateY(-4px);
					box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(15,23,41,0.05), 0 4px 6px -4px rgba(15,23,41,0.05); }

.blk .element .preview 		{ margin:0; }
.blk .element .preview img	{ width:100%; max-height:200px; object-fit:cover; }
/* [CLAUDE-FIX 2026-09-18] Riquadro di default per aziende/prodotti senza immagine (vedi
   infoweb2025_get_previewBLK() in fnGeneric.php e graficElements/post-compact.php). aspect-ratio:4/3
   riprende le stesse proporzioni usate come default (800x600) altrove in questa funzione, cosi' il
   box occupa uno spazio simile a quello di una foto vera. Icona a 48px (circa il 200% dei 24px base
   di Lucide) colorata di grigio invece che nera. */
.previewFallback { width:100%; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; background:var(--grigioUltraChiaro2); }
.previewFallback svg { width:48px; height:48px; color:var(--grigio); }
.blk .element .preview.overVideo:before{ content: ''; background: url(images/videosIcon.png) no-repeat center; background-size: 60px;
								position: absolute; width: 100%; height: calc(100% - 60px); }

.blk .element .dati			{ padding: 1.25rem; }
.blk .element .title 		{ /*margin:5px;*/ }
.blk .element .title a		{ font-size:16px; font-weight:600; color:var(--nero); line-height:1.3; 
							overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 2lh; }
.blk .element .dscr			{ font-size:12px; padding-left:10px; color:var(--grigio); line-height:1rem; }
.blk .element .dscr b			{ color:var(--grigioScuro); }
.blk .element .dscr .adp			{ font-size:14px; margin:0.5rem 0; }
.blk .element .dscr .adp div 		{ gap:0.5rem; display:flex; margin:0.5rem; }
.blk .element .dscr .adp svg		{ max-width:15px; }
.blk .element .dscr .baseline 		{ align-items: center; justify-content:space-between; gap: 0.5rem; flex-wrap: wrap; display: flex; margin: 0.875rem 0; padding: 0.875rem 0; border-top: 1px solid var(--grigioUltraChiaro); }
.blk .element .dscr .baseline a 	{ display: inline-block; text-decoration: none; vertical-align: top; background:var(--grigioUltraChiaro2); padding:2px 10px; border-radius:10px; color:var(--grigio); }
.blk .element .dscr .baseline a.vedi{ font-weight:600; text-transform:uppercase; bnakground:none; color:var(--primario); } 
.blk .element .dscr .baseline a svg,
.blk .element .dscr .baseline a span{ max-width: 15px; }
.blk .element .dscr a 		{ color: var(--primario); }
/* [CLAUDE-FIX 2026-09-18] La regola qui sopra colora di rosso (--primario) qualunque link dentro la
   descrizione di una card, incluse quindi le icone social (.socialAzienda, vedi piu' in basso in
   questo file) quando compaiono nei risultati di ricerca o in altre liste aziende: essendo piu'
   specifica (3 classi contro 1) vinceva sempre sul colore grigio a riposo dell'icona, che restava
   rossa anche senza hover. Eccezione mirata per riportarla allo stile corretto (grigio a riposo,
   bianco in hover, coerente con la scheda azienda). */
.blk .element .dscr .socialAzienda li a { color: var(--grigio); }
.blk .element .dscr .socialAzienda li a:hover { color: var(--bianco); }
.blk .element .contestual	{ font-size:14px; /*font-weight:500;*/ color:var(--grigioScuro); /*text-transform:capitalize;*/ }
.blk .element .contestual li{ display:block; margin:0; padding:0 2px; line-height:1.5; }
.blk .element .contestual li:first-of-type	{ padding-left:0 }
.blk .element .contestual li:last-of-type	{ padding-right:0 }
.blk .element .contestual a	{ text-decoration:none; color:var(--primario); font-weight:500; }
.blk .element .contestual .publishDate	{ font-weight:normal; /*border-left:1px solid var(--grigioScuro);*/ }
.blk .element .campoImpiego	{ font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; min-height: 4lh; }
.blk .element .campoImpiego .intCampoImpiego{ color:var(--primario); }
.blk .element .azienda		{ font-size:14px; font-weight:500; color:var(--primario); margin-top:0.5rem; }

.blk.vertical .element 			{ border:0; background:none; display: grid; gap: 0.5rem; grid-template-columns: repeat(7, minmax(0, 1fr)); /*margin:0.75rem 0;*/ }
.blk.vertical .element:hover 	{transform: translateX(4px);box-shadow: none; }
.blk.vertical .element .preview { grid-column: span 2 / span 2; }
.blk.vertical .element .preview img { max-height:70px!important; border-radius: 0.5rem; }
.blk.vertical .element .dati 	{ grid-column: span 5 / span 3; padding: 0; }
.blk.vertical .element .title a { font-size: .875rem; font-weight: 500; min-height:auto; }
.blk.vertical .element .contestual li{ font-size:12px; }

.blk.shorter .element			{ background:transparent; border:0; }
.blk.shorter .element:hover		{ transform:none; box-shadow:none; }
.blk.shorter .element .preview 	{ border-radius: 0.5rem; overflow: hidden; }
.blk.shorter .element .preview img	{ transition-duration: .3s; animation-duration: .3s; }
.blk.shorter .element:hover .preview img{ transform:translate(0,0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05); }
.blk.shorter .element .dati 	{ padding: 0.5rem 0.25rem;}
.blk.shorter .element .title a 	{ font-size: 13px; font-weight: 500; -webkit-line-clamp: 1; min-height: 1lh; }
.blk.shorter .element .title 	{ margin-bottom: 0.25rem; }
.blk.shorter .element .contestual { font-size: 13px; }
.blk.shorter .element .preview img { max-height: 145px; }

.blk.postsInsider .element				{ background:transparent; border:0; }
.blk.postsInsider .element:hover		{ transform:none; box-shadow:none; }
.blk.postsInsider .element .preview 	{ border-radius: 0.5rem; overflow: hidden; }
.blk.postsInsider .element .preview img	{ transition-duration: .3s; animation-duration: .3s; }
.blk.postsInsider .element:hover .preview img{ transform:translate(0,0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05); }
.blk.postsInsider .element .dati 		{ padding: 0.5rem 0.25rem;}
.blk.postsInsider .element .preTitle 	{ font-size: 14px; display:flex; margin-bottom:0.5rem; gap:1rem; -webkit-line-clamp:1; color:var(--grigio); }
.blk.postsInsider .element .preTitle li { max-width:60%; overflow:hidden; max-height:1lh; }
.blk.postsInsider .element .preTitle a 	{ text-decoration:none; }
.blk.postsInsider .element .preTitle .evidenza,
.blk.postsInsider .element .preTitle .evidenza a{ color:var(--primario); font-weight:500; }
.blk.postsInsider .element .title a 	{ font-size: 15px; font-weight: 600; -webkit-line-clamp: 2; min-height: 2h; }
.blk.postsInsider .element .title 		{ margin-bottom: 0.25rem; }
.blk.postsInsider .element .contestual 	{ font-size: 14px; }
.blk.postsInsider .element .preview img { max-height: 235px; }
.blk.postsInsider .element .dscr		{ font-size:14px; padding: 0; margin: 10px 0; line-height: 1.5; 
										 display: -webkit-box; -webkit-line-clamp: 3; min-height: 3lh; -webkit-box-orient: vertical; overflow: hidden; }
.blk.postsInsider .element .beforeDscr,
.blk.postsInsider .element .afterDscr	{ font-size:14px; margin:10px 0; color:var(--grigio); }
.blk.postsInsider .element .beforeDscr	{ margin-bottom:-10px; }
.blk.postsInsider .element .afterDscr	{ margin-top:-10px; }
.blk.postsInsider .element .beforeDscr b,
.blk.postsInsider .element .afterDscr b { font-weight:600; }

.blk.noBgEl .element 			{ background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
.blk.noBgEl .element:hover		{ transform:none; box-shadow:none; background: rgba(255,255,255,0.1); }
.blk.noBgEl .element .title a	{ color:var(--testoSuPrimario); font-size:16px; -webkit-line-clamp: 1; min-height: 1lh; }
.blk.noBgEl .element .title a:hover{ color:var(--testoSuPrimario)!important; }
.blk.noBgEl .element .dati,
.blk.noBgEl .element .contestual{ color:rgba(255,255,255,0.7); font-size:12px; }
.blk.noBgEl .element .dati svg	{ padding:0 5px; max-width:25px; }

.blk.st2 .element					{}
.blk.st2 .element .dscr				{ padding: 0; }
.blk.st2 .element .preview 			{ padding: 1rem; background: var(--grigioUltraChiaro4); }
.blk.st2 .element .contestual li 	{ display: list-item; padding: 5px 2px; line-height:1; }

.blk.stHorizontal{}
.blk.stHorizontal .element 			{ padding:1rem; display: grid; gap: 0.5rem; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.blk.stHorizontal .element .preview { grid-column: span 3 / span 2; }
.blk.stHorizontal .element .preview img { max-height:120px!important; border-radius: 0.5rem; transition-duration: .3s; animation-duration: .3s;  }
.blk.stHorizontal .element .dati 	{ grid-column: span 9 / span 3; padding: 0; }
.blk.stHorizontal .element .title a { font-size: .875rem; font-weight: 600; min-height:auto; }
.blk.stHorizontal .element .dscr	{ padding: 5px 0; font-size:.75rem; }
.blk.stHorizontal .element .dscr .campoImpiego { line-height:1rem; font-size:.75rem;  }
.blk.stHorizontal .element .dscr .azienda { font-size:.75rem; color:var(--secondario); padding:2px 0; }
.blk.stHorizontal .element .dscr .azienda a { font-size:.75rem; color:var(--primario); font-weight:500; text-decoration:none; }
.blk.stHorizontal .element .dscr .linkScheda { font-size:11px; font-weight:500; color:var(--primario); padding:2px 0;  }
.blk.stHorizontal .element .dscr .linkScheda  a{ text-decoration:underline; color:var(--primario); }
.blk.stHorizontal .element .contestual li{ font-size:12px; }
.blk.stHorizontal .element:hover	{ transform:none; }
.blk.stHorizontal .element:hover .preview img{ transform:translate(0,0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05); }

.blk .blkEls		{ display: grid; gap: 1rem; }
.blk.cols2 .blkEls	{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.blk.cols3 .blkEls	{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.blk.cols4 .blkEls	{ grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.blk.cols3 .preview img				{ max-height:180px; }
.blk.cols4 .preview img				{ max-height:160px; }	
@media (max-width:768px){
	.blk.cols2 .blkEls,
	.blk.cols3 .blkEls,	
	.blk.cols4 .blkEls	{ grid-template-columns: repeat(1, minmax(0px, 1fr)); }
	.blk .preview img	{ max-height:180px!important; }
}

.blk.list 		{ font-size:16px; }
.blk.list ul	{  }
.blk.list.cols2 ul{ display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.blk.list li	{ margin: 0.25rem }
.blk.list li a	{ display:block; text-decoration:none; color:var(--grigioScuro);
				padding:.375rem .5rem; font-size: .875rem; line-height: 1.25rem; text-decoration:none; }
.blk.list li a svg,
/*.blk.list li a img	{ max-width: 15px; margin-right: 0.5rem; }*/
.blk.list li a img	{ max-width: 15px; max-height: 15px; margin-right: 0.5rem; }
.blk.list li a:hover{ color:var(--primario); }

.blk.list .blkListEls			{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.blk.list.cols1 .blkListEls		{ grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.blk.list .blkListEls li a		{ line-height: 1.1;display:flex!important;padding: 0.2rem 0.5rem; }
.blk.list .blkListEls li a svg	{ align-self:center; }
@media (max-width:450px){ 
	.blk.list .blkListEls { grid-template-columns: repeat(1, minmax(0px, 1fr));  }
}
.blk.grouplist 					{ font-size:14px; text-align:center; }
.blk.grouplist .decr 			{ text-align: center; }
.blk.grouplist .headLinks 				{ display: flex; gap: .5rem; font-size: .75rem; line-height: 1rem; } 
.blk.grouplist .headLinks a 			{ border-radius: 0.25rem; background: var(--bianco); display: block; text-decoration: none;
										font-weight: 500; padding: .375rem .75rem; border: 1px solid var(--grigioChiaro); }
.blk.grouplist .headLinks a:hover 		{ border-color: var(--primario); color: var(--grigioScuro)!important; }
.blk.grouplist .headLinks a.active 		{ background: var(--primario); color: var(--bianco); }
.blk.grouplist .headLinks a.active:hover{ color: var(--bianco)!important; }
.blk.grouplist .icon 					{color: var(--primario);text-align: center;display: block;max-width: 45px; background:rgba(var(--primarioRGB),0.1);										border-radius: .5rem;padding: .5rem; margin-bottom: .5rem;}
.blk.grouplist .icon svg, 
.blk.grouplist .icon img				{ max-width: 20px; }

.blk.grouplist>ul 				{ display:grid; gap:1rem; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:1rem; }
.blk.grouplist.cols3>ul			{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.blk.grouplist>ul>li 			{ border-radius:.5rem; background:var(--bianco); padding:1rem; border:1px solid var(--grigioChiaro); text-align:left; }
.blk.grouplist>ul>li:hover		{ border-color:var(--primario); box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(15,23,41,0.05), 0 4px 6px -4px rgba(15,23,41,0.05); }
.blk.grouplist>ul>li a 			{ display:block; line-height:1; margin:1rem 0; text-decoration:none; }
.blk.grouplist>ul>li>a,
.blk.grouplist>ul>li>span		{ font-weight:700; line-height: 1.1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 2lh; }
.blk.grouplist .sub a 			{ text-transform:none; font-size:12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; min-height: 1lh; }
.blk.grouplist .sub .sub a 		{ font-size: 11px; }
.blk.grouplist>ul>li .allLink 	{ text-align:left; font-size:12px; padding-top:10px; margin-left:15px; border-top:1px solid var(--grigioUltraChiaro); }
.modal .blk.grouplist>ul>li a	{ margin:0; -webkit-line-clamp: 1; min-height: 1lh; }
@media (max-width:768px){ 
	.blk.grouplist{ text-align:left; }
	.blk.grouplist>ul{ grid-template-columns:repeat(2,minmax(0,1fr)); } 
}
@media (max-width:450px){ 
	.blk.grouplist{ text-align:left; }
	.blk.grouplist>ul{ grid-template-columns:repeat(1,minmax(0,1fr)); } 
}

.blk.grouplistAzienda 							{ font-size:14px; text-align:center; }
.blk.grouplistAzienda .decr 					{ text-align: center; }
.blk.grouplistAzienda .headLinks 				{ display: flex; gap: .5rem; font-size: .75rem; line-height: 1rem; } 
.blk.grouplistAzienda .headLinks a 			{ border-radius: 0.25rem; background: var(--bianco); display: block; text-decoration: none;
										font-weight: 500; padding: .375rem .75rem; border: 1px solid var(--grigioChiaro); }
.blk.grouplistAzienda .headLinks a:hover 		{ border-color: var(--primario); color: var(--grigioScuro)!important; }
.blk.grouplistAzienda .headLinks a.active 		{ background: var(--primario); color: var(--bianco); }
.blk.grouplistAzienda .headLinks a.active:hover{ color: var(--bianco)!important; }
.blk.grouplistAzienda .icon 					{color: var(--primario);}
.blk.grouplistAzienda .icon svg, 
.blk.grouplistAzienda .icon img			{ max-width: 16px; }
.blk.grouplistAzienda>ul 				{ display:grid; gap:.75rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1rem; }
.blk.grouplistAzienda>ul>li 			{ background:var(--bianco); border-radius:.5rem;  padding:0.75rem 1rem; border:1px solid rgba(var(--grigioUltraChiaro5RGB),0.6); }
.blk.grouplistAzienda>ul .liv1 			{ display:flex; cursor:pointer; text-align:left; gap:0.5rem; align-items:center; justify-content:flex-start; color:var(--grigio); }

.blk.grouplistAzienda>ul>li:hover,
.blk.grouplistAzienda ul>li.active { border-color:var(--primario); /*background:var(--grigioUltraChiaro2);*/}
.blk.grouplistAzienda ul>li.active { border-color:var(--primario); }
.blk.grouplistAzienda>ul .liv1 a 		{ display:block; line-height:1; /*margin:1rem 0;*/ text-decoration:none; }
.blk.grouplistAzienda>ul .liv1 a,
.blk.grouplistAzienda>ul .liv1 span		{ font-weight:700; line-height: 1.1; font-size:14px!important; flex:1 0 70%; color:var(--secondario); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.blk.grouplistAzienda>ul>li:hover .liv1 a,
.blk.grouplistAzienda>ul>li:hover .liv1 span,
.blk.grouplistAzienda ul>li.active .liv1 a, 
.blk.grouplistAzienda ul>li.active .liv1 span { color:var(--primario); }
.blk.grouplistAzienda>ul .liv1 a:hover		{ color:var(--secondario)!important; }
.blk.grouplistAzienda>ul .liv1 .count		{ flex:1 0 0%; font-size:11px!important; font-weight:normal; color:var(--grigio)!important; background:var(--grigioUltraChiaro2); border-radius:100px; display:flex; justify-content:center; align-items:center; height: 25px;width: 25px; }
.blk.grouplistAzienda>ul .liv1 .lucide-chevron-down	{ width:14px; color:var(--grigio); }
.blk.grouplistAzienda ul .sub { display: none; text-align: left; padding: .75rem 0; margin-top:0.75rem; border-top:1px solid rgba(var(--grigioUltraChiaro5RGB),0.3); background:rgba(var(--grigioUltraChiaro2RGB),0.2) }
.blk.grouplistAzienda ul>li.active .sub	{ display:block; }	
.blk.grouplistAzienda ul>li .sub>ul		{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: .25rem; column-gap: 1.5rem; }
.blk.grouplistAzienda ul .sub a			{ color:var(--grigio); font-size:12px; font-weight:normal; padding:0.25rem; text-decoration:none; }
.blk.grouplistAzienda ul .sub>a,
.blk.grouplistAzienda ul .sub>span		{ color:var(--primario); }
.blk.grouplistAzienda ul .sub>a:hover	{ color:var(--secondario)!important;}
.blk.grouplistAzienda ul .sub li		{ color:var(--grigio); display:flex; flex-wrap:wrap; }
.blk.grouplistAzienda ul .sub li svg	{ max-width:10px; flex:1; }
.blk.grouplistAzienda ul .sub li a		{ flex:1; }
.blk.grouplistAzienda ul .sub li .count { cursor:pointer;height: max-content; font-size: 10px; color: var(--primario); font-weight: 500; padding: 0 0.375rem; background: rgba(var(--primarioRGB),0.2); border-radius: 9999px; }
.blk.grouplistAzienda ul .subSub		{ display:none; padding-left:1.5rem; padding-bottom:0.25rem; }
.blk.grouplistAzienda ul .subSub.active { display:grid; flex:100%; grid-template-columns: repeat(1, minmax(0, 1fr)); }
.blk.grouplistAzienda ul .subSub li		{ display:grid; justify-content:left; }
.blk.grouplistAzienda ul .subSub li a	{ display: flex; gap:5px; justify-content: center; align-items: center; flex: none; }
.blk.grouplistAzienda ul .subSub li a span{ background:rgba(var(--primarioRGB), 0.4); border-radius: 9999px; width:0.25rem; height:0.25rem; }
@media (max-width:450px){ 
	.blk.grouplistAzienda>ul{ grid-template-columns:repeat(1,minmax(0,1fr)); }
	.blk.grouplistAzienda ul>li .sub>ul{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
}


.blk.filtroInterno { padding: 12px; background-color: rgba(var(--grigioUltraChiaro2RGB) 0.6); border-color:var(--grigioUltraChiaro5); border-width: 1px; border-radius: 8px; gap: 8px; align-items: center; flex-wrap: wrap; display: flex; margin-bottom: 20px; box-sizing: border-box; border-style: solid; }
.blk.filtroInterno .label { color:var(--grigio); text-transform: uppercase; font-weight: 700; font-size: 10px;  }
.blk.filtroInterno .btnFiltra { color: var(--bianco); font-weight: 500; font-size: 11px; padding: 0px 10px; background-color: var(--primario); border-radius: 9999px; gap: 4px; align-items: center; display: flex; }
.blk.filtroInterno .btnFiltraChiudi svg { cursor: pointer; text-transform: none; font-size: 11px; font-weight: 500; letter-spacing: normal; color: var(--bianco); margin: 0px; padding: 0px; width:12px; }
.blk.filtroInterno .btnReset { color: var(--primarioScuro); text-decoration:none; font-size: 11px; margin-left: auto; cursor: pointer; appearance: button; font-weight: 400; line-height: 16.5px; letter-spacing: normal; margin: 0px 0px 0px 550.781px; padding: 0px; }
.filtroInternoTxt{ font-size:14px; }  
/*
.blk.grouplistAzienda .sub a 			{ text-transform:none; font-size:12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; min-height: 1lh; }
.blk.grouplistAzienda .sub .sub a 		{ font-size: 11px; }
.blk.grouplistAzienda>ul>li .allLink 	{ text-align:left; font-size:12px; padding-top:10px; margin-left:15px; border-top:1px solid var(--grigioUltraChiaro); }
.modal .blk.grouplistAzienda>ul>li a	{ margin:0; -webkit-line-clamp: 1; min-height: 1lh; }
@media (max-width:768px){ .blk.grouplistAzienda>ul{ grid-template-columns:repeat(2,minmax(0,1fr)); } }*/


.blk.partner 				{ margin-bottom:1%; }
.blk.partner ul 			{ display: grid; gap: 1.5rem; grid-template-columns: repeat(8, minmax(0, 1fr)); }
.blk.partner li 			{ grid-column: span 1 / span 1; }
.blk.partner li a			{ /*background:rgba(255,255,255,0.9);*/ display:inline-block; /*border-radius:.5rem;*/ overflow: hidden; }
.blk.partner li a img		{ max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.colShort .blk.partner ul 	{ gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.colShort .blk.partner li	{ grid-column: span 1 / span 1; }
@media (max-width:768px){ .blk.partner ul{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* [CLAUDE-FIX 2026-09-16] Mancava il reset di border/background/appearance: il <button class="goToForm">
   che avvolge il link stilizzato .richiediInfo (vedi graficElements/blk-richiedi-info-azienda.php,
   usato tramite sidebar-standard.php su tutte le pagine aziende/prodotti/ecc.) mostrava quindi il
   bordo 3D di default del browser (2px outset nero) attorno al pulsante colorato. Verificato che
   questo reset non era mai stato presente in nessun backup storico del file: non è una regressione
   di modifiche precedenti, era un buco di stile dall'introduzione del markup a 4 pulsanti. */
.blk .button-list button { height:auto; text-align:left; width:92%; color: var(--grigioScuro); padding:.375rem .5rem; line-height:1.25rem; text-decoration:none; border:0; background:transparent; appearance:none; -webkit-appearance:none; cursor:pointer; }
.blk .button-list button i{ margin-right:.5rem; min-width:20px; }
.blk .button-list button a{ text-decoration:none; font-size:.875rem;}
.blk.richiedi-info			{ background:var(--bianco); border:1px solid var(--grigioUltraChiaro); padding: 1.25rem; border-radius: var(--radius); }
.blk.richiedi-info.sticky { position:fixed; top:235px; z-index:9; width:375px; box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(15,23,41,0.05), 0 4px 6px -4px rgba(15,23,41,0.05);  }
.blk.richiedi-info .azienda,
.blk.richiedi-info .azienda a { text-align: center; font-weight: 700; font-size: 1rem; line-height: 1.5rem; color: var(--primario); text-decoration: none; }
.blk.richiedi-info .azienda a:hover { text-decoration: underline; }
.blk.richiedi-info .noLogo { display: flex; background: rgba(var(--grigioUltraChiaro2RGB), 0.5);
							border: 1px solid rgba(var(--grigioUltraChiaro5RGB), 0.5); margin: 0.75rem auto; width: 8rem;height: 5rem;
							border-radius: var(--radius); align-items: center; justify-content: center; }
.blk.richiedi-info .noLogo svg { color: rgba(var(--grigioRGB),0.4); width: 2.5rem; height: 2.5rem; }
.blk.richiedi-info .linkLogo	{ display:block; text-align:center; }
.blk.richiedi-info .logo 		{ max-height:100px; }
.blk.richiedi-info .datiAzienda { font-size: .875rem; line-height: 1.25rem; marigin-top:16px; }
.blk.richiedi-info .datiAzienda div { display: flex; gap: .625rem; align-items: flex-start; color: var(--grigio); margin:0.75rem 0; }
.blk.richiedi-info .datiAzienda div svg { color: var(--primario); width: 1rem; height: 1rem; }
.blk.richiedi-info .datiAzienda div a { color: var(--grigio); text-decoration: none; }
.blk.richiedi-info .datiAzienda div a:hover { color: var(--primario); }
/*.blk.richiedi-info .datiAzienda a { color: var(--primario); }*/
/* [CLAUDE-FIX 2026-08-17 14:06 UTC] Stile per le icone social azienda (.socialAzienda), mancante: usato lo stesso schema colori/variabili gia' presente in questo file per .datiAzienda */
.blk.richiedi-info .datiAzienda .socialAzienda { display:flex; gap:.875rem; list-style:none; margin:.75rem 0 1.5rem; padding:0; }
.blk.richiedi-info .datiAzienda .socialAzienda li a { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--grigioUltraChiaro2); color:var(--grigio); text-decoration:none; }
.blk.richiedi-info .datiAzienda .socialAzienda li a:hover { background:var(--primario); color:var(--bianco); }
.blk.richiedi-info .datiAzienda .socialAzienda li a svg { width:16px; height:16px; }
.blk.richiedi-info.sticky .datiAzienda{ display:none; }
.blk.richiedi-info .vaiAllaSchedaAzienda{ margin-top:16px; display: flex; gap: .5rem; background: var(--primario); color: var(--bianco); font-weight: 700; font-size: .875rem; padding: .625rem 0; justify-content: center; align-items: center; text-decoration: none; border-radius: var(--radius); }
.blk.richiedi-info .vaiAllaSchedaAzienda:hover{ background:rgba(var(--primarioRGB),.9); color:var(--bianco); }
.blk.richiedi-info .vaiAllaSchedaAzienda svg { width: .875rem; height: .875rem; }
.blk.richiedi-info .goToForm		{ padding:0; width:100%; }
.blk.richiedi-info .richiediInfo	{ margin-top:16px; display: flex; gap: .5rem; background: var(--secondario); color: var(--bianco); font-weight: 700; font-size: .875rem; padding: .625rem 0; justify-content: center; align-items: center; text-decoration: none; border-radius: var(--radius); }
.blk.richiedi-info .richiediInfo:hover{ background:rgba(var(--secondarioRGB),.9); color:var(--bianco)!important; }
.blk.richiedi-info .richiediInfo svg { width: .875rem; height: .875rem; }
.blk.richiedi-info .richiediInfo.left{ justify-content: flex-start; padding-left: 1rem; }
.blk.richiedi-info .richiediInfo.primario{background:rgba(var(--primarioRGB),1); }
.blk.richiedi-info .richiediInfo.primario:hover{ background:rgba(var(--primarioRGB),0.9); }
.blk.richiedi-info .richiediInfo.grigio{background:rgba(var(--grigioUltrachiaro2RGB),1);  border:1px solid var(--grigioUltraChiaro5); color:var(--secondario)!important; } 

/*body.admin-bar .blk.richiedi-info.sticky { top:77px; }*/

.blk.autori .element,
.blk.autori .preview,
.blk.autori .title{ text-align: center!important; }
.blk.autori hr { width: auto; }
.blk.autori .preview a img{ border-radius:500px; max-width:120px; max-height:120px; }

.blk.referalLinkPage			{ border-radius: .75rem; padding:1.5rem; text-align:center; border:1px solid rgba(var(--primarioRGB),0.2); background:rgba(var(--primarioRGB),0.05); }
.blk.referalLinkPage preTitle	{ color:var(--grigio); letter-spacing:0.05em; text-transform:uppercase; font-size:0.75rem; line-height:1rem; }
.blk.referalLinkPage h3			{ color:var(--secondario); font-weight:700; font-size:1.125rem; line-height:1.75rem; margin:12px 0; }
.blk.referalLinkPage a			{ color:var(--bianco); font-weight:500; font-size:0.875rem; line-height:1.25rem; padding:0.5rem 1.25rem; background:var(--primario); border-radius:0.5rem; text-decoration:none; }
.blk.referalLinkPage a:hover	{background:rgba(var(--primarioRGB),0.9); }

.categoryListSingle 		{ /*display: flex; justify-content: space-between; align-items: center;*/}
.categoryListSingle span	{ display:inline-block; font-size: .875rem; font-weight: normal; }
.categoryListSingle a  	{ display:inline-block; color:var(--primario); font-weight:500; font-size:0.875rem; line-height:1.25rem; padding:0.25rem 0.75rem; margin:0.25rem; background:rgba(var(--primarioRGB),0.1);border-radius: 9999px; text-decoration:none; }
.categoryListSingle a:hover		{ background:rgba(var(--primarioRGB),0.2); }

.social-share		{}
.social-share .listSocial li		{ display:inline-block; color:rgba(var(--grigioRGB),0.5); }
.social-share .listSocial li a 		{ color: rgba(var(--grigioRGB), 0.5); padding: 0.5rem; }
.social-share .listSocial li a i 	{ font-size: 14px; }
.social-share.condividiSingle 		{ display: flex; justify-content: space-between; align-items: center; }
.social-share.condividiSingle div 	{ font-size: .875rem; font-weight: 500; }
.social-share.condividiSingle .listSocial li a{ display:block; padding:0.3rem; margin:0.3rem; border-radius:0.5rem; min-width:40px; background:var(--grigioUltraChiaro2); text-align:center; }
.social-share.condividiSingle .listSocial li a i{ font-size:16px; color:var(--secondario); }
@media (max-width:450px){ 
	.social-share.condividiSingle{ display:block; }
}
.blk.calendario	{}
.blk.calendario .blkHead {justify-content: left; gap: 8px; align-items: center; display: flex; margin-bottom: 10px; }
.blk.calendario .blkHead svg{ color: var(--primario); width: 1rem; height: 16px; display: block; vertical-align: middle; }
.blk.calendario .blkHead h2{ letter-spacing: 0.6px; text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 16px; margin:0; }
.blk.calendario .blkHead h2:before { content:none; } 
.blk.calendario .mesi	{ padding-bottom: 4px; overflow-x: auto; gap: 6px; display: flex; }
.blk.calendario .mese	{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;
						cursor: pointer; position:relative!important; min-height:55px; min-width: 72px;
						color: var(--secondario); font-weight: 500; font-size: 12px; text-transform: none; font-family: var(--fontSecondario);
						line-height: 16px; padding: 10px 12px; margin: 0px; display: flex!important; position: relative; appearance: button; align-items: center; flex-direction: column;
						background-color: var(--bianco); border:1px solid rgba(var(--grigioUltraChiaro5RGB), 0.6); border-radius: 12px;
						}
.blk.calendario .mese:hover	{ box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px; border-color:rgba(var(--primarioRGB),0.5) }
.blk.calendario .mese.disactive,
.blk.calendario .mese.disactive:hover{ box-shadow:none; cursor: not-allowed!important;color: rgba(var(--grigioRGB), 0.4);background-color: rgba(var(--grigioUltraChiaro2RGB), 0.3); border:1px solid rgba(var(--grigioUltraChiaro5RGB), 0.2);}

.blk.calendario .mese .title 		{ font-weight: 700; font-size: 13px; }
.blk.calendario .mese .countEventi 	{ color: var(--grigio); font-size: 10px; margin-top: 2px; }
.blk.calendario .mese .bulletEventi { gap: 2px; transform: matrix(1, 0, 0, 1, -11, 0); display: flex; left: 35px; bottom: -2px; position: absolute; }
.blk.calendario .mese .bullet		{ background-color: rgba(var(--primarioRGB), 0.6); border-radius: 9999px; width: 0.25rem; height: 4px; }

.blk.calendario .mesi .mese.selected{
    background: var(--primario);
    border-color: var(--primario);
    color: var(--bianco);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primarioRGB),0.25);
}

.blk.calendario .mesi .mese.selected .title{
    color: var(--bianco);
    font-weight: 700;
}

.blk.calendario .mesi .mese.selected .countEventi{
    color: rgba(255,255,255,0.9);
}

.blk.calendario .mesi .mese.selected .bullet{
    background: rgba(255,255,255,0.7);
}
.blk.calendario .mesi .mese{
    transition: all .2s ease;
}

.blk.calendario .filtri		 	{ align-items: center; flex-direction: row; margin-top: 20px; margin-bottom: 0px; gap: 12px; display: flex; }
.blk.calendario .filtriButton 	{ gap: 6px; align-items: center; flex-wrap: wrap; display: flex; }
.blk.calendario .filtriSelect	{ gap: 8px; align-items: center; display: flex; margin-left: auto; }
.blk.calendario .filtriButton svg	{ color: var(--grigio); width: 0.875rem; height: 14px; margin-right: 4px; display: block; vertical-align: middle; }
.blk.calendario .filtriButton a		{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;
									text-transform: none;font-family: var(--fontSecondario); color: var(--grigio); font-weight: 500; font-size: 12px; line-height: 16px;
									margin: 0px; padding: 6px 16px; cursor: pointer; appearance: button; text-decoration:none;
									background-color: var(--bianco); border:1px solid rgba(var(--grigioUltraChiaro5RGB), 0.6); border-radius: 9999px; }
.blk.calendario .filtriButton a.selected{ box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
										color: var(--bianco); background-color: var(--primario); border-color: var(--primario); }
.blk.calendario .filtriButton a:hover{ border-color:rgba(var(--primarioRGB),0.4); color: var(--grigio)!important; }
.blk.calendario .filtriButton a.selected:hover{ border-color: var(--primario); color: var(--bianco)!important; }
.blk.calendario .filtriSelect select { font-size: 12px; line-height: normal; font-family: font-family: var(--fontSecondario); font-weight: 400; color:var(--secondario);
									margin: 0px; padding: 6px 12px; background-color: var(--bianco); border:1px solid rgba(var(--grigioUltraChiaro5RGB), 0.6); border-radius: 9999px;}
@media (max-width:450px){
	.blk.calendario .filtri{ display: block; }
	.blk.calendario .mesi{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.blk.eventiList {}
.blk.eventiList .mese{}
.blk.eventiList .meseHead 			{ gap: 12px; align-items: center; display: flex; margin-bottom: 16px; }
.blk.eventiList .meseHead .icon 	{ background-color: rgba(var(--primarioRGB), 0.1); border-radius: 12px; justify-content: center; align-items: center; width: 2.5rem; height: 40px; display: flex; }
.blk.eventiList .meseHead .icon svg	{ color: var(--primario); width: 1.25rem; height: 20px; display: block; vertical-align: middle; }
.blk.eventiList .meseHead h3		{ color: var(--secondario); font-weight: 700; font-size: 18px; line-height: 28px; font-family: var(--fontPrimario); letter-spacing: -0.45px; margin: 0px; }
.blk.eventiList .meseHead .sep		{ background-color: rgba(var(--grigioUltraChiaro5RGB), 0.4); flex: 1 1 0%; height: 1px; }
.blk.eventiList .meseHead .meseCount	{ color: var(--grigio); font-size: 12px; line-height: 16px; }
.blk.eventiList .meseListaEventi	{ padding-left: 24px; border-left: 2px solid rgba(var(--primarioRGB), 0.2); position: relative; }


.blk.eventiList .eventoCompact { opacity: 1; color: var(--primario); text-decoration: none; 
								transform: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;
								padding: 16px; gap: 16px; display: flex; position: relative;
								background-color: var(--bianco); border: 1px solid rgba(var(--grigioUltraChiaro5RGB), 0.4); border-radius: 16px; }
.blk.eventiList .eventoCompact .bullet { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;
										background-color: var(--bianco); border:2px solid var(--primario); border-radius: 9999px;
										width: 1rem; height: 16px; top: 24px; left: -33px; position: absolute; }
.blk.eventiList .eventoCompact .preview { border-radius: 12px; overflow: hidden; flex-shrink: 0; width: 7rem; height: 80px; }
.blk.eventiList .eventoCompact .preview img { animation-duration: 0.5s; transition-duration: 0.5s; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
											object-fit: cover; width: 100%; height: 80px; max-width: 100%; display: block; vertical-align: middle; }
.blk.eventiList .eventoCompact .dati			{ flex: 1 1 0%; min-width: 0px; }
.blk.eventiList .eventoCompact .dati .topLine 	{ gap: 8px; align-items: center; display: flex; margin-bottom: 4px; }
.blk.eventiList .eventoCompact .dati .cat 		{ color: var(--primario); text-transform: uppercase; font-weight: 700; font-size: 10px; padding: 2px 8px;
												background-color: rgba(var(--primarioRGB), 0.1); border-radius: 9999px; }
.blk.eventiList .eventoCompact .dati .date		{ color: var(--grigio); font-size: 11px; }
.blk.eventiList .eventoCompact .dati h4 		{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;
												color: var(--secondario); font-weight: 600; font-size: 14px; line-height: 20px; font-family: var(--fontPrimario); letter-spacing: -0.35px; margin: 0px;
												overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.blk.eventiList .eventoCompact .dati .descr 	{ color: var(--grigio); font-size: 12px; line-height: 16px; margin: 2px 0px 0px 0px;
												overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.blk.eventiList .eventoCompact .dati .luogo		{ color: var(--grigio); font-size: 11px; gap: 12px; align-items: center; display: flex; margin-top: 8px; }
.blk.eventiList .eventoCompact .dati .luogo svg	{ width: 0.75rem; height: 12px; display: block; vertical-align: middle; }
.blk.eventiList .eventoCompact .read { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;
									color: rgba(var(--grigioRGB), 0.4); align-self: center; flex-shrink: 0; width: 1rem; height: 16px; display: block; vertical-align: middle;}
.blk.eventiList .eventoCompact:hover 				{ border-color: rgba(var(--primarioRGB),0.3); box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px }
.blk.eventiList .eventoCompact:hover .bullet		{ background-color:var(--primario); }
.blk.eventiList .eventoCompact:hover .dati h4 		{ color:var(--primario); }
.blk.eventiList .eventoCompact:hover .preview img 	{ transform: translate(0,0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05)}
.blk.eventiList .eventoCompact:hover .read			{ color:var(--primario); }

@media (max-width:450px){
	.blk.eventiList .eventoCompact .preview{ display:none; }
}

.eventi-loading{
    padding: 2rem;
    border: 1px dashed var(--grigioUltraChiaro5);
    border-radius: .75rem;
    color: var(--grigio);
    font-size: .875rem;
    text-align: center;
    background: rgba(var(--grigioUltraChiaro2RGB),0.5);
}

.eventi-filtro-info{
    margin: 0 0 1rem 0;
    padding: .75rem 1rem;
    border-top: 1px solid var(--grigioUltraChiaro5);
    color: var(--grigio);
    font-size: .875rem;
}

.eventi-filtro-info strong{
    color: var(--secondario);
}

.eventi-filtro-info span{
    color: var(--primario);
    font-weight: 700;
    margin-left: .25rem;
}

.blk.calendario .reset-filtri-eventi{
    appearance: none;
    border: 0;
    background: rgba(var(--primarioRGB),0.08);
    color: var(--primario);
    border-radius: 9999px;
    padding: .55rem .85rem;
    font-size: .875rem!important;
    line-height: 1!important;
    font-weight: 500;
    display: none;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    width: auto!important;
    height: auto!important;
    white-space: nowrap;
    flex: 0 0 auto;
    cursor: pointer;
}

.blk.calendario .reset-filtri-eventi:hover{
    background: rgba(var(--primarioRGB),0.14);
    color: var(--primarioScuro);
}

.blk.calendario .reset-filtri-eventi.visible{
    display:inline-flex!important;
}

.blk.calendario .reset-filtri-eventi span{
    display: inline;
    font-weight: 700;
}

.blk.calendario .filtriSelect{
    margin-left: auto;
}

.blk.calendario .filtri{
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}
li.sf-field-post-meta-eventi_data_inizio {
    display: none!important;
}
li.sf-field-post-meta-eventi_regione {
    display: none!important;
}
/*
.flipCard{ position:relative; height:230px; width:300px; max-width:100%; margin:0 auto 30px;overflow:hidden;
			-webkit-transition:height .4s ease; transition:height .4s ease; }
.flipCardContainer{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d; 
					-webkit-perspective: 1000px; perspective: 1000px; text-align:center; }
.flipCardBack, 
.flipCardFront { background-size:cover; background-position:center; width:100%; height:280px; border-radius:6px;
    -webkit-transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: transform .7s cubic-bezier(.4, .2, .2, 1), -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
.flipCardFront:after {
    position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; content:""; display:block; opacity:.6;
    background-color: var(--nero);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px; }
.flipCard:hover .flipCardBack, 
.flipCard:hover .flipCardFront {
    -webkit-transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: transform .7s cubic-bezier(.4, .2, .2, 1), -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); }
.flipCardFront {
    max-height:230px; border-radius:0;
	 -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    transform-style: preserve-3d; }
.flipCardBack {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	position: absolute;
    top:0; left:0; width:100%; background-color:var(--primario); }	
.flipCardBack:after{ background-color: var(--primario); }
.flipCard:hover .flipCardFront {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; }
.flipCard:hover .flipCardBack {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
.flipCardInner {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    transform: translateY(-50%) translateZ(60px) scale(.94);
    top:50%; position:absolute; left:0; width:100%; padding:2rem;
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2; }
.flipCardInner i { font-size:35px; margin-bottom:20px; color:var(--bianco); }
.flipCardInner p { color:var(--bianco); font-size:16px; text-align:center; }
.flipCardInner .flipCardFront p { font-size:20px; text-transform: uppercase; }
.flipCardInner a { margin-top: 5px; color:var(--bianco); border:1px solid var(--bianco); display:inline-block; padding:5px 15px; border-radius:5px;
    font-weight:500; text-align: center; font-size:18px; line-height:1.5; vertical-align: middle; text-decoration:none;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    background-color:transparent;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; }
	.flipCardInner a:hover{ background:var(--bianco); color:var(--primario); }
*/
.headPage					{ text-align:left; }
.headSingle 				{ /*background:var(--primario); padding:5px 15px; color:var(--testoSuPrimario);*/ }
.headSingle h1 				{ font-family:var(--fontPrimario);font-size: 2.25rem; line-height: 2.5rem; font-weight:700; }
.headPage .descrHead p 		{ opacity: 0.8; font-size: 0.85rem; }
.breadcrumbs				{ color: rgba(var(--biancoRGB),1); text-decoration:none; vertical-align:middle; font-size: .875rem; margin-bottom: 1rem; }
.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs p 				{ color: rgba(var(--biancoRGB),0.6); text-decoration:none; }
.breadcrumbs a:hover		{ color: rgba(var(--biancoRGB),1)!important; }
.breadcrumbs svg			{ max-width:15px; margin:0 0.25rem }
.subHeadSingle 				{ /*background:var(--grigioChiaro); padding:5px 15px; text-align:center;*/ }
.subHeadSingle h2 			{ /*text-align:justify; font-size:18px; font-weight:500;*/ }
.secondario	.subHeadSingle p,
.secondario08 .subHeadSingle p,
.secondario	.subHeadSingle a,
.secondario08 .subHeadSingle a{ color:var(--testoSuSecondario)!important; }
.baseLine 					{ color:var(--grigioScuro)!important; }
.baseLine .datePublished, 
.baseLine .author 			{ color:rgba(var(--biancoRGB), 0.8); font-size:0.875rem; display:block; text-align:left; /*width:45%;*/ }
.baseLine .author svg,
.baseLine .datePublished svg{ width:16px; margin-right:0.3rem; }
.baseLine .author a 		{ color:var(--primario)!important; text-decoration:none; }
.categoryList 				{ margin:10px 0; font-size:0; }
.categoryList li 			{ margin:0; padding:0; display:inline-block;}
.categoryList a 			{ font-size:16px; text-decoration:none; color:var(--testoSuPrimario)!important; background:var(--primario); padding:3px 10px; margin:3px; }
.categoryList a:hover 		{ background:var(--bianco); color:var(--primario)!important; }
.tagsList 					{ font-size:0; }
.tagsList li 				{ display: inline; }
.tagsList a 				{ font-size:12px; padding:0 5px; border-right:1px solid var(--grigioIntermedio); }
.tagsList li:last-of-type a { border:0; }

.headPage.headAziende	{ border-bottom:1px solid var(--grigioUltraChiaro2); margin-left:-1.5rem; margin-right:-1.5rem; padding-left:1.5rem; padding-right:1.5rem; }
.headPage.headAziende h1{ font-size: 2.25rem; line-height: 2.5rem; }
.headPage .datiAzienda { font-size: .875rem; line-height: 1.25rem; marigin-top:16px; }
.headPage .datiAzienda div { display: flex; gap: .625rem; align-items: flex-start; color: var(--grigio); margin:0.75rem 0; }
.headPage .datiAzienda div svg { color: var(--primario); width: 1rem; height: 1rem; }
.headPage .datiAzienda div a { color: var(--grigio); text-decoration: none; }
.headPage .datiAzienda div a:hover { color: var(--primario); }
/* [CLAUDE-FIX 2026-08-17 14:06 UTC] Stile per le icone social azienda (.socialAzienda), mancante: usato lo stesso schema colori/variabili gia' presente in questo file per .datiAzienda */
.headPage .datiAzienda .socialAzienda { display:flex; gap:.875rem; list-style:none; margin:.75rem 0 1.5rem; padding:0; }
.headPage .datiAzienda .socialAzienda li a { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--grigioUltraChiaro2); color:var(--grigio); text-decoration:none; }
.headPage .datiAzienda .socialAzienda li a:hover { background:var(--primario); color:var(--bianco); }
.headPage .datiAzienda .socialAzienda li a svg { width:16px; height:16px; }
.headPage.headAziende p b{ color:var(--secondario); }

.prodotti .headSingle h1,
.aziende .headSingle h1 	{ font-size:30px; line-height:36px; }
.prodotti .headPage .subHeadSingle .descrHead .azienda 		{ gap: .375rem; display: flex; color: var(--primario); align-items: center; font-weight: 500; }
.prodotti .headPage .subHeadSingle .descrHead .azienda svg 	{ width: 16px; height: 16px; }
.prodotti .headPage .subHeadSingle .descrHead .azienda a 	{ text-decoration:none; }
.prodotti .headPage .subHeadSingle .descrHead .azienda a:hover{ text-decoration:underline; }

/* [CLAUDE-FIX 2026-08-17 16:20 UTC] Regola per le icone social sotto il titolo rimossa: duplicava il blocco Condividi (le icone social azienda restano nella card sidebar, vedi .headPage .datiAzienda .socialAzienda sopra) */

/* [CLAUDE-FIX 2026-08-17 16:05 UTC] Blocco "Condividi" inline sotto titolo/nome azienda sulla scheda prodotto (stessa posizione di Lovable) */
.prodotti .social-share.condividiCard	{ display:flex; align-items:center; gap:.5rem; margin-top:.75rem; }
.prodotti .social-share.condividiCard div	{ color:var(--grigio); font-size:12px; margin-right:.25rem; }
.prodotti .social-share.condividiCard .listSocial	{ gap:.5rem; display:flex; }
.prodotti .social-share.condividiCard .listSocial li a	{ display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--grigioUltraChiaro2); padding:0; margin:0; }
.prodotti .social-share.condividiCard .listSocial li a svg	{ width:14px; height:14px; }
.prodotti .social-share.condividiCard .listSocial li a:hover	{ background:var(--primario); color:var(--bianco); }

.campoImpiego 		{ padding: 2px; background-color: rgba(var(--primarioRGB), 0.05); border:1px solid rgba(var(--primarioRGB), 0.2); border-radius: 8px; margin-top: 20px; margin-bottom: 20px; }
.campoImpiego h3 	{ color: var(--primario); letter-spacing: 0.35px; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 20px; font-family: 'DM Sans', system-ui, sans-serif; margin-bottom: 8px; margin: 0px 0px 8px; }
.campoImpiego p 	{ color: rgb(15, 23, 41); font-size: 14px; line-height: 20px; margin: 0px; }

.headProgetti 							{ padding:1.25rem; border:1px solid rgba(var(--grigioUltraChiaro5RGB),0.4); background:rgba(var(--grigioUltraChiaro2RGB),0.4); justify-content:space-between; border-radius:0.75rem; margin-bottom:2rem;}
.headProgetti .progetto-dettagli-list 	{ /*width:40%; font-size:15px; vertical-align:top;*/ grid-template-columns: repeat(2, minmax(0, 1fr)); font-size:0.875rem; line-height:1.25rem; gap:1rem; display:grid; margin-top: 20px;}
.headProgetti .progetto-dettagli-list  li{ display:flex; gap:0.75rem; align-items:flex-start; color:var(--grigio); }
.headProgetti .progetto-dettagli-list  li svg 	{ color:var(--primario); width: 16px; }
.headProgetti .progetto-dettagli-list  li strong{ display:block; color:var(--secondario); }

.headPageEventi	{ max-width: 1400px; padding: 32px 16px; padding-top:10px; width: 100%; margin-right: auto; margin-left: auto;
				flex-direction: row; gap: 32px; align-items: flex-start; display: flex; }
.headPageEventi .dati { flex: 1 1 0%; min-width: 0px;  opacity: 1; transform: none; }
.headPageEventi .dati .topline 			{ gap: 12px; align-items: center; display: flex; margin-bottom: 12px; }
.headPageEventi .dati .topline .cat		{ color:var(--bianco); letter-spacing: 0.3px; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 16px; padding: 4px 12px; background-color: var(--primario); border-radius: 9999px; }
.headPageEventi .dati .topline .citta	{ color: var(--grigio); font-size: 14px; line-height: 20px; }
.headPageEventi .dati h1	{ font-size: 36px; line-height: 40px; color: var(--secondario); font-weight: 700; font-family: var(--fontPrimario); letter-spacing: -0.9px; margin: 0px 0px 16px; }
.headPageEventi .dati .boxDati { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
								padding: 20px; background-color: var(--bianco); border:1px solid rgba(var(--grigioUltraChiaro5RGB), 0.6); border-radius: 16px;
								grid-template-columns: 444.438px 444.453px; gap: 12px; display: grid; }
.headPageEventi .dati .boxDati .slot 				{ gap: 12px; align-items: center; display: flex; }
.headPageEventi .dati .boxDati .slot .bullet 		{ background-color: rgba(var(--primarioRGB), 0.1); border-radius: 12px; justify-content: center; align-items: center; flex-shrink: 0; width: 2.25rem; height: 36px; display: flex; }
.headPageEventi .dati .boxDati .slot .bullet svg 	{ color: var(--primario); display: block; vertical-align: middle; }
.headPageEventi .dati .boxDati .slot .slotDati 		{ }
.headPageEventi .dati .boxDati .slot .slotDati span { color: var(--grigio); letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600; font-size: 10px; }
.headPageEventi .dati .boxDati .slot .slotDati p 	{ color:var(--secondario); font-weight: 600; font-size: 14px; line-height: 20px; margin: 0px; }
.headPageEventi .dati .boxDati .slot .slotDati a	{ color:var(--primario); }

/* [CLAUDE-FIX 2026-08-17 15:10 UTC] Blocco "Condividi" inline nella card evento (stessa posizione/stile di Lovable) */
.headPageEventi .dati .boxDati .social-share.condividiCard	{ grid-column: 1 / -1; display:flex; align-items:center; gap:.5rem; padding-top:.875rem; margin-top:.25rem; border-top:1px solid rgba(var(--grigioUltraChiaro5RGB),0.6); }
.headPageEventi .dati .boxDati .social-share.condividiCard div	{ color:var(--grigio); font-size:12px; margin-right:.25rem; }
.headPageEventi .dati .boxDati .social-share.condividiCard .listSocial	{ gap:.5rem; display:flex; }
.headPageEventi .dati .boxDati .social-share.condividiCard .listSocial li a	{ display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--grigioUltraChiaro2); padding:0; margin:0; }
.headPageEventi .dati .boxDati .social-share.condividiCard .listSocial li a svg	{ width:14px; height:14px; }
.headPageEventi .dati .boxDati .social-share.condividiCard .listSocial li a:hover	{ background:var(--primario); color:var(--bianco); }

.headPageEventi .boxData				{ opacity: 1; transform: none; width: auto; flex-shrink: 0; }	
.headPageEventi .boxData .intBoxData	{ --tw-shadow-color: rgba(var(--primarioRGB),0.4); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(222, 54, 2, 0.2) 0px 10px 15px -3px, rgba(222, 54, 2, 0.2) 0px 4px 6px -4px;
										color: var(--bianco);text-align: center; padding: 24px; background-color: var(--primario); border-radius: 16px; min-width: 180px;}
.headPageEventi .boxData .mese			{ opacity: 0.8; letter-spacing: 0.7px; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 20px; display: block; }
.headPageEventi .boxData .giorni		{ font-weight: 700; font-size: 48px; line-height: 48px; font-family: var(--fontPrimario); display: block; margin-top: 4px; margin-bottom: 4px; }
.headPageEventi .boxData .anno			{ font-weight: 600; font-size: 18px; line-height: 28px; display: block; }
.headPageEventi .boxData .luogo 		{ opacity: 0.8; font-size: 12px; line-height: 16px; padding-top: 12px; margin-top: 12px; border-top:1px solid rgba(var(--biancoRGB), 0.2);
										gap: 6px; justify-content: center; align-items: center; display: flex; }
.headPageEventi .boxData .luogo svg 	{ width: 0.875rem; height: 14px; display: block; vertical-align: middle; }

@media (max-width:450px){
	.headPageEventi{ display:block; }
	.headPageEventi .boxData{ display:none; }
}
/*.headProgetti .prew 					{ display:flex; text-align:right; }
.headProgetti .prew img 				{ max-height:200px; width:auto; }*/

.pagination { 
        padding-top: 16px;
        margin-top: 40px;
        margin-bottom: 0px;
        gap: 8px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
.navigation .nav-links{ display:flex; justify-content:space-between; }
.page-link {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.15s;
        color: var(--grigio);
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        border-color: var(--grigioUltraChiaro2);
        border-width: 1px;
        border-radius: 6px;
        cursor: pointer;
        appearance: button;
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
        text-transform: none;
        font-family: Inter, system-ui, sans-serif;
        font-feature-settings: normal;
        font-variation-settings: normal;
        letter-spacing: normal;
        margin: 0px;
        padding: 8px 12px;
        box-sizing: border-box;
        border-style: solid; } 
		/*{ background-color:var(--bianco); color:var(--primario); border-color:var(--grigioChiaro); }*/
.page-link:hover,
.page-link:focus{ background-color: var(--grigioUltraChiaro); /*color: var(--primario);*/ }
.page-link svg{ width:1rem; height:16px; }
.active>.page-link, .page-link.active { background-color: var(--primario);  border:0; /*border-color: var(--grigioChiaro);*/ }

.normative-allegati a { font-size:18px; }
.normative-allegati a i{ font-size:30px; vertical-align:middle; }

.authorImage { border-radius:100%; max-width:160px!important; height:auto; float:left; margin:0 20px!important; }

.flexslider 			{ margin:0!important; border:0!important; box-shadow:none!important;}
.flex-control-thumbs li { width:10%!important; margin:0 5px!important; cursor:pointer; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px; }
.flexslider .slides li,
.flexslider .slides img { margin:0!important; }
.flex-direction-nav li	{ list-style:none!important; }
.flex-direction-nav a:before { font-size:25px!important; color:var(--primario)!important; text-shadow:none!important; }

.flex-caption.text-overlay { padding:20px; margin-top:-150px; height:100px; z-index:999; width:100%; position:absolute; color:#fff; 
							/*background:linear-gradient(to bottom,  rgba(0,0,0,0) 2%,rgba(0,0,0,0.3) 33%,rgba(0,0,0,0.3) 100%); border-radius: 0 0 .75rem .75rem; */
							linear-gradient(to bottom,  rgba(0,0,0,0) 2%,rgba(0,0,0,0.3) 33%,rgba(0,0,0,0.3) 80%,rgba(0, 0, 0, 0) 100%)
							}
.flex-caption.text-overlay p{ color:#fff!important; }
.flexslider .slides > li {
    overflow: hidden;
    aspect-ratio: 16 / 10;
    box-sizing: border-box;
    /*display: flex!important;*/
	display: block!important;
    align-items: center;
    justify-content: center;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    background-color: rgba(243, 244, 246, 0.3);
    /*border:1px solid rgba(229, 231, 235, 0.5);*/
    border-radius: 12px;
}
.flexslider .slides > li img { min-width:100%; min-height:100%; width:auto; height:auto;}
.flex-control-thumbs .flex-active {border: 2px solid var(--primario); }

/* [CLAUDE-FIX 2026-09-17] Era un riquadro fisso 100x100 con object-fit:contain, che rimpiccioliva
   il logo per farlo stare dentro un quadrato indipendentemente dalle sue proporzioni reali.
   Cambiato in larghezza fissa 180px e altezza automatica, cosi' il logo mantiene le sue proporzioni
   originali invece di essere "schiacciato" in un contenitore quadrato. */
.imageHead { width:180px; height:auto; float:right; margin-right:50px; margin-top:-50px; }
.imageHead img { width:100%; height:auto; display:block; }
/* [CLAUDE-FIX 2026-09-17] Centra il logo orizzontalmente rispetto alla colonna della sidebar
   (.colShort, 4 colonne su 12) che compare piu' sotto nella stessa griglia .rw (12 colonne,
   gap 1.5rem, vedi riga 376-377): il centro di .colShort cade esattamente a "16.667% - 0.5rem"
   dal bordo destro del contenitore, quindi il margin-right per centrare un box di 180px (meta'=90px)
   e' calc(16.667% - 0.5rem - 90px). Solo da 769px in su: sotto i 768px .colBig/.colShort diventano
   entrambe a piena larghezza (riga ~404), quindi il concetto di "sidebar affiancata" non esiste piu'
   e si mantiene il margine fisso di default per il mobile. */
@media (min-width:769px){
	.imageHead { margin-right: calc(16.667% - 0.5rem - 90px); }
}
.subHeadSingle.imHead { min-height:50px; text-align:left; }
.descrHead{  }
.descrHead hr { margin:5px; }
/* [CLAUDE-FIX 2026-09-18] Questo era lo stile generico "a pillola" (sottolineato, hover pieno) usato
   di default ovunque compaia .socialAzienda SENZA l'involucro .headPage .datiAzienda (es. risultati
   di ricerca in search.php, search-aziende.php, varie pagine tassonomia aziende): il markup e' lo
   stesso ovunque (generato da infoweb2025_getInfoAzienda() in fnGeneric.php), ma essendo lo stile
   sotto .headPage .datiAzienda .socialAzienda piu' specifico si applicava solo nella scheda azienda.
   Allineato lo stile di base a quello (cerchio grigio, icona SVG, hover colorato) cosi' le icone
   sono coerenti ovunque compaiano. Le regole scoped restano invariate (stessi valori, ora ridondanti
   ma innocue). */
.socialAzienda { display:flex; flex-wrap:wrap; gap:.875rem; list-style:none; margin:.75rem 0 1.5rem; padding:0; }
.socialAzienda li { display:inline-block; }
.socialAzienda li a { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--grigioUltraChiaro2); color:var(--grigio); text-decoration:none; }
.socialAzienda li a:hover { background:var(--primario); color:var(--bianco); }
.socialAzienda li a svg { width:16px; height:16px; }

.blk.block-form-green { font-size:14px; line-height:1.2; border:2px solid rgba(var(--primarioRGB),0.4); padding:0.5rem; border-radius:0.75rem; }
.blk.block-form-green .form-inline { /*border:1px solid var(--grigioChiaro);*/ padding:0px 1rem 1rem 1.5rem; }
/*.blk.block-form-green .form-group-checkbox { display:inline-block; width:49%; text-transform:uppercase; font-weight:500; }*/
.form-group-button button,
.form-group-button .btn			{ width:100%; background:var(--primario); color:var(--testoSuPrimario); padding:.5rem 1.5rem; }
.form-group-button button:hover,
.form-group-button btn:hover	{ background:var(--bianco); color:var(--primario); border:1px solid var(--primario); }
.blk.block-form-green .container-logo 				{ display:flex; flex-wrap:nowrap; align-items:center; }
.blk.block-form-green .container-logo img 			{ max-width:100px; }
.blk.block-form-green .container-logo .txtforminst 	{ margin:10px; }
.txtforminst h3			{ font-size: 1.125rem; line-height: 1.75rem; color: var(--primario); }
.txtforminst p			{ font-size: .875rem; line-height: 1.25rem; color:var(--grigio); }	
.blk.block-form-green .row.my-2{ margin:1rem 0!important;  }
.block-form-green input, 
.block-form-green select { font-size: .875rem!important; line-height: 1.25rem!important; padding: 0.75rem; color: var(--secondario); }
.block-form-green .form-group-checkbox { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.block-form-green .form-group-checkbox .form-check { cursor:pointer; background:var(--secondario); color:var(--bianco); font-size: .875rem; line-height: 1.25rem;padding: .75rem; border-radius:0.5rem; font-size: .875rem; }
.block-form-green .form-group-checkbox .form-check svg { width:1rem; height:1rem; margin-right: 10px!important;  }
.block-form-green .form-group-checkbox .form-check:hover{ background:rgba(var(--secondarioRGB),0.9) }
.block-form-green .form-check		{ color:var(--grigio); display:flex; align-items:center; }
.block-form-green .form-check-input { padding: 6px!important; margin-right: 10px!important; float: unset !important; margin-left: 0; }
.block-form-green .privacy-txt,
.block-form-green .privacy-txt p{ font-size: .75rem; line-height: 1rem; }
.block-form-green .privacy-txt a{ color:var(--primario); }
.block-form-green .cmnc-txt	p	{ font-size: .75rem; line-height: 1rem; text-align:center; }

.captcha 				{ border:1px solid var(--grigioChiaro); padding:5px; background:var(--grigioUltraChiaro); }
.captcha #codeImage,
.captcha #codeInput 	{ display:inline-block; width:48%; margin:1%; vertical-align:middle; }
.captcha #refreshIcon,
.captcha #ssIimage_audio_controls{ display:inline-block; vertical-align:bottom; background:rgba(255,255,255,0.2); padding:2px; }
.captcha #ssIimage 		{ display:inline-block; }


#formforPdf.modal-newsletter .modal-content { background: #f1f1f1; text-align: center; }
#formPDFscreen { max-width: 550px; display: inline-block; margin: 0 auto; }
#formPDFscreen .row { margin-bottom: 15px; }
/*#formforPdf .btn { background: #666; color: #fff; text-transform: uppercase; }*/

.listaAziendeProdotti{}
.listaAziendeProdotti>ul>li				{ border:0!important; }
.listaAziendeProdotti>ul>li>a 			{ border-radius:5px; display:block; padding:15px 10px; background:var(--grigioChiaro); color:var(--nero); }
.listaAziendeProdotti>ul>li>a:hover 	{ border-radius:5px; background:var(--primario); color:var(--testoSuPrimario); }
.btn-close.btn-sm { font-size: 10px!important; margin-bottom: 10px; }

/*#listaCategorieAziende .blk.grouplist>ul>li a { text-transform: unset; }
#listaCategorieAziende .blk.grouplist>ul>li a:hover{ color:var(--nero); }
#listaCategorieAziende .blk.grouplist>ul>li { border: 0; }*/

#ricercaAziende h3 			{ color:var(--secondario); text-transform:uppercase; font-weight:600; font-size: 1.125rem; line-height: 1.75rem; }
.searchandfilter ul 		{ display:flex; gap: 1rem; flex-wrap: wrap; align-items: center;/*stretch;*/ justify-content: center; }
.searchandfilter ul li 		{ padding: 0; display:flex; flex:1 1 0%; }
.searchandfilter label		{ width:100%; }
.searchandfilter input, 
.searchandfilter select,
.searchandfilter .chosen-single{ font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit;
							font-size: 100%; font-weight: inherit;line-height: 20px;letter-spacing: inherit;
							color: var(--secondario); margin: 0; padding: .5rem 1rem;
							width: 100% !important;
							border-radius:0.5rem; border: 1px solid var(--grigioUltraChiaro5); background-color: var(--bianco);
							transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .2s; animation-duration: .2s; }
.searchandfilter input:focus,
.searchandfilter select:focus{border-color: rgba(222, 54, 2, 0.5); outline: 2px solid transparent;outline-offset: 2px;
							box-shadow: 0 0 0 0 var(--bianco), 0 0 0 calc(2px + 0px) var(--primario), 0 0 #0000; }
.sf-field-submit 			{ max-width:110px; }
.sf-field-submit input		{ /*background:url('images/icon_search2.png') no-repeat 1rem center; padding-left:50px;*/
							background-color:rgba(var(--primarioRGB),1); font-weight: 700; font-size:14px;border:0; text-transform:uppercase; color:var(--testoSuPrimario); }
.sf-field-submit input:hover{background-color:rgba(var(--primarioRGB),0.9);}
@media (max-width:450px){
	.searchandfilter ul li { flex:50%; }
	.searchandfilter .sf_date_field li { flex: 1 1 0%; }
}
/*.sf-field-submit input:focus{border-color: transparent; outline: 2px solid transparent;outline-offset: 2px;
							box-shadow: 0 0 0 2px var(--bianco), 0 0 0 calc(2px + 2px) var(--primario), 0 0 #0000; }*/
/*
.sf-field-category,
.sf-field-post-meta-aziende_comune,
.sf-field-post-meta-aziende_provincia,
.sf-field-post-meta-related_aziende_prodotti,
.sf-field-taxonomy-categorie-news,
.sf-field-taxonomy-categorie-approfondimenti,
.sf-field-post-meta-related_aziende_dem,
.sf-field-taxonomy-categorie-indirizzi,
.sf-field-post-meta-eventi_data_inizio,
.sf-field-post-meta-eventi_regione,
.sf-field-post-meta-related_aziende_focus,
.sf-field-category{display: inline-block!important;max-width: 29%;margin: 0 1%!important;}

.sf-field-category select, 
.sf-field-post-meta-aziende_comune select, 
.sf-field-post-meta-aziende_provincia select,
.sf-field-post-meta-related_aziende_prodotti select,
.sf-field-taxonomy-categorie-news select,
.sf-field-taxonomy-categorie-approfondimenti select,
.sf-field-post-meta-related_aziende_dem select,
.sf-field-taxonomy-categorie-indirizzi select,
.sf-field-post-meta-eventi_data_inizio input,
.sf-field-post-meta-eventi_regione select,
.sf-field-post-meta-related_aziende_focus select,
.sf-field-category select{ width:100%; }

.sf-field-submit { display: inline-block!important; width: 10%; }
.sf-field-submit input { background: var(--primario); color: var(--testoSuPrimario); border: 0; }

.sf-field-search { margin: 0 1%!important; }
.sf-field-search input { width: 60%; font-size: 18px; }
.sf-field-search label { width: 100%; }

.sf-field-post-meta-eventi_data_inizio ul li { display: inline-block!important; width: 48%; margin-right: 2%; }

@media( max-width:768px){
	.sf-field-search input{width:98%;}
	.sf-field-category, 
	.sf-field-post-meta-aziende_comune, 
	.sf-field-post-meta-aziende_provincia,
	.sf-field-post-meta-related_aziende_prodotti,
	.sf-field-taxonomy-categorie-news,
	.sf-field-taxonomy-categorie-approfondimenti,
	.sf-field-post-meta-related_aziende_dem,
	.sf-field-taxonomy-categorie-indirizzi,
	.sf-field-post-meta-eventi_data_inizio,
	.sf-field-post-meta-eventi_regione,
	.sf-field-post-meta-related_aziende_focus,
	.sf-field-category{ width: 96%;max-width: 96%; }
	.searchandfilter label { width: 100%; }
	.sf-field-submit { width: 100%; margin-left: 1%!important; }
}
*/
.blk.aziende .socialAzienda li a { font-size: 12px; }
.blk.aziende .preview { min-height:150px; }
.blk.aziende .preview img { max-height:150px; object-fit:contain; }
/* [CLAUDE-FIX 2026-09-19] L'icona di fallback (.previewFallback) usa aspect-ratio:4/3 calcolato sulla
   larghezza della card, quindi nelle liste aziende risultava piu' bassa/alta rispetto al riquadro dei
   loghi veri (min-height:150px), disallineando le card nella stessa riga. Forzata alla stessa altezza. */
.blk.aziende .preview .previewFallback { height:150px; aspect-ratio:auto; }
.blk.aziende .element .dscr{ padding:0 }
.blk.aziende .element .dscr .baseline a:first-of-type { background: none; color: var(--primario); font-size: 14px; font-weight: 600; }
.blk.aziende .element .dscr .baseline a:first-of-type svg { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; } 
.blk.aziende .element .dscr .baseline a:first-of-type:hover svg { margin-right: 5px; }
.blk.aziende .element .preTitle 	{ display:flex; flex-wrap:wrap; gap:3px; }
.blk.aziende .element .preTitle a,
.blk.aziende .element .preTitle span{ 
	align-self: flex-start; margin-bottom: .5rem; display: inline-flex; align-items: center;
    border-radius: 9999px; background-color: rgba(var(--primarioRGB), .1); padding: .25rem .625rem;
    font-size: .75rem; line-height: 1rem; font-weight: 500; color: var(--primario); text-decoration:none; }
.blk.aziende .element .preTitle span{ background-color: rgba(var(--grigioUltraChiaro2RGB), .8); }
.blk.aziende .element .preTitle li svg{ width:0.75rem; height:0.75rem; margin:0 0.25rem; }

.blk.prodotti .preview { min-height:212px; }
/* [CLAUDE-FIX 2026-09-19] Stesso allineamento della fallback icon applicato anche alle liste prodotti,
   per coerenza con .blk.aziende qui sopra (stesso meccanismo di fallback, stesso rischio di disallineamento). */
.blk.prodotti .preview .previewFallback { height:212px; aspect-ratio:auto; }

.element .title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2lh;
    text-overflow: ellipsis;
}


.bskin { width: 100%; margin: 0; padding-top: 130px; position: relative; }
@media (max-width: 991.98px) {
	.bskin { background: none !important;padding-top: 0 !important; } 
}
.bskin header, 
.bskin .module-band-focus-article, 
.bskin footer, 
.bskin .module-band-filter, 
.bskin .wrapper { width: 1170px; margin-left: auto; margin-right: auto; max-width: 100%; position: relative; }

.cskin { position: absolute; width: 100%; top: 0; height: 600px; }
@media (max-width: 991.98px) {
	.cskin { display: none; } 
}

.skinborder { /*padding-top: 14px;*/ width: 100%; }
@media (max-width: 991.98px) {
	.skinborder { padding-top: 0; } 
}

/* end skin styles */
body.admin-bar .bskin { padding-top: 136px !important; background-position-y: 32px !important; }
@media (max-width: 991.98px) {
	body.admin-bar .bskin { background: none !important; padding-top: 0 !important; } 
}

body.admin-bar #header.sticky-header #header-wrap { top: 31px; }
.bskin_mobile { display: none; }
@media (max-width: 991.98px) {
	.bskin_mobile { display: block; margin: 20px auto; text-align: center; }
}

/* [CLAUDE-FIX 2026-08-23] Lightbox per i video di YouTube in home (vedi js/functions.js e
   graficElements/post-compact.php). Overlay a schermo intero con player 16:9 centrato. */
.lightboxVideoOverlay { display:none; position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85); align-items:center; justify-content:center; padding:20px; box-sizing:border-box; }
.lightboxVideoOverlay.active { display:flex; }
.lightboxVideoInner { position:relative; width:100%; max-width:960px; }
.lightboxVideoRatio { position:relative; width:100%; padding-top:56.25%; background:#000; }
.lightboxVideoRatio iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.lightboxVideoClose { position:absolute; top:-40px; right:0; width:32px; height:32px; border:0; background:transparent; color:#fff; font-size:28px; line-height:1; cursor:pointer; }
.lightboxVideoClose:hover { opacity:.7; }
@media (max-width: 767.98px) {
	.lightboxVideoClose { top:-36px; }
}