@charset "UTF-8";

body {webkit-font-smoothing: antialiased; font-family: "Inter", sans-serif; 
background: linear-gradient(5deg, rgba(1, 30, 48, 1) 0%, rgba(20, 143, 208, 1) 100%);}

.bg-blue{background-color: #148FD0;}

section {padding: 5% 0;}

h1, h2, h3, h4, h5, h6, p {color: #fff;}

.height80 {height: 80vh;}

.height70 {height: 70vh;}

.logo {margin: 2% 0;}



h1 {
	font-size: 3em;
    line-height: 1.1em;
    font-weight: 800;
}

h2 {
	font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 500;
    color: #BEE5F9;
}

h2.subtitle {
	font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 400;

}

p {
	font-size: 1.5em;
	color: #fff;
	 font-weight: 400;
}


ul li {
	font-size: 1.2em;
	color: #fff;
	 font-weight: 400;
	 line-height: 1.6em;
	 padding-bottom: 0.8em;
}

ul {
	line-height: 3em;
}

table {
	margin:3% 0;
	border-color: #fff;
}

tr {
	margin: 2%
}

th, td {
		color: #fff;
	font-size: 1.2em;
	font-weight: 300;
}

thead th {
	font-size: 1.5em;
	font-weight: 500;
}

p.note{
	font-size: 0.9em;
	text-align: center;
	margin: 10% 0 2% 10%;
}

p.members{
	font-size: 0.9em;
	margin: 5% 0 5% 0%;
}

p.subtitle{
	font-size: 1.4em;
	font-weight: 500;
}

img.members-mobile{
display: none;
}

img.mobile{
display: none;
}

.form-text,.form-text a, label, form-check-label, form-check-label a, a {color: #fff;}

footer {padding: 5% 10%;}

footer p {font-size:1em; }

.col {
  flex: 1%;
}

.btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #138ccb;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #138ccb;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none;
}

button.btn.btn-outline-primary.btn-lg, 
.btn-primary.btn-lg {
    border-radius: 30px;
    width: auto;          /* Rimuovi il 20% fisso */
    min-width: 200px;     /* Garantisce una dimensione minima professionale */
    padding: 12px 30px;   /* Aumenta l'area di clic (Touch Target) */
    font-weight: 500;
    transition: all 0.3s ease;
}

@media only screen and  (max-width: 800px) {


	h1 {
	font-size: 1.6em;
    line-height: 1.1em;
	}

	h2 {
		font-size: 1.3em;
	    line-height: 1.2em;
	}

	h2.subtitle {
		font-size: 1.3em;
	    line-height: 1.2em;
	}

	p {
	font-size: 1em;}

	ul li {
	font-size: 1em;
	 line-height: 1.2em;
	 padding-bottom: 0.5em;
	}

	button.btn.btn-outline-primary.btn-lg,
    .btn-primary.btn-lg {
        width: 100%;      /* Il bottone occupa tutta la larghezza per facilitare il clic col pollice */
        font-size: 1.1em; /* Leggermente più grande per leggibilità */
        margin-bottom: 10px;
    }

	p.subtitle{
	font-size: 1em;
	font-weight: 500;
	}

	.icon{
	display: none;
	}
	img.members-mobile{
display: block;
}
	img.members-desktop{
display: none;
}

img.desktop{
display: none;
}

img.mobile{
display: block;
}

}