/* Separación vertical entre campos */
.webform-submission-form input{
  margin-bottom: 0px;
}

/* Agrupa los campos de 2 en 2 */
.webform-section-wrapper {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin: 1em -0.5em;
  border: 1px solid lightgray;
  padding: 20px;
  grid-gap: 4px;
}
#edit-medios-audiovisuales-sala-juntas > .webform-section-wrapper,
#edit-medios-audiovisuales-grados > .webform-section-wrapper,
#edit-medios-audiovisuales-actos > .webform-section-wrapper,
#edit-medios-audiovisuales-reuniones > .webform-section-wrapper {
  grid-template-columns: repeat(1,1fr);
}
@media (max-width: 767px){
  .webform-section-wrappe {
    margin: 0 10px;
    grid-template-columns: 1fr;
  }
}
#edit-special-needs .webform-section-wrapper {
  display: block;
}

/* Agrupa los campos de 3 en 3 en FECHA Y HORARIOS EVENTOS */
#edit-fecha-y-hora-del-evento > .webform-section-wrapper {
  grid-template-columns: repeat(3,1fr);
}

.webform-section{
  margin-bottom: 40px !important;
}

.form-type-radio .option, 
.form-type-checkbox .option {
    padding: 4px 7px 4px 29px;
    padding: 0.25rem 0.4375rem 0.25rem 1.8125rem;
    margin-left: -30px;
    margin-left: -1.875rem;
    min-height: 29px;
    min-height: 1.8125rem;
    min-width: 50%;
    border: 0 !important;
}

.page__title {
  color: #00a7ff !important;
  font-size: 2em !important;
}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  color: #363636;
  border-color: #cccccc;
  background-color: #ffffff;
  width: 100%;
}
