/* COLORS 1 : VARIABILI *****************************************************************/
:root {
      --base: #59595d;
      --login-testo: #ffffff; /* fondo pagina 						*/
      --pagina-fondo: #f8fdff; /* fondo pagina 						*/
      --pagina-testo: #59595d; /* testo pagina 						*/
      --header-fondo: #38638a; /* fondo barra header 					*/
      --hamburger-menu: #e5e3dd; /* color HAMBURGER MENU					*/
      --menu-link: #e5e3dd; /* link del menu 						*/
      --menu-link-hover: #333333; /* link hover del menu 					*/
      --menu-fondo: #c5203f; /* fondo tasti menu 					*/
      --menu-fondo-hover: #dddddd; /* fondo tasti menu hover 				*/
      --menu-bordo: #163d64; /* fondo tasti menu hover 				*/
      --sub-menu-fondo: #5777a2; /* fondo tasti menu 					*/
      --sub-menu-link: #e5e3dd; /* link del menu 						*/
      --sub-menu-link-hover: #595a5d; /* link hover del menu 					*/
      --titolo-head-fondo: rgb(
            236,
            191,
            50,
            0
      ); /* fondo barra titolo pag.interne		*/
      --titolo-head: #ecbf32; /* testo titolo pag.interne 	.titolo-head		*/
      --titolo-head-tipopagina: #656767; /* testo titolo pag.interne 			*/
      --mininav-fondo: #edf4f8; /* fondo mininav 						*/
      --mininav-testo: #888b8b; /* mininav testo						*/
      --mininav-link: #888b8b; /* mininav link							*/
      --mininav-link-hover: #666868; /* mininav link hover					*/
      --footer-bordo: #743665; /* bordo superiore footer 						*/
      --footer-fondo: #c8e6f7; /* fondo footer 						*/
      --footer-testo: #b1b3b4; /* footer testo							*/
      --footer-link: #3b5f88; /* footer link							*/
      --footer-link-hover: #5986b7; /* footer link hover					*/
      --btn-chiaro-fondo: #xxx;
      --btn-chiaro-hover: #xxx;
      --btn-scuro-fondo: #d1d1d1;
      --btn-scuro-hover: #c5203f;
      --btn-login-fondo: #38638a;
      --btn-login-hover: #5086b8;
      --domanda-fondo: rgba(255, 255, 255, 0.5);
      --domanda-fondo-hover: rgba(255, 255, 255, 1);
      --toggle-header-fondo: #f1f2f6;
      --toggle-content-fondo: #ffffff;
      --gotoTop: #38638a;
      --gotoTop-hover: #5086b8;
      --summaries-link: #7e7e7e;
      --summaries-link-hover: #c5203f;
      --link: #59595d; /* come base */
      --link-hover: #9e9ea0; /* come base + chiaro */

      /* da nero a bianco */
      --grigio-0: #000000;
      --grigio-1: #101010;
      --grigio-2: #202020;
      --grigio-3: #303030;
      --grigio-4: #404040;
      --grigio-5: #505050;
      --grigio-6: #606060;
      --grigio-7: #707070;
      --grigio-8: #808080;
      --grigio-9: #909090;
      --grigio-a: #aaa;
      --grigio-b: #bbb;
      --grigio-c: #ccc;
      --grigio-d: #ddd;
      --grigio-e: #eee;
      --grigio-f: #fff;

      --bianco-trasp-01: rgba(255, 255, 255, 0.1);
      --bianco-trasp-02: rgba(255, 255, 255, 0.2);
      --bianco-trasp-03: rgba(255, 255, 255, 0.3);
      --bianco-trasp-04: rgba(255, 255, 255, 0.4);
      --bianco-trasp-05: rgba(255, 255, 255, 0.5);
      --bianco-trasp-06: rgba(255, 255, 255, 0.6);
      --bianco-trasp-07: rgba(255, 255, 255, 0.7);
      --bianco-trasp-08: rgba(255, 255, 255, 0.8);
      --bianco-trasp-09: rgba(255, 255, 255, 0.9);
      --bianco-trasp-10: rgba(255, 255, 255, 1);

      --nero-trasp-01: rgba(0, 0, 0, 0.1);
      --nero-trasp-02: rgba(0, 0, 0, 0.2);
      --nero-trasp-03: rgba(0, 0, 0, 0.3);
      --nero-trasp-04: rgba(0, 0, 0, 0.4);
      --nero-trasp-05: rgba(0, 0, 0, 0.5);
}
/*

@import url('https://fonts.googleapis.com/css2?family=RobotoCondensed:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&display=swap');

*/

