.webform-submission-mesa-de-ayuda-form {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  /* 1 columna por defecto */
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .webform-submission-mesa-de-ayuda-form {
    grid-template-columns: repeat(2, 1fr);
    /* 2 columnas */
  }

  .webform-submission-mesa-de-ayuda-form .form-item-asunto,
  .webform-submission-mesa-de-ayuda-form .form-item-comentarios,
  .webform-submission-mesa-de-ayuda-form .form-actions {
    grid-column: span 2;
  }
}

.webform-submission-mesa-de-ayuda-form input,
.webform-submission-mesa-de-ayuda-form select,
.webform-submission-mesa-de-ayuda-form textarea,
.webform-submission-mesa-de-ayuda-form .webform-webform-telephone-international {
  width: 100%;
  padding: 10px 14px;
  box-sizing: border-box;
  background: #fff;
}

.webform-submission-mesa-de-ayuda-form .form-item-numero-de-contacto .webform-webform-telephone-international.form-tel {
  padding-left: 50px;
}

.webform-submission-mesa-de-ayuda-form label {
  display: block;
  margin-bottom: 6px;
}

.webform-submission-mesa-de-ayuda-form .form-actions {
  text-align: center;
}

.webform-submission-mesa-de-ayuda-form .form-actions input[type=submit] {
  border: none;
  cursor: pointer;
}

.webform-landingpage .paragraph--type--seccion {
  border-bottom-width: 1px;
  border-bottom-color: var(--color-gray-300);
  padding-left: auto;
  padding-right: auto;
}

@media (min-width: 1024px) {
  .webform-landingpage .paragraph--type--seccion {
    padding-left: 7rem;
    padding-right: 7rem;
  }
}

.webform-landingpage .paragraph--type--texto, .webform-landingpage .text-block {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: var(--font-h4);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  line-height: 150%;
}

.webform-landingpage .paragraph--type--texto > div > div:first-child, .webform-landingpage .text-block > div > div:first-child {
  display: none;
}

.webform-landingpage .paragraph--type--texto h2, .webform-landingpage .text-block h2 {
  margin-bottom: 1.25rem;
  font-size: var(--font-h2);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: var(--font-weight-bold);
}

.webform-landingpage .paragraph--type--texto p > img, .webform-landingpage .text-block p > img {
  display: inline-block;
}

.webform-landingpage .webform-submission-form.webform-submission-contactanos-form {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* 2 columnas */
  gap: 1.5rem;
}

.webform-landingpage .webform-submission-form.webform-submission-contactanos-form .form-item-mensaje, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form .form-item-nombre-completo, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form .form-actions {
  grid-column: span 2;
}

.webform-landingpage .webform-submission-form.webform-submission-contactanos-form input, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form select, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form textarea {
  width: 100%;
  padding: 10px 14px;
  box-sizing: border-box;
  background: #fff;
}

.webform-landingpage .webform-submission-form.webform-submission-contactanos-form label {
  display: block;
  margin-bottom: 6px;
}

.webform-landingpage .webform-submission-form.webform-submission-contactanos-form .form-actions {
  text-align: center;
}

.webform-landingpage .webform-submission-form.webform-submission-contactanos-form .form-actions input[type=submit] {
  border: none;
  cursor: pointer;
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form {
  border-style: none;
  background-color: transparent;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 18rem;
  padding-right: 18rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form label, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form label {
  font-size: var(--font-h5);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  line-height: 150%;
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form label.form-required::after, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form label.form-required::after {
  font-size: var(--font-h6);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: var(--font-weight-regular);
  font-weight: var(--font-weight-semi-bold);
  color: var(--color-error);
  content: " *";
  line-height: 150%;
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form input, .webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form select, .webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form textarea, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form input, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form select, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form textarea {
  margin-bottom: 8px;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: var(--font-h6);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form select:invalid, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form select:invalid {
  color: var(--color-gray-300);
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form .form-item-asunto, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form .form-item-asunto {
  grid-column: span 1;
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form .text-count-wrapper, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form .text-count-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: var(--font-p);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: var(--font-weight-regular);
  color: var(--color-gray-300);
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form #edit-actions, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form #edit-actions {
  text-align: right;
  grid-column: 2/3;
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form #edit-actions input[type=submit], .webform-landingpage .webform-submission-form.webform-submission-contactanos-form #edit-actions input[type=submit] {
  margin-top: 20px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--font-weight-semi-bold);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-primary-300) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: var(--color-primary-100) var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.webform-landingpage .webform-submission-form.webform-submission-mesa-de-ayuda-form #edit-actions input[type=submit]:hover, .webform-landingpage .webform-submission-form.webform-submission-contactanos-form #edit-actions input[type=submit]:hover {
  border-width: 1px;
  border-color: var(--color-primary-100);
  background-color: var(--color-gray-100);
  background-image: none;
}

/*# sourceMappingURL=webform-landingpage.css.map */