/* Exportado desde el editor temporal de SesionaDesk */
#planes {
  --pricing-header-offset: var(--sd-header-height-compact, 68px);
  --pricing-content-width: 1220px;
  --pricing-cards-width: 1120px;
  --pricing-card-height: 530px;
  --pricing-card-gap: 15px;
  --pricing-card-padding: 20px;
  --pricing-card-radius: 18px;
  --pricing-title-size: 34px;
  --pricing-price-size: 28px;
  --pricing-feature-size: 12px;
  --pricing-shadow-alpha: 10%;
  --pricing-background-start: #f3f8fb;
  --pricing-background-end: #f5fafd;
  --pricing-premium-color: #0b679f;
  --pricing-premium-cta-color: #0b679f;
  --pricing-trust-radius: 15px;
  --pricing-section-padding-top: 15px;
  --pricing-section-padding-bottom: 15px;
  --pricing-heading-bottom-gap: 15px;
  --pricing-card-border-width: 1px;
  --pricing-card-header-height: 50px;
  --pricing-card-header-gap: 12px;
  --pricing-card-header-padding: 10px;
  --pricing-icon-size: 50px;
  --pricing-icon-radius: 10px;
  --pricing-card-border-color: #d9e1e9;
  --pricing-includes-margin-top: 12px;
  --pricing-includes-margin-bottom: 6px;
  --pricing-list-row-gap: 0px;
  --pricing-list-row-height: 35px;
  --pricing-list-padding-y: 9px;
  --pricing-list-indent: 35px;
  --pricing-check-size: 22px;
  --pricing-list-bottom-margin: 12px;
  --pricing-separator-width: 1px;
  --pricing-feature-text-color: #294564;
  --pricing-check-background: #e7f2f8;
  --pricing-button-height: 44px;
  --pricing-button-radius: 11px;
  --pricing-button-top-gap: 0px;
  --pricing-trust-top-margin: 28px;
  --pricing-trust-padding-y: 11px;
}

#planes .plans__inner,
#planes .plans__grid {
  max-width: var(--pricing-content-width);
}

#planes .plans__grid {
  gap: var(--pricing-card-gap);
  max-width: var(--pricing-cards-width);
}

#planes .plan-card {
  min-height: var(--pricing-card-height);
  padding: var(--pricing-card-padding);
  border-width: var(--pricing-card-border-width);
  border-color: var(--pricing-card-border-color);
  border-radius: var(--pricing-card-radius);
  box-shadow: 0 18px 44px rgb(7 52 97 / var(--pricing-shadow-alpha));
  background: linear-gradient(155deg, rgba(255, 255, 255, .99), rgba(249, 252, 255, .97));
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

#planes.plans {
  padding-top: var(--pricing-section-padding-top);
  padding-bottom: var(--pricing-section-padding-bottom);
  background: linear-gradient(
    145deg,
    var(--pricing-background-start),
    #fff 58%,
    var(--pricing-background-end)
  );
}

#planes .plans__head {
  margin-bottom: var(--pricing-heading-bottom-gap);
}

#planes .plans__head p {
  font-size: 15px;
}

#planes .plans__head h2 span {
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  color: #0b679f;
  -webkit-text-fill-color: #0b679f;
}

#planes .plans__eyebrow,
#planes .plans__eyebrow::before,
#planes .plan-card__includes {
  color: #0b679f;
}

#planes .plan-card__top {
  grid-template-columns: var(--pricing-icon-size) minmax(0, 1fr) auto;
  gap: var(--pricing-card-header-gap);
  min-height: var(--pricing-card-header-height);
  padding-bottom: var(--pricing-card-header-padding);
  border-bottom: 0;
}

#planes .plan-card__summary {
  max-width: 360px;
  font-size: 12px;
}

#planes .plan-card__icon {
  width: var(--pricing-icon-size);
  height: var(--pricing-icon-size);
  border-radius: var(--pricing-icon-radius);
  border: 1px solid rgba(11, 103, 159, .14);
  background: #eaf4f9;
  color: #0b679f;
  box-shadow: 0 7px 16px rgba(7, 52, 97, .08);
}

#planes .plan-card--premium .plan-card__icon {
  border-color: #0b679f;
  background: #0b679f;
  color: #fff;
  box-shadow: 0 8px 18px rgba(11, 103, 159, .2);
}

#planes .plan-card__icon .material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
}

#planes .plans__head h2 {
  font-size: var(--pricing-title-size);
}

#planes .plan-card__price strong {
  font-size: var(--pricing-price-size);
}

#planes .plan-card__includes {
  margin: var(--pricing-includes-margin-top) 0 var(--pricing-includes-margin-bottom);
}

#planes .plan-card__features {
  row-gap: var(--pricing-list-row-gap);
  margin-bottom: var(--pricing-list-bottom-margin);
}

#planes .plan-card__features li {
  min-height: var(--pricing-list-row-height);
  padding: var(--pricing-list-padding-y) 4px var(--pricing-list-padding-y) var(--pricing-list-indent);
  border-bottom: 1px solid color-mix(in srgb, #073461 5%, transparent);
  color: var(--pricing-feature-text-color);
  font-size: var(--pricing-feature-size);
}

#planes .plan-card__features li::before {
  top: 50%;
  width: var(--pricing-check-size);
  height: var(--pricing-check-size);
  background: var(--pricing-check-background);
  color: #0b679f;
  font-size: calc(var(--pricing-check-size) * .55);
  transform: translateY(-50%);
}