body {
      font-family:
            "Helvetica", "Neue Haas Display", "Open Sans", helvetica,
            sans-serif, "Roboto Condensed", RobotoCondensed, "Roboto", Nunito;
}

h1,
h2,
h3,
h4,
h5,
h6,
.menu-link,
.sub-menu-link,
.sub-menu-container .menu-item .menu-link {
      font-family:
            "Lato", "Neue Haas Display", "Open Sans", helvetica, sans-serif,
            "Roboto Condensed", RobotoCondensed, Nunito;
      margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
      color: var(--pagina-testo);
}

sup {
      font-size: 16px;
      line-height: 0;
      position: relative;
      top: -0.4em;
      left: 0.2em;
      margin-right: 0.2em;
      font-weight: 400;
      letter-spacing: -3%;
}
a:link,
a:visited {
      color: #3c25be;
      transition: all 0.2s;
}
a:hover,
a:active {
      color: #482be7;
}

#wrapper {
      background-image: url("img/sfondo_pagina1.jpg");
      background-size: cover;
      background-color: var(--pagina-fondo);
      color: var(--pagina-testo);
} /* sfondo/testo pagine */

#gotoTop {
      background-color: var(--gotoTop);
      border-radius: 50px;
}

#gotoTop:hover {
      background-color: var(--gotoTop-hover);
      border-radius: 50px;
}

/* HEADER / MENU ***********************************************************/
#header {
      border-bottom: 0px;
      /*
	background-color: #000;
*/
}
#header-wrap {
      background-color: var(--header-fondo);
      /*	*/
      /*	background: rgb(37,140,212);
	background: -webkit-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: -o-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: linear-gradient(to right, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#258cd4",endColorstr="#743766",GradientType=1);
	color: white;

	padding-top: 36px;
	padding-bottom: 36px;
	*/
}
#header-row {
}
.sticky-header #header-wrap {
      background-color: var(--header-fondo);
}
#logo {
      border-right: 0px !important;
} /* bordo separatore, a destra del logo */
#logo {
      padding: 8px 8px 8px 34px;
      display: block;
      text-align: center;
      max-width: 100% !important;
}
#logo img {
      max-width: 287px;
      max-height: 37px;
      height: 37px;
      transition: all 500ms ease-in;
}
.menu-link {
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 33px;
      padding-right: 33px;
      font-weight: 500;
      text-transform: none;
}
.menu-item {
      position: relative;
}
.sub-menu-container,
.mega-menu-content {
      min-width: 360px;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap; /* facoltativo: evita a capo indesiderati */
      z-index: 9999; /* assicura che stia sopra */
}
.sub-menu-link {
      margin-left: 19px;
}

.menu-container > .menu-item:not(:first-child) {
      margin-left: 0px;
}

.menu-container > .menu-item:not(.mega-menu) .sub-menu-container {
      padding: 0px;
}

.menu-container {
}

.menu-container > .menu-item li {
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
}
.menu-container > .menu-item li:not(:last-child) {
      border-bottom: 1px solid var(--menu-bordo) !important;
}
a.menu-link {
      /*
	background-color: var(--menu-fondo);
*/
      color: var(--menu-link) !important;
      font-size: 22px;
      letter-spacing: normal;
      /*
	border-bottom: 8px solid var(--menu-bordo); /* var(--bianco-trasp-03); 
	*/
      transition: all 200ms ease-in;
}
a.menu-link:hover {
      background-color: var(--menu-fondo-hover);
      color: var(--menu-link-hover) !important;
      /*	
 	border-bottom: 8px solid var(--menu-bordo);
   border-top:3px solid var(--menu-link)!important;
*/
      -webkit-transition: background-color 300ms linear;
      -ms-transition: background-color 300ms linear;

      transition: background-color 300ms linear;
}
a.sub-menu-link {
      background-color: var(--sub-menu-fondo);
      color: var(--sub-menu-link) !important;
      font-size: 21px;
      letter-spacing: normal;
      border-bottom: 8px solid var(--menu-bordo); /* var(--bianco-trasp-03); */
}
a.sub-menu-link:hover {
      background-color: var(--sub-menu-fondo-hover);
      color: var(--sub-menu-link) !important;
      border-bottom: 8px solid var(--menu-bordo);
      /*	
    border-top:3px solid var(--menu-link)!important;
*/
}

/*.menu-text::before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	background-color: #C16EBC;
	margin: 0 auto;
	border-radius: 30px;
	margin-bottom: 20px;
}
*/

