.card-desglose-precio {
    display: flex;
    padding: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 28px;
    border-radius: var(--standard-border-radius);
    background-color: var(--wp--preset--color--neutral-50);
    position: relative;
    overflow: hidden;
}

.inner-card-desglose-precio{
    position: relative;
    z-index: 1;
}

.card-desglose-precio .card-etiqueta{
    color:var(--wp--preset--color--white);
    display: inline-block;
    background-color: var(--wp--preset--color--primary-150);
    padding: 7px 28px 7px 37px;
    font-size: var(--wp--preset--font-size--h-5);
    font-weight: var(--wp--preset--font-weight-500);
    border: none;
    position: relative;
    clip-path: polygon(
            0% 50%,                      /* pico hacia fuera a la izquierda */
            10px 0%,                     /* esquina superior izquierda */
            100% 0%,                     /* esquina superior derecha */
            calc(100% - 10px) 50%,      /* pico hacia dentro derecha */
            100% 100%,                  /* esquina inferior derecha */
            10px 100%                   /* esquina inferior izquierda */
    );
    max-width: 224px;
    max-height: 51px;
    white-space: nowrap;
    align-content: center;
}

.card-desglose-precio .card-encabezado {
    color:var(--wp--preset--color--primary-100);
    font-weight: var(--wp--preset--font-weight-300);
    max-width: 563px;
}
.inner-card-desglose-precio .card-arriba {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    column-gap: 16px;
}

.card-desglose-precio .card-lista{
    padding-inline-start: 25px;
    margin: 0;
}
.card-desglose-precio .card .has-body-font-size {
    font-size: var(--wp--preset--font-size--body) !important;
    line-height: var(--wp--preset--line-height-body) !important;
    margin-bottom: 0;
}
.card-desglose-precio .card-abajo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
body .price-texto.has-caption-font-size {
    margin-bottom: 4px;
    font-weight: var(--wp--preset--font-weight-500);
}
.contenedor-price {
    display: flex;
    gap: 8px;
}

.card-desglose-precio__gradient{
    position: absolute;
    top: -100px;
    right: -100px;
    width: 472px;
    height: 453px;
    background-color: var(--wp--preset--color--neutral-150);
    border-radius: 100%;
    filter: blur(250px);
}

@media (max-width: 919px) {
    .faq-panel{
        padding: 1rem;
    }
    .card .wp-block-separator {
        margin: 16px 0;
    }
    .card-subtitulo{
        margin: 12px 0 0 0;
    }
    .card.card-pricing, .card.card-testimonio {
        width: 100%;
    }
    .inner-card-desglose-precio .card-arriba {
        flex-direction: column-reverse;
    }
    .card-desglose-precio .card-etiqueta {
        color: var(--wp--preset--color--primary-150);
        background-color: transparent;
        padding: 0;
        font-size: var(--wp--preset--font-size--h-5);
        font-weight: var(--wp--preset--font-weight-500);
        border: none;
        position: relative;
        clip-path: none;
        max-width: 100%;
        max-height: 0;
        display: contents;
    }
    .inner-card-desglose-precio .card-arriba {
        row-gap: 12px;
    }
    .inner-card-desglose-precio .card-price {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 0.5rem 12px;
    }

    .inner-card-desglose-precio .card-price > .precio-rebajado {
        grid-column: 1;
        grid-row: 1;
    }

    .inner-card-desglose-precio .card-price > .precio-normal {
        grid-column: 2;
        grid-row: 1;
    }

    .inner-card-desglose-precio .card-price > .contenedor-price-texto {
        grid-column: 1 / span 2;
        grid-row: 2;
    }
    .card-desglose-precio__gradient{
        right: -220px;
    }
}