/* RESET BASE */
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: Arial, sans-serif;
background-color: #f4f6f8;
}

* {
box-sizing: border-box;
}

/* HEADER */
header {
background-color: #1e2a38;
color: white;
text-align: center;
padding: 30px 15px;
}

.logo-container {
text-align: center;
}

.logo {
width: 220px;
max-width: 100%;
height: auto;
}

/* NAVBAR */
nav {
background: #2c3e50;
text-align: center;
padding: 10px;
}

nav a {
color: white;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}

/* SEZIONI */
section {
max-width: 900px;
margin: 20px auto;
padding: 20px;
background: white;
border-radius: 8px;
width: calc(100% - 20px);
}

h2 {
color: #1e2a38;
}

/* LISTE */
ul li {
margin-bottom: 10px;
}

/* FOOTER */
footer {
text-align: center;
padding: 20px;
color: #666;
}

/* CONTATTI */
.contatti-box {
text-align: center;
background: white;
padding: 30px;
border-radius: 10px;
max-width: 500px;
margin: 40px auto;
}

.intro {
margin-bottom: 20px;
}

.whatsapp-btn {
display: inline-block;
background-color: #25D366;
color: white;
padding: 12px 20px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
margin-bottom: 20px;
}

.whatsapp-btn:hover {
background-color: #1ebe5d;
}

.numero {
margin-top: 10px;
}

.nota {
margin-top: 15px;
color: gray;
}

/* 📱 VERSIONE MOBILE */
@media (max-width: 768px) {

header {
padding: 20px 10px;
}

.logo {
width: 150px;
}

nav {
display: flex;
flex-direction: column;
align-items: center;
}

nav a {
display: block;
padding: 10px;
margin: 5px 0;
}

section {
width: calc(100% - 20px);
margin: 10px auto;
padding: 15px;
}

h2 {
font-size: 18px;
}

p, li {
font-size: 14px;
}
}