.sub-menu-container {
      background-color: var(--sub-menu-fondo);
      border-top: none;
      padding-left: 0px !important;
      padding-right: 0px !important;
      padding-top: 0px;
      padding-bottom: 0px;
}
.sub-menu-container .menu-item a.menu-link {
      background-color: transparent;
      font-size: 20px;
      border: 0;
      color: var(--sub-menu-link) !important;
      border-top: 0px !important;
}
.sub-menu-container .menu-item a.menu-link:hover {
      background-color: var(--menu-fondo-hover);
      color: var(--sub-menu-link-hover) !important;
      border-top: 0px !important;
}
.xsub-menu-container .menu-item:hover {
      background-color: var(--menu-fondo-hover);
      color: var(--sub-menu-link);
      border-top: 0px;
}

/* CUSTOM HOMEPAGE
.homepage #header-wrap {background-color:var(--header-fondo); opacity:0.8;}
.homepage .sticky-header #header-wrap {background-color:var(--header-fondo); opacity:0.8; }
.homepage a.menu-link { background-color:transparent }
*/

/* video: nasconde slider e sostituisce div , solo per mobile */
#slider {
      display: block !important;
}
.mobile {
      display: none !important;
}
/* FINE HOMEPAGE */

/* TITOLO HEAD *************************************************************/
/*
.titolo-head { background-image:url('img/sfondo_header.jpg'); align-content: center;}
.titolo-head { background-color: var(--titolo-head-fondo); }

.titolo-head-box { background: rgba(255,255,255,0.65); min-height: 0.6rem; padding-left:0.4rem; padding-right:0.4rem;  padding-top:0.4rem; padding-bottom:0.4rem; width:fit-content; margin: 0 auto; min-width: 290px; }
.titolo-head .tipopagina { color: var(--titolo-head-tipopagina); font-size: 1.3rem; padding-bottom:0.9rem;  }
.titolo-head h1 { color: var(--titolo-head); font-weight:bold; line-height: 44px; }
*/

/* TITOLO HEAD *************************************************************/
.titolo-head {
      /*background-image: url('img/sfondo_header.jpg'); 
	background-position: top center; 
	*/
      align-content: center;
      padding: 60px 0px;
      height: 800px;
      max-height: 800px;
      background-size: cover; /* Riempie tutto l'elemento anche oltre 1920px */
      background-repeat: no-repeat; /* Evita che si ripeta */
      background-position: center center; /* Centra l'immagine */

      /*PARALLAX */
      position: relative;
      overflow: hidden;
}
/*PARALLAX */
.parallax-img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url("img/sfondo_Risorse.jpg");
      background-size: cover;
      background-position: center;
      z-index: 1;
      will-change: transform;
}

.titolo-head-box {
      background: var(--titolo-head-fondo);
      padding-left: 61px;
      /*	padding-right: 15px;
	*/

      /*PARALLAX */
      position: relative;
      z-index: 2;
      color: white;
      padding: 50px;
}
.titolo-head .tipopagina {
      color: var(--titolo-head-tipopagina);
      padding-top: 0px !important;
      padding-bottom: -10px !important;
      margin: 0px;
      /*	*/
      padding: 0px;
      opacity: 1 !important;
      font-weight: 300;
      text-align: left;
}
.titolo-head-box p {
      padding: 0 !important;
      /*	margin: 0!important;
*/
      font-size: 21px;
      margin-top: -10px;
}

.titolo-head h1 {
      color: var(--titolo-head);
      line-height: normal;
      font-size: 160px;
      font-weight: 600; /* Usa Medium */
      /*text-shadow: 0.4px 0.4px 0 rgba(255, 255, 255, 1); /* Simula profondità */
      font-family: "Helvetica Neue LT Std";
      text-align: left;
      /*margin: -12px 0px;
	*/
}
.titolo-head h3 {
      color: var(--titolo-head);
      line-height: normal;
      font-family: "Helvetica Neue LT Std";
      font-size: 70px;
      font-weight: 600;
      text-align: left;
}

/* VIDEO HIGHLIGHTS ********************************************************/
.mfp-bg {
      background: var(--nero);
      opacity: 0.85 !important;
}

