/**
 * @file
 * Reusable "card" look (background + rounded border) for any element.
 *
 * Opt-in via the "Clase CSS" field (field_p_banner_classes, powered by the
 * entity_class_formatter module) on a paragraph: type "webform-card" in
 * that field to apply this design without any code change.
 */

.webform-card {
  box-sizing: border-box;
  padding: 1rem;
  background: #F3F4F6;
  border-radius: 16px;
}

.webform-card h2 {
  font-size: 24px !important;
}

@media (min-width: 768px) {
  .webform-card {
    font-size: 23px !important;
  }
}

@media (min-width: 768px) {
  .webform-card {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {

  .page--registro .webform-submission-form .form-type-radio label.option,
  .page--registro .webform-submission-form .form-type-checkbox label.option {
    max-width: 300px !important;
  }
}

@media (max-width: 768px) {
  .page--node-1188 .webform-submission-form .form-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center !important;
  }
}