.degradado, .degradado-inverso {
  position: relative;
  border-radius: 2.5vw;
  color: var(--grey-40);
  background: transparent;
  padding: 1.5vw;
  min-height: 350px;
  align-content: center;
}

.degradado::before,
.degradado-inverso::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  -webkit-mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 2.5vw;
}

.degradado::before {
  background: linear-gradient(to bottom, #0047AB, #E46C0A);
}

.degradado-inverso::before {
  background: linear-gradient(to bottom, #E46C0A, #0047AB);
}

.degradado > div,
.degradado-inverso > div {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
}

.texto-icono {
  display: flex;
  flex-direction: row;
  gap: 0.25vw;
  align-items: anchor-center;
}

.texto-icono-img {
  max-width: 24px;
}

.field--name-lp-sections input,
.field--name-lp-sections textarea,
.field--name-lp-sections select {
  border: 2px solid var(--orange-product) !important;
  border-radius: 1rem!important;
  background-color: inherit!important;
  color: var(--blue)!important;
  font-size: clamp(16px, 1.5vw, 18px)!important;
}

.field--name-lp-sections input:focus,
.field--name-lp-sections textarea:focus,
.field--name-lp-sections select:focus {
  color: #212529!important;
  background-color: #fff!important;
  border-color: var(--orange-product)!important;
  outline: 0!important;
  box-shadow: 0 0 0 0.1rem var(--subgradient-1)!important;
}

.field--name-lp-sections input[type="checkbox"] {
  border: 2px solid var(--gradient-1)!important;
  border-radius: 4px!important;
  background-color: inherit!important;
  color: var(--blue) !important;
}

.field--name-lp-sections input:checked[type="checkbox"] {
  background-color: var(--blue)!important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.field--name-lp-sections .webform-button--submit {
  font-size: clamp(16px, 1.5vw, 18px)!important;
  line-height: 1.3!important;;
  padding: clamp(13px, 1.5vw, 16px) clamp(16px, 2vw, 24px)!important;
  border: none!important;
  cursor: pointer!important;
  border-radius: 15px!important;
  transition: unset!important;
  background: linear-gradient(to right, var(--gradient-1), var(--gradient-2), var(--gradient-3), var(--gradient-4))!important;
  position: relative!important;
}

.field--name-lp-sections .webform-button--submit::before {
  background: linear-gradient(to right, var(--gradient-1), var(--gradient-2), var(--gradient-3), var(--gradient-4));
  content: "";
  position: absolute;
  box-shadow: none !important;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.field--name-lp-sections .webform-button--submit:hover,
.field--name-lp-sections .webform-button--submit:focus {
  background: transparent!important;
  position: relative!important;
  box-shadow: none !important;
  color: var(--grey-40) !important;
}

.zone-title-subtitle {
  margin-bottom: 0!important;
}

.zone-title {
  text-align: inherit;
}

.zone-title h1,
.zone-title h2,
.zone-title h3,
.zone-title h4,
.zone-title h5,
.zone-title h6,
.zone-title div,
.zone-title span {
  font-size: clamp(20px, 3vw, 40px) !important;
  text-align: center;
  font-weight: bold !important;
  line-height: 1.3 !important;
  color: var(--blue) !important;
}

.zone-subtitle {
  text-align: inherit;
  place-self: unset;
}

.text-align-left {
  text-align: left!important;
}

.text-align-center {
  text-align: center!important;
}

.text-align-right {
  text-align: right!important;
}

.separator {
  width: 100%;
  height: 0.2rem;
  background-color: var(--subgradient-1);
}

.landing-button {
  float: center;
}

.landing-content-button {
  position: relative;
  border-radius: 10px;
  color: var(--grey-40);
  background: transparent;
}

.landing-content-button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(to bottom, #0047ab, #e46c0a);
  -webkit-mask: linear-gradient(white 0 0) content-box,
  linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.landing-content-button:hover {
  background: linear-gradient(
    to bottom,
    #0047ab,
    #e46c0a
  ); /* Mismo degradado que el borde */
  color: white; /* Cambia el color del texto a blanco */
}

.landing-content-button:focus {
  background: linear-gradient(
    to bottom,
    #0047ab,
    #e46c0a
  ); /* Mismo degradado que el borde */
  color: white; /* Cambia el color del texto a blanco */
}

.paragraph--type--lp-button {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

.field--name-field-media-oembed-video {
  align-content: center!important;
  text-align: -webkit-center!important;
  place-self: center!important;
}

@media (max-width: 991px) {
  .degradado, .degradado-inverso {
    padding: 5vw;
  }

  .zone-title {
    margin: 0!important;
  }
}