
label {
  width: 100%;
}

agm-map {
  height: 100%;
  width: 100%;
}

/* Geral */
.container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

/* Campos no formulário */
form .k-form-fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.k-formfield {
  flex: 1 1 100%; 
}

/* Para telas médias (tablets) */
@media (min-width: 768px) {
  .k-formfield {
    flex: 1 1 45%; 
  }
}

/* Para telas grandes (desktops) */
@media (min-width: 1024px) {
  .k-formfield {
    flex: 1 1 30%; 
  }
}
