body { font-family: 'Helvetica Neue', Arial, sans-serif; background: #fdfaf7; margin: 0; color: #2e2e2e; }

header { background: #cbb6a7; color: white; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; }
nav a { color: white; margin-left: 1rem; text-decoration: none; font-weight: bold; }

.hero { text-align: center; padding: 5rem 2rem; background: #e9ded5; }
.btn { background: #a58771; color: white; padding: 0.7rem 1.4rem; border-radius: 25px; text-decoration: none; }

.chi-sono { display: flex; flex-wrap: wrap; align-items: center; gap: 2rem; padding: 4rem 2rem; max-width: 1000px; margin:auto; }
.foto { width: 260px; height: 350px; border-radius: 50% / 60%; background: url('https://i.postimg.cc/Qx4zBwbD/Gemini-Generated-Image-vqhxy1vqhxy1vqhx.jpg') center/cover no-repeat; box-shadow: 0 4px 12px rgba(0,0,0,0.12); flex-shrink:0; }

.testo { flex:1; min-width:250px; }

.servizi { max-width: 1000px; margin:auto; padding:4rem 2rem; }
.servizi .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.box { background: white; padding: 1.5rem; border-radius: 12px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); text-align: center; }

.cta { text-align: center; background: #f6f2ee; padding: 3rem 2rem; margin-top: 3rem; border-radius: 12px; max-width:1000px; margin:auto; }

.contatti { text-align:center; padding:4rem 2rem; }

footer { text-align: center; padding: 2rem; background: #cbb6a7; color: white; margin-top: 3rem; }

/* --- STILE ELEGANTE PER WIDGET MIODOTTORE --- */
.zl-widget-container,
.zl-widget * {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.zl-widget .zl-button,
.zl-widget #zl-booking-button,
.zl-widget .zl-button--primary {
  background: #a58771 !important;   /* beige rosa del sito */
  border: none !important;
  border-radius: 30px !important;
  padding: 12px 24px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.18) !important;
  transition: 0.3s ease;
}

.zl-widget .zl-button:hover,
.zl-widget #zl-booking-button:hover,
.zl-widget .zl-button--primary:hover {
  background: #8d6d59 !important;   /* tono più caldo */
  transform: translateY(-2px);
}

/* Colori icone e titoli più neutri */
.zl-widget .zl-header,
.zl-widget .zl-title,
.zl-widget .zl-text,
.zl-widget label {
  color: #3b3734 !important;
}

/* Rimozione bordi e sfondi invadenti */
.zl-widget .zl-card,
.zl-widget .zl-step-card {
  border-radius: 16px !important;
  border: none !important;
  background: #f7f3ee !important;
  box-shadow: none !important;
}

/* --- Rifiniture estetiche su widget MioDottore --- */

/* Riduce lo spazio verticale totale */
.zl-widget-container {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* Rende la scheda più elegante e meno “massiccia” */
.zl-widget .zl-step-card,
.zl-widget .zl-card {
  padding: 1.4rem !important;
  border-radius: 20px !important;
  background: #f8f4ef !important;  /* tono più caldo */
}

/* Arrotonda gli input e li rende più morbidi */
.zl-widget input,
.zl-widget select,
.zl-widget textarea {
  border: 1px solid #ccb9ad !important;
  border-radius: 10px !important;
}

/* Rende il testo più elegante e meno tecnico */
.zl-widget label,
.zl-widget .zl-title,
.zl-widget .zl-text {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}