:root{
  --accent:#ffeac7;
  --text:#001c54;
  --muted:#444;
  --bg:#f9fafb;
  --radius:12px;
}
header{top: 0;}
main{
  max-width:100%;
  margin: 100px auto 40px;
  padding:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:40px;
}

/* Card contatti */
.contact-card {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
  gap:20px;
  width: fit-content;
  text-align:left;
  background:var(--accent);
  border-radius:var(--radius);
  padding: 30px 40px;
  box-shadow:0 4px 12px rgba(0,0,0,0.12);
  transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
  transform:translateY(-3px);
  box-shadow:0 6px 16px rgba(0,0,0,0.18);
}
.contact-card h3 { margin-bottom:10px; font-size:1.2rem; color:var(--text); }
.contact-card p { margin:6px 0; color:var(--muted); font-size:0.95rem; }

/* Orari - table */
.schedule { border-collapse: collapse; font-size: 0.95rem; }
.schedule td { padding: 6px 12px; padding-left: 0;}
.schedule td p{font-weight: bolder; color: var(--text);}
.schedule td:first-child { font-weight: 600; color: var(--text);white-space: nowrap; }
/* notes */
.closed, .note { margin-top:12px; font-size:0.9rem; font-style: italic; color:#967139; }

/* Mappa + actions */
.map-wrapper {
  display:flex;
  flex-direction:column;
  gap:20px;
  width:62%;
  align-items:stretch;
}
#map {
  width:65%;
  margin: auto;
  min-height:350px;
  border-radius:var(--radius);
  border:none;
  box-shadow:0 4px 10px rgba(0,0,0,0.15);
}
.map-actions {
  display:flex;
  flex-direction:column;
  gap:15px;
  width:500px;
}
.map-actions a {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px;
  border-radius:var(--radius);
  font-size:1rem;
  font-weight:600;
  text-decoration:none;
  color:#fff;
  width:60%;
  margin:auto;
  transition:all 0.25s ease;
}
.btn-phone { background:#0077cc; }
.btn-phone:hover { background:#005fa3; transform:scale(1.03); }
.btn-whatsapp { background:#25d366; }
.btn-whatsapp:hover { background:#1da851; transform:scale(1.03); }

/* Responsive */
@media (max-width:1024px) {.map-wrapper { width:80%; }}
@media (max-width:768px) {
  .map-wrapper { flex-direction:column; width:95%; align-items:center; }
  #map { min-height:250px; width: 90%;}
  .map-actions { flex-direction:row; justify-content:space-around; width:100%; }
}