/* MININAV *****************************************************************/
.mininav {
      background-color: var(--mininav-fondo);
      /*
	*/
      color: var(--mininav-testo);
      /*	background: rgb(37,140,212);
	background: -webkit-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: -o-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: linear-gradient(to right, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#258cd4",endColorstr="#743766",GradientType=1);
*/
      border-bottom: 3px solid #99226c;
}
.mininav a {
      /*
	background-color: var(--mininav-fondo); 
	*/
      color: var(--mininav-link);
      border-bottom: 0px solid transparent;
      font-size: 17px;
      text-decoration: none;
      transition: all 200ms ease-in;
}
.mininav a:hover {
      /*background-color: var(--mininav-fondo); 
	*/
      color: var(--mininav-link-hover);
      border-bottom: 0px solid #fff;

      -webkit-transition: color 300ms linear;
      -ms-transition: color 300ms linear;
      transition: all 200ms linear;
      text-decoration: none !important;
}

/* TOPICS ********************/
#section-topics .item:not(:first-of-type) {
      border-top: 2px solid #f6f4f5;
}
#section-topics .item:not(:last-of-type) {
      border-bottom: 1px solid #bbbbbb;
}
#section-topics .item h2 {
      font-size: 1.5rem;
      line-height: normal;
      color: var(--base);
}
#section-topics .argomento {
      text-align: center;
} /* solo per le icone check */
#section-topics .argomento img {
      border: 0px solid rgba(0, 0, 0, 0.1);
}

/* INTERVISTE ****************/
.intervista .dottore .nome {
      color: var(--base);
} /* titolo e nome */
.intervista .dottore .affiliazione {
      color: #555;
}
.intervista .dottore .lingua {
      color: var(--grigio-4);
} /* lingua intervista */
.intervista .dottore .domanda {
      background-color: var(--domanda-fondo);
      border-left: 0px solid #ccc;
      border-top: 1px solid #ddd;
      transition: all 200ms linear;
}
.intervista .dottore .domanda:hover {
      background-color: var(--domanda-fondo-hover);
} /* come domanda , meno schiarito */
/*.intervista .dottore .domandaincorso { background-color: #ddd; border-left: 5px solid red; }*/
.intervista .dottore span.domandatime {
      color: var(--grigio-6);
}

/* INTERVISTE ****************/
/* elementi pagina interviste */
.intervista .dottore .nome {
      color: #0c629a;
      margin: 10px 0px 10px 0px;
} /* titolo e nome */
.intervista .dottore .affiliazione a:link,
a:visited {
      color: #0c629a;
}
.intervista .dottore .affiliazione a:hover,
a:active {
      color: #0c629a;
}
.intervista .dottore .lingua {
      color: var(--bianco);
} /* lingua intervista */
.intervista .dottore .domanda {
      background-color: rgba(0, 0, 0, 0.01);
      border: 0px solid rgba(0, 0, 0, 0.2);
      border-left: 5px solid #dea820;
      font-family: "Helvetica", "Sans serif";
}
.intervista .dottore .domanda:hover {
      background-color: rgba(0, 0, 0, 0.04);
} /* come domanda , meno schiarito */
/*.intervista .dottore .domandaincorso {background-color:var(--grigio-d); border-left:5px solid var(--arancio);} */
/*.intervista .dottore span.domandatime {color:var(--grigio-a);}*/

/* PODCASTS **************************************** */
.podcast {
}
.podcast .bg-podcast {
      background-color: var(--xxx);
      border: 1px solid #ddd;
} /* div colonna singolo podcast */

/* SUMMARIES INDICE ***************************************************************/

#section-summaries .item {
      border-top: 1px solid var(--grigio-e);
      border-bottom: 0px solid var(--grigio-e);
      x-background-color: var(--xxx);
      color: var(--xxx);
}
#section-summaries h2 {
      font-size: 1.5rem;
      line-height: normal;
      color: var(--base);
}
#section-summaries .item .sx {
      x-background: var(--xxx);
}
#section-summaries .item .sx img {
      x-background-color: var(--xxx);
      border: 1px solid var(--xxx);
}
#section-summaries .item .sx .slidekits {
      x-background-color: var(--button_pdf_sfondo);
      color: var(--button_pdf_testo);
}
#section-summaries .item .sx .slidekits .button {
      background-color: var(--btn-slidekits-fondo);
      color: var(--grigio-f);
      border-left: 0px solid var(--base);
}
#section-summaries .item .sx .slidekits .button:hover {
      background-color: var(--btn-slidekits-hover);
      color: var(--grigio-f);
}
#section-summaries .item .dx {
      x-border-left: 1px solid #c00;
}
#section-summaries .item .dx h3 {
}
#section-summaries .item .dx div {
      color: var(--grigio-8);
}
#section-summaries .item .nofiletto {
      border-left: 0px;
}
#section-summaries .item a {
      color: var(--link);
      transition: all 200ms ease-in;
}
#section-summaries .item a:hover {
      color: var(--link-hover);
}