#planes .plan-card--premium {
  border-color: var(--pricing-premium-color);
  background: linear-gradient(155deg, #fff, #f8fbff);
}

#planes .plan-card--premium .plan-card__features li::before {
  background: var(--pricing-check-background);
  color: #0b679f;
}

#planes .plan-card__badge {
  background: var(--pricing-premium-color);
  box-shadow: 0 7px 18px rgba(11, 103, 159, .22);
}

#planes .plan-card__button {
  min-height: var(--pricing-button-height);
  border-radius: var(--pricing-button-radius);
}

#planes .plan-card__action {
  margin-top: auto;
  padding-top: var(--pricing-button-top-gap);
}

#planes .plan-card--premium .plan-card__button {
  background: var(--pricing-premium-cta-color);
  box-shadow: 0 9px 20px rgba(11, 103, 159, .16);
}

#planes .plan-card__inheritance {
  border-left-width: 2px;
  border-radius: 0 8px 8px 0;
  background: rgba(11, 103, 159, .065);
  color: #455b78;
}

#planes .plan-card__inheritance::before {
  color: #0b679f;
}

#planes .plans__trust {
  margin-top: var(--pricing-trust-top-margin);
  padding-top: var(--pricing-trust-padding-y);
  padding-bottom: var(--pricing-trust-padding-y);
  border-radius: var(--pricing-trust-radius);
}

#planes .plans__trust-item,
#planes .plans__trust-item:last-child {
  min-height: 0;
  padding: 1px 18px;
  border: 0;
  border-right: 1px solid #e5ebf1;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#planes .plans__trust-item:last-child {
  border-right: 0;
}

#planes .plans__trust-icon,
#planes .plans__trust-item:nth-child(2) .plans__trust-icon,
#planes .plans__trust-item:nth-child(3) .plans__trust-icon {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border-radius: 9px;
  background: #eaf4f9;
  color: #0b679f;
}

#planes .plans__trust-icon .material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
}

#planes .plan-card__button {
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

#planes .plan-card__button:focus-visible {
  outline: 3px solid rgba(11, 103, 159, .2);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  #planes .plan-card:hover {
    box-shadow: 0 20px 48px rgba(7, 52, 97, .13);
    transform: translateY(-2px);
  }

  #planes .plan-card__button:hover {
    box-shadow: 0 10px 24px rgba(7, 95, 207, .16);
    transform: translateY(-1px);
  }
}

@media (min-width: 761px) {
  #planes.plans {
    height: calc(100vh - var(--pricing-header-offset));
    height: calc(100svh - var(--pricing-header-offset));
    min-height: calc(100vh - var(--pricing-header-offset));
    min-height: calc(100svh - var(--pricing-header-offset));
    max-height: calc(100vh - var(--pricing-header-offset));
    max-height: calc(100svh - var(--pricing-header-offset));
    box-sizing: border-box;
    scroll-margin-top: var(--pricing-header-offset);
  }

  #planes .plans__inner {
    max-height: calc(100svh - var(--pricing-header-offset) - var(--pricing-section-padding-top) - var(--pricing-section-padding-bottom));
  }

  #planes .plans__head {
    margin-bottom: clamp(8px, 1.8vh, var(--pricing-heading-bottom-gap));
  }

  #planes .plans__eyebrow {
    padding-block: clamp(3px, .7vh, 6px);
  }

  #planes .plans__head h2 {
    margin-top: clamp(5px, 1vh, 10px);
    margin-bottom: clamp(3px, .7vh, 8px);
  }

  #planes .plan-card {
    height: clamp(400px, calc(100svh - var(--pricing-header-offset) - 255px), var(--pricing-card-height));
    min-height: 0;
  }

  #planes .plan-card__top {
    min-height: clamp(48px, 7.2vh, var(--pricing-card-header-height));
    padding-bottom: clamp(6px, 1.2vh, var(--pricing-card-header-padding));
  }

  #planes .plan-card__summary {
    font-size: clamp(10.5px, 1.45vh, 12px);
    line-height: 1.35;
  }

  #planes .plan-card__price strong {
    font-size: clamp(24px, 3.6vh, var(--pricing-price-size));
  }

  #planes .plan-card__includes {
    margin-top: clamp(7px, 1.5vh, var(--pricing-includes-margin-top));
  }

  #planes .plan-card__features li {
    min-height: clamp(27px, 4.1vh, var(--pricing-list-row-height));
    padding-top: clamp(4px, 1vh, var(--pricing-list-padding-y));
    padding-bottom: clamp(4px, 1vh, var(--pricing-list-padding-y));
  }

  #planes .plan-card__inheritance {
    margin-top: clamp(2px, .7vh, 5px);
    margin-bottom: clamp(6px, 1.4vh, 14px);
    padding-block: clamp(6px, 1vh, 10px);
  }

  #planes .plans__trust {
    margin-top: clamp(8px, 2vh, var(--pricing-trust-top-margin));
    padding-top: clamp(6px, 1.2vh, var(--pricing-trust-padding-y));
    padding-bottom: clamp(6px, 1.2vh, var(--pricing-trust-padding-y));
  }

  #planes .plans__note {
    margin-top: clamp(5px, 1vh, 13px);
  }
}

@media (max-width: 760px) {
  #planes .plan-card {
    min-height: 0;
    padding: 20px;
  }

  #planes .plan-card__top {
    grid-template-columns: var(--pricing-icon-size) minmax(0, 1fr);
  }

  #planes .plan-card__price {
    grid-column: 2;
    align-items: flex-start;
  }
}