/*@font-face {
  font-family: aptosDisplay;
  src: url(../fonts/aptos-display.ttf);
}*/


body {
  background: linear-gradient(135deg, #f8f9fa, #dee2e6);
  font-family: 'Inter', system-ui, sans-serif; /*aptosDisplay,*/
}

.hero-section {
  background-color: darkslategrey;/*#212529;*/
  color: #fff;
}

.bg-dark {
    background-color: darkslategrey !important;
}

.hero{padding:48px 0;}
.hero-inner{display:flex;gap:24px;align-items:center}
.hero-text{flex:1}
.hero-text h1{font-size:32px;margin:0 0 12px}
.hero-text p{color:var(--muted);margin:0 0 18px}
.hero-card{width:280px;padding:18px;border-radius:12px;text-align:center;}

/*.card-title, .section-title {font-weight: bold}*/

.profile-img {
  height: 200px; /*120*/
  width: 200px; /*120*/
  margin: 0 auto;
  /*border-radius: 50%;*/
  overflow: hidden; /* per tagliare l’immagine dentro al cerchio */
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* riempie bene il cerchio */
}

.dea-giustizia-img {
  height: 200px; /*120*/
  width: 160px; /*120*/
  margin: 0 auto;
  /*border-radius: 50%;*/
  overflow: hidden; /* per tagliare l’immagine dentro al cerchio */
  display: flex;
  align-items: center;
  justify-content: center;
}

.dea-giustizia-img img {
  width: 100%;
  height: 100%;
  /*object-fit: cover; /* riempie bene il cerchio */
}

#privacyPopup {
  display: none; /* di default nascosto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 1000;

  /* centratura con flexbox */
  display: flex;
  justify-content: center;
  align-items: center;
}

#privacyPopup > div {
  background: #fff;
  padding: 30px;
  max-width: 500px;
  width: 90%;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.card-body {
    background-color: #b3ffec !important;
}

.card-no-bg {
    background-color: transparent !important;
}

.button-prenota-consulenza {
    background-color: #b3ffec;
    color: black;
    border: 0px;
    font-weight: bold;
}

.form-control {
    border: 1px solid black;
}

.responsive-iframe {
  width: 100%;
  height: 100%;
  min-height: 400px; /* opzionale, per dare un’altezza di base */
  border: 0;
}