/* SUMMARIES PAGINE SINGOLE ***************************************************************/
#section-summaries .postcontent h1 {
      color: var(--base);
}
#section-summaries .postcontent .toggle {
}
#section-summaries .postcontent .toggle .toggle-header {
      background-color: var(--toggle-header-fondo);
      /*
	background: rgb(236,242,244);
	background: -moz-linear-gradient(90deg, rgba(236,242,244,1) 0%, rgba(243,251,252,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(236,242,244,1) 0%, rgba(243,251,252,1) 100%);
	background: linear-gradient(90deg, rgba(236,242,244,1) 0%, rgba(243,251,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf2f4",endColorstr="#f3fbfc",GradientType=1);
	*/
}
#section-summaries .postcontent .toggle .toggle-bg {
}
#section-summaries .postcontent .toggle .toggle-content {
      background-color: var(--toggle-content-fondo);
}

/* SUMMARIES SIDEBAR ********************** */
#section-summaries .sidebar h4 {
}
#section-summaries .sidebar .sidebar-post {
      border-bottom: 1px solid var(--grigio-e);
}
#section-summaries .sidebar h5 {
      color: var(--summaries-link);
}
#section-summaries .sidebar .sidebar-post {
      color: var(--summaries-link);
}
#section-summaries .sidebar a {
      color: var(--summaries-link);
      transition: all 200ms ease-in;
}
#section-summaries .sidebar a:hover {
      color: var(--summaries-link-hover);
}

/* LOGIN ***************************************************************/
form {
      margin: 0;
}
#login-box {
      max-width: 578px;
      margin-top: 5.5%;
      margin-left: 0%;
      margin-right: 0%;
}
#login {
      height: 100%;
      background-image: url("img/sfondo_login1.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 0px 0px 0px 0px;
      margin: 0;
}
#login .content {
      /*padding-top: 7%; 
	*/
      padding-top: calc(
            50vh - 200px
      ); /* Centro verticale, 200px è metà dell'altezza stimata del contenuto */
      padding-left: 0px !important;
      margin-left: 10%; /* Distanza da sinistra */
}
#login .logo {
      padding: 0px 0px 0px 0px;
      display: block;
      text-align: center;
}
#login .form-widget {
      padding: 0px;
      padding-bottom: 0px;
      margin: 0;
      xbackground-color: rgb(224, 224, 224, 0);
      background-color: rgb(224, 224, 224, 0);
      border: 0px solid rgb(0, 29, 64, 0);
      color: var(--grigio-7);
      /*	max-width: 400px;
	*/
}

.form-widget .registrazione {
      background-color: #c5dff8;
}

#login .larghezza {
      max-width: 571px !important;
}
#login .form-widget .col-12,
#login .form-widget p {
      /*
	margin-left: -15px!important;
	margin-right: -15px!important;
*/
}
/* larghezza logo + 100px + 16px*/
#login .larghezza label {
      color: var(--login-testo);
      /*
	*/
      text-transform: none;
      font-size: 16px;
      font-weight: 500;
      font-stretch: condensed;
      letter-spacing: 0px;
      text-transform: uppercase;
}
#login .msg {
      color: var(--login-testo);

      /*	*/
}
#login .btn-login {
      background-color: var(--btn-login-fondo);
      color: var(--grigio-f);
      border-radius: 0;
      font-size: 20px;
      margin-bottom: 0px;
}
#login .btn-login:hover {
      background-color: var(--btn-login-hover);
      color: var(--grigio-f);
}

/* modulo registrazione */
#login .registrazione {
      padding: 50px;
      padding-bottom: 10px;
      background-color: rgba(197, 223, 248, 1);
      color: #515151;
      border: 0px solid var(--grigio-f);
      border-radius: 40px !important;
}
#login .registrazione h3 {
      color: #020202;
}
/* #login .registrazione input{background:#3a3e42; color:var(--grigio-f);}  */
#login .registrazione input:invalid {
      border-left: 4px solid #cc0000 !important;
}
#login .registrazione input:invalid:required {
      border-left: 4px solid #cc0000 !important;
}
#login .registrazione input:valid {
      border-left: 4px solid #00cc00 !important;
}

.primary-menu {
      width: max-content; /* Adatta la larghezza al contenuto */
      margin: 0 auto; /* Centra orizzontalmente */
      margin-right: 9px;
}
.password-container {
      position: relative;
}

.toggle-password {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
}

.toggle-password i {
      font-size: 18px;
      color: #aaa;
}

