/* Fondo */
.webform-submission-form {
    background: #F1EFEA;
    padding: 2rem;
}

/* Separación vertical entre campos */
.webform-submission-form input{
  margin-bottom: 0px;
}

/* Anchura 100% excepto "checkbox", "radio" y "submit" */
.webform-submission-form input:not([type="checkbox"]) {
  width: 100%;
}
.webform-submission-form input[type="checkbox"],
.webform-submission-form input[type="radio"],
.webform-submission-form input[type="submit"]{
  width: inherit;
}

/* Titulo */
#edit-titulo h1{
  color: var(--colorPri);
  margin: 10px 0 !important;
}
#edit-titulo:after {
content: "";
    display: block;
    max-width: 100px;
    margin-top: 5px;
    opacity: .7;
    margin-bottom: 30px;
    background-color: var;
    height: 1.5px;
    background-color: var(--colorSec);
}

/* Agrupa los campos de 2 en 2 */
.webform-section-wrapper {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin: 1em -0.5em;
  grid-column-gap: 1rem;
  margin: 0;
}
@media (max-width: 767px){
  .webform-section-wrapper {
    margin: 0 10px;
    grid-template-columns: 1fr;
  }
}
#edit-special-needs .webform-section-wrapper {
  display: block;
}

.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;
}

/*
.form-item, .form-actions {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.webform-submission-form input {
  margin-bottom: 0px;
  width: 100%;
}
*/

/* Radios en una línea */
.js-webform-radios {
  display: flex;
}
.webform-submission-form .form-item, 
.webform-submission-form .form-actions {
    margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-right: 1rem;
}


/* Título cada sección */
.webform-section-title {
  font-weight: bold;
  color: var(--colorPri);
}


.webform-submission-form .form-item, 
.webform-submission-form .form-actions {
    margin-top: 0;
    margin-bottom: .5rem;
}

/* Coloca asterisco en campos obligatorios */
.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}