/* Reset di base */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background-color: #B5DCD5; /* verde chiaro */
  color: #004B82; /* blu per testo generale */
  text-align: center;
  height: 100vh;
  font-size: 1.1rem; /* aumento dimensione base testo */
}

/* Container generale */
.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 3rem 1rem;
  max-width: 600px;
  margin: 0 auto;
}

/* Header (titolo + motto) */
.header {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Titolo principale */
.logo {
  font-size: 4.2rem; /* più grande */
  font-weight: 300;
  letter-spacing: 0.4em; /* spazio lettere */
  color: #004B82;
  margin-bottom: 1rem;
  transition: color 0.3s ease;
  cursor: default;
  text-align: center;
  transform: translateX(12.5px); /* spostato di 0,5px a destra */
}

.logo:hover {
  color: #ffffff;
}

/* Motto */
.motto {
  font-size: 1rem;  /* più grande, uguale ai link */
  font-weight: 300;
  letter-spacing: 1.1px; /* aumentato a 1.1px */
  color: #004B82;
  opacity: 1;
}

/* Footer */
.footer {
  margin-bottom: 2rem;
}

/* Link */
.links {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2rem;
}

.links a {
  text-decoration: none;
  font-size: 1rem; /* più grande */
  font-weight: 300;
  color: #004B82;
  transition: transform 0.25s ease, color 0.25s ease;
}

.links a:hover {
  color: #47B5A4;
  transform: scale(1.05);
}

/* Indirizzo */
.address {
  font-size: 0.85rem; /* più grande */
  color: #004B82;
  opacity: 1;
}