/* POPUP LINK ESTERNO  ***************************************************************/
#exit-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      z-index: 1998;
}
#exit-alert {
      position: fixed;
      bottom: -200px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #dcdcdc;
      padding: 15px 18px;
      z-index: 9999;
      font-family: "Lato", sans-serif;
      font-size: 15px;
      display: none;
      max-width: 640px;
      width: 100%;
      opacity: 0; /* per fade-in/out */
      box-sizing: border-box;
      text-align: left;
      white-space: normal;
      color: #333;
      white-space: normal;
}

.exit-text {
      display: inline-block;
      width: 70%;
      vertical-align: middle;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      float: left;
}

.exit-buttons {
      display: inline-block;
      width: 30%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      float: left;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding-top: 34px;
}

.exit-buttons a {
      color: #496388;
      font-weight: bold;
      text-decoration: none;
      cursor: pointer;
      padding: 5px 10px;
      border: 0px solid #3b5f88;
      border-radius: 3px;
      margin-left: 5px;
      transition: background 0.2s;
      white-space: nowrap;
}

.exit-buttons a:hover {
      background-color: #748fb4;
      color: #fff;
}

.referenze {
      font-size: 16px;
}

.tabella_IEI {
      width: 100%;
      border-collapse: collapse;
      font-size: 15.5px;
      line-height: 1.45;
      color: #222;
}

/* celle */
.tabella_IEI td {
      padding: 10px 12px;
      border: 1px solid #9cb1c2;
      vertical-align: top;
}

/* header (prima riga) */
.tabella_IEI tr:first-child td {
      background-color: #b0d4f4 !important;
      font-weight: 700;
      text-align: left;
}

/* prima colonna (sindromi) */
.tabella_IEI tr:not(:first-child) td:first-child {
      background-color: #d0e5f6 !important;
      font-weight: 600;
}

/* altre colonne */
.tabella_IEI tr:not(:first-child) td:not(:first-child) {
      background-color: #efefef !important;
}

/* paragrafi dentro le celle */
.tabella_IEI p {
      margin: 0;
}

/* migliora leggibilità testi lunghi */
.tabella_IEI td {
      word-break: keep-all;
}

/* responsive: scroll orizzontale su mobile */
@media (max-width: 768px) {
      .tabella_IEI {
            display: block;
            overflow-x: auto;
            white-space: nowrap;
      }
}

/* FOOTER ***************************************************************/
#footer {
      background-color: var(--footer-fondo);
      color: var(--footer-testo);
      font-size: 1rem;
      padding: 10px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-top: 0px solid var(--footer-bordo);
      border-bottom: 0px solid var(--footer-bordo);
      font-size: 14px;
      text-transform: none;
      font-family: "Lato";
}
.footer__code {
      top: 5px;
      font-size: 10px;
      /* color: grey; */
      color: var(--footer-testo);
      margin: 0 auto;
      width: 100%;
      text-align: center;
      padding: 0 0 10px 0;
}

.footer-home {
      /*
	background-color: var(--footer-fondo)!important;
	*/
      background-color: transparent !important;
      opacity: 1;
      border-top: 0px solid var(--footer-bordo) !important;
      text-align: left;
}
#footer span,
#footer a {
      padding: 0 0.5em;
}
#footer .sx {
      text-align: left;
      padding-left: 39px;
}
#footer #APDS_link a {
      color: #3b5f88;
      font-weight: bold;
      font-size: 16px;
      padding: 0;
}
#footer .mid {
      /* margin-bottom: -40px !important; */
}
#footer #APDS_link a:hover {
      color: #5986b7;
}
#footer .dx {
      text-align: right;
      padding-right: 39px;
}
#footer .logosponsor {
      max-height: 63px;
      width: auto;
}
#footer .logosponsor_label {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      text-transform: none;
      margin-right: 10px;
      line-height: 16px;
}

.footer-home img {
      margin: 0;
      padding: 0;
}

#footer-left {
      margin-right: 85px;
}
#footer-center {
}
#footer-right {
      margin-left: 65px;
      margin-right: 85px;
}
#footer a {
      color: var(--footer-link);
      font-size: 1rem;
      text-transform: none;
      transition: all 200ms ease-in;
}
#footer a:hover {
      color: var(--footer-link-hover);
}

