﻿/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

strong   {
	font-weight: 600 !important;
	}


a.menu-link {
	font-family: 'Montserrat', sans-serif  !important;
	
	}

label {
	font-family: 'Montserrat', sans-serif  !important;
	
	}


.lead  {
	font-family: 'Montserrat', sans-serif  !important;
	font-size: 18px !important;
    color: #183b63;
	line-height: 26px !important;
	text-align: justify !important	;
}





/* LISTA CON BULLET GIALLI */

.li-bullet-yellow {
  list-style: none;                /* Rimuove il bullet predefinito */
  position: relative;
  padding-left: 28px;              /* Spazio per l’immagine */
  margin-left: 40px;
 margin-bottom: 40px;
  background: url('../images/home/bullet.png') no-repeat left 0.48em; /* Allineamento verticale */
  background-size: 14px 14px;      /* Regola la dimensione del bullet */
}

.li-bullet-yellow-small-list {
  list-style: none;                /* Rimuove il bullet predefinito */
  position: relative;
  padding-left: 28px;              /* Spazio per l’immagine */
  margin-left: 40px;
  margin-bottom: 10px;
  background: url('../images/home/bullet.png') no-repeat left 0.48em; /* Allineamento verticale */
  background-size: 14px 14px;      /* Regola la dimensione del bullet */
}


/* LISTA CON ROMBI GIALLI */

.li-diamonds-yellow {
  list-style: none;                /* Rimuove il bullet predefinito */
  position: relative;
  padding-left: 28px;              /* Spazio per l’immagine */
  margin-left: 40px;
 margin-bottom: 40px;
  background: url('../images/home/bullet2.png') no-repeat left 0.48em; /* Allineamento verticale */
  background-size: 14px 14px;      /* Regola la dimensione del bullet */
}

.li-diamonds-yellow-small-list {
  list-style: none;                /* Rimuove il bullet predefinito */
  position: relative;
  padding-left: 28px;              /* Spazio per l’immagine */
  margin-left: 40px;
  margin-bottom: 10px;
  background: url('../images/home/bullet2.png') no-repeat left 0.48em; /* Allineamento verticale */
  background-size: 14px 14px;      /* Regola la dimensione del bullet */
}



:root{
  --border:#98B7E2;    /* blu bordo */
  --text:#183a63;      /* blu testo */
  --radius:22px;       /* arrotondamento */
}

.feature-card{
  display:flex;
  gap:16px;
  align-items:center;
  padding:18px 22px;
  border:3px solid var(--border);
  border-radius: var(--radius);
  color: var(--text);
  background:#fff;
  width: 80%;          /* oppure 70%, 60%… */
  max-width: 780px;    /* limite massimo opzionale */
  margin: 0 auto;      /* centra dentro la row */
}

/* immagine icona a sinistra (inserisci tu il file) */
.feature-icon{
  width:64px;                    /* regola a piacere */
  height:64px;
  object-fit: contain;
  flex:0 0 auto;
}

/* contenuto testo: allineato a sinistra */
.feature-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:left;               /* <-- a bandiera sinistra */
}

.feature-title{
  margin:0 0 6px 0;
  font-weight:800;
  font-size:20px;
  letter-spacing:.3px;
  color: #183a63;
}

.feature-text{
  margin:0;
  font-size:16px;
  line-height:1.45;
}

/* responsive: stringi spazi e icona su mobile */
@media (max-width: 520px){
  .feature-card{ padding:14px 16px; gap:12px }
  .feature-icon{ width:52px; height:52px }
  .feature-title{ font-size:18px; margin-bottom:4px }
  .feature-text{ font-size:15px }
}









h3.intro-test {
	font-family: 'Open Sans', sans-serif  !important;
	color: #7496cd;
	font-weight:800;
	line-height:48px;
	font-size: 32px;
	text-transform: uppercase !important;
	
	}

 
 p.bold-test {
	 color:#1c3b64;
	font-weight: bold;
	line-height:28px;
	text-transform: none !important;
	font-family: 'Montserrat', sans-serif  !important;
	
	}

 
.test-title  {
 color:#1c3b64; 
 text-transform: uppercase; 
 font-weight: bold; 
 font-size: 18px
 }
 
p.test {
	 color:#1c3b64;
	line-height:28px;
	font-size: 18px;
	text-transform: none !important;
	font-family: 'Montserrat', sans-serif  !important;
	
	}
	
	
.follow-up {
	 color:#7496cd;
	 font-family: 'Montserrat', sans-serif  !important;
	 font-size: 22px;
	 font-weight: 700;
	 line-height: 32px;
}



h3.titoloparallax {
	color:#1c3b64;
	font-size: 42px;
	line-height:54px;
	text-transform: uppercase !important;
	font-weight:600  !important;
	font-family: 'Montserrat', sans-serif  !important;

	}
	
