/* CSS Document */
:root {
  /* ===== PALETTE UFFICIALE — Dr.ssa Elisa Berdondini ===== */
  --red: #d23b57;      /* background intestazione / hero */
  --grey: #eeeeee;    /* background sezioni alternate */
  --white: #ffffff;     /* background sezioni principali */
  --blu: #304B7D;      /* colore h1, h2, h3 */
  --blue2: #233452;         /* colore testo body */
  --red2: #d65050;         /* colore link (a href) */

  /* Font */

  /* Line-height testo */
  --text-line-height: 150%;
}

body {
  color: var(--text);
  line-height: var(--text-line-height);
  background: var(--tertiary);
}

h1, h2, h3 {
  font-family: var(--font-family);
  color: var(--heading);
}

a {
  color: var(--link);
}
@media (min-width: 1200px) {
  #sp-contact { flex: 0 0 38% !important; max-width: 38% !important; }
  #sp-logo    { flex: 0 0 24% !important; max-width: 24% !important; }
  #sp-social  { flex: 0 0 38% !important; max-width: 38% !important; }
}
#sp-header-topbar a {
    color: #fff;
}
#sp-header-topbar .container-inner {
    border-bottom: 1px solid #777777 !important;
}
#sp-header-topbar {
	background:  #1f3a63 !important;
}
#sp-header {
	background:  var(--blu) !important;
	text-transform: uppercase;
}
#sp-header a {
	font-size: 12px !important;
}
.sp-dropdown-items li a {
	color: var(--blu) !important;
	font-size: 12px !important;
}
.pulsantiera {
	display: grid;
	grid-template-columns: 50% 50%;
	column-gap: 30px;
}
.pulsantiera a{
	text-align: center;
	border-radius: 3px;
	height: 60px;
	line-height: 60px;
}
.pulsantiera a:first-of-type{
	background: #d65050;
	color: #fff;
}
.pulsantiera a:last-of-type{
	background: #fff;
	color: #304B7D;
	border: 1px solid #304B7D;
}
.pulsantiera label{
	grid-column: span 2;
	color: #fff;
	text-transform: none;
	padding-top: 20px;
	font-size: 0.9em;
}
.sliderhp {
	color: #fff;
}
.sliderhp h1 b {
	font-size: 2em;
}
.sliderhp h1 {
	font-weight: bolder;
}
.sliderhp label, .approccio label {
	text-transform: uppercase;
}
.seznumeri > div > div{
	font-size: 2em !important;
	font-weight: bold;
}
.seznumeri div label{
	
}
.seznumeri div{
	display: flex;
flex-direction: column; /* Dispone gli elementi dall'alto verso il basso */
  justify-content: center; /* Ora controlla il centro VERTICALE */
  align-items: center;     /* Ora controlla il centro ORIZZONTALE */
	height: 100%;
}
.approccio label {
	color: #d65050;
}
.approccio h2 {
	color: #304B7D;
	font-weight: bold;
}
.approccio .grid4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 0px;
	background: #fff;
	margin-top: 25px;
}
.approccio .grid4 div {
	display: flex;
flex-direction: column; /* Dispone gli elementi dall'alto verso il basso */
  justify-content: center; /* Ora controlla il centro VERTICALE */
  align-items: center;
	border: 1px solid #ccc;
	padding: 20px;
}
.approccio .grid4 h3 {
	color: #304B7D;
	font-weight: bold;
	padding-top: 10px;
	font-size: 20px;
}
.approccio .icon {
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
  color: #d65050;
}
.patohp {
	
}