@media (max-width: 1599.98px) {
      /* colore sfondo header/footer mobile */
      #footer .sx {
            text-align: center;
            padding: 0px;
      }
      #footer .dx {
            text-align: center;
            padding: 0px;
      }
      #footer .mid {
            padding-left: 20px;
            padding-right: 20px;
      }
      #footer-left {
            margin-right: 10px;
      }
      #footer-right {
            margin-left: 0px;
            margin-right: 10px;
      }
}
@media (max-width: 1354.98px) {
      /* colore sfondo header/footer mobile */
      .menu-link {
            padding-left: 13px;
            padding-right: 13px;
            font-weight: 500;
            font-size: 22px;
      }

      #footer .logosponsor_label {
            display: inline-block;
            text-align: center;
            margin-right: 0px;
      }
      #footer-right {
            margin: 0px;
      }
      #footer-left {
            display: block !important;
            margin: 0px;
            margin-bottom: 10px !important;
      }
}

@media (max-width: 1301.98px) {
      /* colore sfondo header/footer mobile */
      /*
	.primary-menu {
		width: max-content;
		margin: 0 auto;
		margin-right: 0%;
	}
	*/
}

@media (max-width: 1151.98px) {
      /* colore sfondo header/footer mobile */
      #logo {
            padding: 8px 8px 8px 22px;
      }
      /* TITOLO HEAD *************************************************************/
      .titolo-head {
            background-position: top center;
            height: 500px;
            max-height: 500px;
      }
      .titolo-head-box {
            padding-left: 31px;
      }
      .titolo-head .tipopagina {
      }
      .titolo-head-box p {
            padding: 0 !important;
            font-size: 21px;
            margin-top: -10px;
      }

      .titolo-head h1 {
            color: var(--titolo-head);
            line-height: normal;
            font-size: 120px;
            font-weight: 600; /* Usa Medium */
            /*text-shadow: 0.4px 0.4px 0 rgba(255, 255, 255, 1); /* Simula profondità */
            text-align: left;
      }

      a.menu-link {
            font-size: 20px;
      }

      #header-wrap {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
      }
}

@media (max-width: 991.98px) {
      /* colore sfondo header/footer mobile */
      .menu-link {
            margin-left: 0px;
      }
      /*	
	.menu-container	{
		margin-top: 0px!important;
		margin-bottom: 9px!important;
	}
	menu-item:first-child { 
		padding-bottom: -35px!important;
		background-color:#006633;
	}

*/

      #logo {
            padding: 8px 8px 8px 2px;
      }
      /* TITOLO HEAD *************************************************************/
      .titolo-head {
            background-position: top center;
            height: 400px;
            max-height: 400px;

            /* TOLGO PARALLAX SU MOBILE*/
            height: auto;
            max-height: none;
            position: relative;
            overflow: hidden;
      }

      /* TOLGO PARALLAX SU MOBILE*/
      .parallax-img {
            height: auto;
            min-height: 300px; /* oppure 100% se vuoi che segua il contenuto */
            transform: none !important;
      }
      .titolo-head-box {
            padding-left: 17px;

            /* TOLGO PARALLAX SU MOBILE*/
            position: relative;
            z-index: 2;
            padding: 40px 20px;
      }
      .titolo-head .tipopagina {
      }
      .titolo-head-box p {
            padding: 0 !important;
            font-size: 21px;
            margin-top: -10px;
      }

      .titolo-head h1 {
            color: var(--titolo-head);
            line-height: normal;
            font-size: 100px;
            font-weight: 600; /* Usa Medium */
            /*text-shadow: 0.4px 0.4px 0 rgba(255, 255, 255, 1); /* Simula profondità */
            text-align: left;
      }

      a.menu-link {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
            padding-top: 14px !important;
            padding-bottom: 12px !important;
      }

      a.menu-link::last-child {
            margin-bottom: 20px !important;
      }

      .sub-menu-link {
            margin-left: 0px;
      }
      #header-wrap {
            /*background:var(--header-fondo)!important; */
            opacity: 1 !important;
      }
      .footer-home {
            background: var(--footer-fondo) !important;
            opacity: 1 !important;
      }
      .footer-home-div {
            position: relative;
      }

      #slider {
            display: none !important;
      }
      .mobile {
            display: block !important;
      }
      .mobile .mobile-text {
            padding: 20px;
      }
      .mobile h3,
      .mobile h4 {
            color: var(--base);
            line-height: 1.5rem !important;
            padding-top: 2rem;
            padding-bottom: 2rem;
      }

      #primary-menu-trigger {
            color: #ffffff !important;
      }
      .menu-item:not(:first-child) {
            border-top: 1px solid #fdc212 !important;
            border-top: 1px solid #eeeeee !important;
      }
      .menu-item:last-child {
            margin-bottom: 5px;
      }
      .svg-trigger {
            /*
		background-color:#FFFFFF;
*/
      }
      .svg-trigger path {
            stroke: var(--hamburger-menu) !important;
            stroke-width: 7 !important;
            stroke-linecap: round;
      }
      .sub-menu-trigger {
            color: #ffffff !important;
      }
      .menu-container > .menu-item:not(.mega-menu) .sub-menu-container {
            padding: 0px;
      }
      .sub-menu-container .menu-item a.menu-link {
            padding: 0;
            margin: 0;
            font-size: 20px;
            padding-left: 15px;
      }
      .sub-menu-container .menu-item:last-child {
            margin-bottom: 0px;
      }
      /*	.menu-text::before {
		content: "";
		display: block;
		width: 11px;
		height: 11px;
		background-color: #C16EBC;
		margin: 0 auto;
		position:relative;
		top: 15px;
		text-align: center;
		left: 43%;
	
	}
*/
      /* Disattiva centratura submenu su mobile */
      .sub-menu-container,
      .mega-menu-content {
            position: static !important;
            transform: none !important;
            left: auto !important;
            top: auto !important;
            width: 100% !important;
            min-width: auto !important;
            white-space: normal !important;
      }

      .menu-container > .menu-item li {
            padding-top: 0px;
            padding-bottom: 0px;
            text-align: left;
      }
      .menu-container > .menu-item li:not(:last-child) {
            border-bottom: 0px solid var(--menu-bordo) !important;
      }
}