h3.titoloform {
	color:#183b63;
	font-size: 42px;
	line-height:54px;
	text-transform: uppercase !important;
	font-weight:600  !important;
	font-family: 'Montserrat', sans-serif  !important;

	}
	
	
h5.test-txt {
	color:#1c3b64; 
	font-size:15px; 
	font-weight:400; 
	padding-top:20px;
	font-family: 'Montserrat', sans-serif  !important;
}
	
	
h4.test-txt {
	color:#CA94C2; 
	font-size:20px; 
	font-weight:800; 
	padding-top:20px;
	text-transform: uppercase !important;
	font-family: 'Montserrat', sans-serif  !important;

}
	


	
h3.titolosezione {
	 color:#fbb300;
	font-size: 32px;
	line-height:48px;
	text-transform: uppercase !important;
	font-weight:600  !important;
	font-family: 'Montserrat', sans-serif  !important;
	}




/* On screens that are 999px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (min-width: 999px) {
p.margine-pc {
	margin-left: 175px
	}
ul.margine-pc  {
	margin-left: 175px!important;
	}
.li-diamonds-yellow-small-list {
	padding-right: 75px!important;
	}


}


/* TABELLA LIVELLI PRENTALAUTISM */


:root{
  --blue-border:#98B7E2;     /* bordo griglia */
  --blue-head-bg:#DFECFF;    /* sfondo header */
  --blue-text:#4D74B4;       /* testo blu */
  --blue-strong:#2E5FA8;     /* blu più scuro per titoli */
  --yellow:#fac432;          /* giallo check / “Autism” */
}
*{box-sizing:border-box}
.table-wrap{
  max-width: 1100px;
  margin: 24px auto;
  padding: 0 12px;
  font-family: "Segoe UI", Roboto, system-ui, -apple-system, Arial, sans-serif;
  color:#2A3A52;
}
.prenatal-table{
  width:100%;
  border-collapse: separate;
  border-spacing:0;
  border:3px solid var(--blue-border);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.prenatal-table th,
.prenatal-table td{
  border-left:3px solid var(--blue-border);
  border-top:3px solid var(--blue-border);
  padding:18px 16px;
  vertical-align:middle;
  font-size:18px;
  line-height:1.35;
}


.prenatal-table tr:first-child th{
  border-top:none;
}
.prenatal-table th:first-child,
.prenatal-table td:first-child{
  border-left:none;
   text-align: left;
}
.prenatal-table thead th{
  background:var(--blue-head-bg);
  color:var(--blue-text);
  text-align:center;
  font-weight:700;
}
.prenatal-table thead th:first-child{
  text-align:left;
}
.prenatal-title{
  font-size:28px;
  font-weight:800;
  color:var(--blue-strong);
}
.prenatal-title .yellow{ color:var(--yellow); }
.col-feature{ width: 52%; }
.col-num{ width: 16%; text-align:center; font-weight:800; color:var(--blue-strong); }
.col-plan{ width: 10%; text-align:center; }

.emph{ font-weight:800; }
.i{ font-style:italic; }

/* segno di spunta giallo */
.tick{
  display:inline-block;
  width:26px;
  height:26px;
  vertical-align:middle;
  background: no-repeat center/100% 100%
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fac432' d='M9.2 17.6a1.5 1.5 0 0 1-1.1-.5l-3.6-3.9a1.5 1.5 0 1 1 2.2-2l2.6 2.8 7.2-7.4a1.5 1.5 0 0 1 2.2 2.1l-8.3 8.6a1.5 1.5 0 0 1-1.1.5z'/></svg>");
}

/* testo un filo grande come nel mock */
.prenatal-table td,
.prenatal-table th{ font-size:18px }
@media (max-width: 860px){
  .prenatal-title{ font-size:22px }
  .prenatal-table td, .prenatal-table th{ font-size:16px; padding:14px 12px }
  .tick{ width:22px; height:22px }
}

/* contenitore scrollabile su mobile */
.table-scroll{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* scorrimento fluido su iOS */
}

/* evita il “collasso” delle ultime colonne: mantieni una larghezza minima */
.prenatal-table{
  min-width: 900px; /* regola: 820–980px in base ai tuoi testi */
}

/* opzionale: rimpicciolisce un filo su schermi stretti */
@media (max-width: 690px){
  .prenatal-table th, .prenatal-table td{ padding:12px 10px; font-size:15px }
  .tick{ width:20px; height:20px }
}




/* ====== COSA rILEVA ====== */
:root{
  --yellow:#fac432;
  --navy:#183a63;        /* blu scuro del testo */
}

.metrics{
  margin: 24px 0;
  font-family: "Segoe UI", Roboto, system-ui, -apple-system, Arial, sans-serif;
  color: var(--navy);
}

.metrics-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(24px, 5vw, 56px); /* spazio fra le righe */
}

