.abbonamenti {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.abbonamento-card {
  width: 30%;
  min-width: 260px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  text-align: center;
  transition:
    border 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    background 0.2s ease;
}
.descrizione {
  font-size: 13px !important;
  line-height: 2.0;
  min-height: 70px;
}

/* evidenziazione al passaggio del mouse */
.abbonamento-card:hover {
  background: #e6f4fb;
  border: 2px solid #0281ff;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transform: translateY(-4px);
}

.prezzoiscrizione {
    font-size: 30px;
    font-weight: bold;
    margin: 15px 0;
    color: #0281ff;
    color: #FFFFFF;
    background-color: #1e94a5;
    padding: 6px 0 6px 0;
    margin: 10px 0 10px 0;
}

abbonamento-card {
  cursor: pointer;
}

.abbonamento-card.non-disponibile {
  opacity: 0.4;
  cursor: not-allowed;
}

.abbonamento-card.non-disponibile:hover {
  transform: none;
  box-shadow: none;
  border: 1px solid #ddd;
}


.area-selector {
    margin: 15px 0px 15px 0px;
}
.area-radio {
    margin-right: 20px;
    cursor: pointer;
    font-size: 23px;
}

.area-radio input {
  margin-right: -3px;
  cursor: pointer;
}