@media (max-width: 768px) {
      /* colore sfondo header/footer mobile */
      #login .content {
            margin: 0 auto; /* Centra orizzontalmente */
            padding-left: 0 !important;
            /*
		padding-top: calc(50vh - 150px); /* Se vuoi anche un centraggio verticale più adatto */
            max-width: 90%; /* Permette al blocco di ridursi su schermi piccoli */
      }

      #footer .logosponsor_label {
            display: block;
            margin-right: 0px;
            margin-bottom: 5px;
      }

      #footer-left {
            width: auto;
            display: inline-block !important;
      }

      #footer .row {
            display: flex;
            flex-direction: column;
      }

      #footer .sx {
            order: 1;
            margin-bottom: 20px !important;
            text-align: center;
            padding: 0px;
            display: block;
      }

      #footer .dx {
            order: 2;
            margin-bottom: 20px !important;
            text-align: center;
            padding: 0px;
            display: block;
      }

      #footer .mid {
            order: 3;
            margin-bottom: 0px !important;
            text-align: center;
      }
      #footer .row > div {
            width: 100%;
            margin-bottom: 10px;
      }
      /* Mantieni l'allineamento orizzontale tra LinkedIn e APDS */
      #footer-left {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
      }
      #exit-alert {
            width: 90%;
            padding-left: 30px;
            padding-right: 25px;
            padding-top: 25px;
      }

      .exit-text {
            display: block;
            width: 100%;
            float: none;
            margin-bottom: 0px;
            padding-bottom: 0;
      }

      .exit-buttons {
            display: block;
            width: 100%;
            text-align: center;
            margin-bottom: 5px;
            padding-top: 5px;
      }
      .titolo-head h3 {
            font-size: 60px;
      }
}

@media (max-width: 500px) {
      /* colore sfondo header/footer mobile */

      #logo img {
            width: auto;
            height: 30px !important;
      }
      /* TITOLO HEAD *************************************************************/
      .titolo-head {
            background-position: top center;
            height: auto;
            max-height: 400px;
      }
      .titolo-head .tipopagina {
      }
      .titolo-head-box p {
            padding: 0 !important;
            font-size: 21px;
            margin-top: -10px;
      }

      .titolo-head h1 {
            color: var(--titolo-head);
            line-height: normal;
            font-size: 80px;
            font-weight: 600; /* Usa Medium */
            /*text-shadow: 0.4px 0.4px 0 rgba(255, 255, 255, 1); /* Simula profondità */
            text-align: left;
      }
      .titolo-head h3 {
            font-size: 40px;
      }

      .mobile .mobile-text {
            padding: 10px;
      }
      .mobile h3,
      .mobile h4 {
            color: var(--base);
            line-height: 1.5rem !important;
            padding-top: 1rem;
            padding-bottom: 1rem;
      }

      #login .registrazione {
            padding: 30px;
            padding-bottom: 10px;
            border-radius: 30px !important;
      }
      #login .registrazione .form-row {
            margin-left: -15px;
            margin-right: -15px;
      }
      #login .content {
            padding-top: 15px !important;
      }
}