#comparador-planes {
    padding: 56px 16px 40px 16px;
}

#comparador-planes .comparador-planes-article {
    padding: 32px 64px;
    background-color: #00402A;
    border-radius: 16px;
    text-align: center;
    gap: 32px;
}

#comparador-planes .title_s {
  color: var(--Color-Content-General-Inverse, #fff);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
}

#comparador-planes .body_regular_l {
    color: var(--Color-Content-General-Inverse, #fff);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  align-self: stretch;
  margin-bottom: 32px;
}

#comparador-planes .wcom-button {
    margin: 0 auto 0;
    background-color: #FFFAF6;
    max-width: 212px;
}

#comparador-planes .wcom-button .button-text {
    font-family: IberPangeaText-Regular;
    color: #2F6852;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}

#comparador-planes .ibd-main-button {
    display: inline-flex;
    padding: var(--border-radius-none, 0px) var(--space-40, 20px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--border-radius-none, 0px);
    flex: none;
    align-self: stretch;
    min-height: 56px;
    height: auto;
    min-width: 223px;
    max-width: 328px;
    flex-shrink: 0;
    font-family: 'IberPangeaText-Regular';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 80px;
    border: none;
    text-decoration: none;
    text-align: center;
    white-space: unset;
    cursor: pointer;
    z-index: unset;
}

#comparador-planes .ibd-main-button-primary-negative {
    background-color: #FFFAF6;
    color: #2F6852;
}

#comparador-planes .ibd-main-button-primary-negative:hover {
    background-color: #F7E9D9;
    color: #2F6852;
}

#comparador-planes .ibd-main-button-primary-negative:active {
    background-color: #F7E9D9;
    color: #2F6852;
    border: 2px solid #5BD38C;
}

#comparador-planes .ibd-main-button-primary-negative:focus {
    background-color: #FFFAF6;
    color: #2F6852;
    outline: 4px solid #3CC2FF !important;
}

@media (min-width: 360px) {
    #comparador-planes .comparador-planes-article {
    padding: 32px 16px;
    gap:  32px;
    }
}

@media (min-width: 576px) {
    #comparador-planes {
        padding: 40px 40px 40px 40px;
    }
    #comparador-planes .comparador-planes-article {
        padding: var(--size-space-32, 32px) var(--size-space-16, 16px);
        gap: var(--size-space-32, 32px);
    }
}

@media (min-width: 768px) {
    #comparador-planes .comparador-planes-article {
        padding: var(--size-space-32, 32px) var(--size-space-64, 64px);
        gap: var(--size-space-32, 32px);
    }
}