.metric-item{
  display: flex;
  align-items: center;
  gap: clamp(14px, 3vw, 32px);
}

/* freccia gialla (SVG come background, scalabile) */
.metric-arrow{
  width: clamp(36px, 6vw, 56px);
  height: clamp(14px, 2.5vw, 22px);
  flex: 0 0 auto;
  background:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 24'>\
  <path d='M2 12 H52 M52 12 L44 6 M52 12 L44 18' fill='none' stroke='%23fac432' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>") no-repeat center / contain;
}

/* numero grande 
.metric-number{
  font-weight: 800;
  font-size: clamp(28px, 7vw, 64px);
  line-height: 1;
  letter-spacing: 0.5px;
}
*/

.metric-number{
  font-weight: 800;
  font-size: clamp(28px, 7vw, 64px);
  line-height: 1;
  letter-spacing: .5px;

  display: inline-block;
  min-width: 200px;              /* larghezza fissa: regola 5–7ch in base ai casi */
  text-align: left;       /* allinea i numeri */
  font-variant-numeric: tabular-nums; /* numeri a larghezza fissa, se il font lo supporta */
}

/* testo in maiuscolo */
.metric-text{
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  /*font-size: clamp(14px, 2.2vw, 22px);*/
  line-height: 1.25;
}

/* Mobile: manda il testo a capo sotto il numero se manca spazio */
@media (max-width: 600px){
  .metric-item{
    flex-wrap: wrap;
  }
  .metric-text{
    flex-basis: 100%;
    /*margin-left: calc(clamp(36px, 6vw, 56px) + clamp(14px, 3vw, 32px));  */
	text-align: left !important;
	padding-bottom: 40px;
  max-width: 380px;
  }
}






/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
h3.titolosezione {
	color:#183b63;
	font-size: 30px;
	line-height:48px;
	text-transform: uppercase !important;
	font-weight:600  !important;
	font-family: 'Montserrat', sans-serif  !important;
	}

	
	h3.titoloparallax {
	color:#183b63;
	font-size: 30px;
	line-height:48px;
	text-transform: uppercase !important;
	font-weight:600  !important;
	font-family: 'Montserrat', sans-serif  !important;
	}
	
	h3.intro-test {
	color: #7496cd;
	font-size: 26px;
	line-height: 36px;
	text-transform: uppercase !important;
	font-weight:900  !important;
	font-family: 'Open Sans', sans-serif  !important;
	}
	
	h3.titoloform{
	color:#183b63;
	font-size: 30px;
	line-height:48px;
	text-transform: uppercase !important;
	font-weight:600  !important;
	font-family: 'Montserrat', sans-serif  !important;
	}
	
	
p.lead  {
	color:#183b63;
	font-size: 18px !important;
	line-height: 26px !important;
	font-family: 'Montserrat', sans-serif  !important;
	}

li  {
	color:#183b63;
	font-size: 18px !important;
	line-height: 26px !important;
	font-family: 'Montserrat', sans-serif  !important;
	}

	
#section-tecnologia {
	background-image: none !important;
}


}


p.sottotitolo-bold {
	text-transform:uppercase; 
	font-weight:800; 
	font-size:20px;  
	color: #707070;
	font-family: 'Montserrat', sans-serif  !important;
	}



ul.listbullet {
	list-style-image: url('../images/home/list-bullet.png');
	margin-left: 80px;
    color:#183b63;
}


li.spacing {
	padding-bottom: 40px;
	font-size:20px;
	line-height: 32px;
	 color:#183b63;
	

}

p.parallax-text  {
	padding-bottom: 40px;
	font-size:24px;
	line-height: 36px;
	font-weight:600

}


h3.qualitainfo {
	color:#e10e6e;
	font-size:20px;
	line-height: 30px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif  !important;

}

p.qualitainfo {
	color:#404040;
	font-size:14px;
	line-height: 18px;
	font-weight:400;
	padding-bottom: 20px;
}


h3.proceduratxt {
	color: #1c3b64;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif  !important;
}

#footer.dark  {
 background-color: #24365f!important;
 color: white;
	 
	 }
 
p.footer-txt {
	font-size:14px;
	line-height: 20px;
	text-align:justify
}


a:link.docs-utili  {
font-size: 14px; 
font-weight:bold;
color:#193854 !important;
}

a:hover.docs-utili  {
font-size: 14px; 
font-weight:bold;
color:#f6c218 !important;
}

a:active.docs-utili  {
font-size: 14px; 
font-weight:bold;
color:#193854 !important;
}

a:visited.docs-utili  {
font-size: 14px; 
font-weight:bold;
color:#193854 !important;
}
