/* ================================================================
   AP NEURAL WEB — PLANES
   Presencia comercial clara sin abandonar lenguaje de ingeniería.
================================================================ */

.page-plans {

    --plans-red: #B5204A;
    --plans-red-soft: rgba(181,32,74,.18);
    --plans-line: rgba(151,154,162,.18);
    --plans-panel: rgba(16,17,20,.82);

    background:
        #08090B;

    color:
        var(--color-text);
}


.plans-main {

    overflow: hidden;
}


/* ================================================================
   HERO
================================================================ */

.plans-hero {

    position: relative;

    min-height:
        min(47rem,88svh);

    display: flex;

    align-items: center;

    padding:
        clamp(9rem,15vw,13rem)
        0
        clamp(5rem,9vw,8rem);

    isolation: isolate;

    border-bottom:
        1px solid
        rgba(52,54,61,.42);

    background:
        radial-gradient(
            circle at 78% 38%,
            rgba(181,32,74,.15),
            transparent 23rem
        ),
        linear-gradient(
            180deg,
            #08090B 0%,
            #0B0C0F 100%
        );
}


.plans-hero::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -2;

    pointer-events: none;

    opacity: .36;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        4.5rem 4.5rem;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 87%
        );
}


.plans-hero::after {

    content: "";

    position: absolute;

    right:
        clamp(-9rem,-3vw,-2rem);

    top: 50%;

    z-index: -1;

    width:
        clamp(20rem,41vw,43rem);

    aspect-ratio: 1;

    transform:
        translateY(-45%);

    border:
        1px solid
        rgba(181,32,74,.18);

    border-radius: 50%;

    box-shadow:
        inset 0 0 0 5rem rgba(181,32,74,.016),
        inset 0 0 0 10rem rgba(181,32,74,.012);
}


.plans-hero__inner {

    display: grid;

    grid-template-columns:
        minmax(0,1.25fr)
        minmax(16rem,.55fr);

    align-items: end;

    gap:
        clamp(3rem,8vw,8rem);
}


.plans-kicker {

    display: inline-flex;

    align-items: center;

    gap: .8rem;

    margin-bottom:
        1.75rem;

    color:
        var(--plans-red);

    font-family:
        var(--font-mono);

    font-size: .7rem;

    font-weight: 700;

    letter-spacing: .14em;

    text-transform: uppercase;
}


.plans-kicker::before {

    content: "";

    width: 2.4rem;
    height: 1px;

    background:
        currentColor;
}


.plans-hero h1 {

    max-width: 12ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(3.4rem,7.5vw,7.6rem);

    font-weight: 650;

    line-height: .89;

    letter-spacing: -.065em;
}


.plans-hero h1 span {

    display: block;

    color:
        var(--color-text-muted);
}


.plans-hero__side {

    position: relative;

    padding:
        1.5rem 0
        .4rem
        1.5rem;

    border-left:
        1px solid
        var(--plans-red);
}


.plans-hero__side p {

    margin: 0;

    color:
        var(--color-text-soft);

    font-size:
        clamp(1rem,1.45vw,1.22rem);

    line-height: 1.75;
}


.plans-hero__side small {

    display: block;

    margin-top:
        1.4rem;

    color:
        var(--color-text-muted);

    font-family:
        var(--font-mono);

    font-size: .68rem;

    line-height: 1.65;
}


/* ================================================================
   PRICE SIGNAL
================================================================ */

.plans-price-signal {

    position: relative;

    z-index: 2;

    margin-top:
        -2.4rem;
}


.plans-price-signal__grid {

    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    border:
        1px solid
        rgba(52,54,61,.72);

    background:
        rgba(8,9,11,.94);

    box-shadow:
        0 2rem 5rem
        rgba(0,0,0,.23);
}


.plans-price-signal__item {

    position: relative;

    min-height: 10rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        clamp(1.4rem,3vw,2.3rem);

    border-right:
        1px solid
        rgba(52,54,61,.58);

    transition:
        background
        var(--duration-normal)
        var(--ease-ap);
}


.plans-price-signal__item:last-child {

    border-right: 0;
}


.plans-price-signal__item::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 0;
    height: 2px;

    background:
        var(--plans-red);

    transition:
        width
        var(--duration-normal)
        var(--ease-ap);
}


.plans-price-signal__item:hover {

    background:
        rgba(181,32,74,.055);
}


.plans-price-signal__item:hover::before {

    width: 100%;
}


.plans-price-signal__item small {

    color:
        var(--plans-red);

    font-family:
        var(--font-mono);

    font-size: .65rem;

    font-weight: 700;

    letter-spacing: .12em;
}


.plans-price-signal__item strong {

    margin-top: .55rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.75rem,3vw,2.7rem);

    letter-spacing: -.04em;
}


.plans-price-signal__item span {

    margin-top: .35rem;

    color:
        var(--color-text-muted);

    font-size: .8rem;
}


/* ================================================================
   GENERAL SECTIONS
================================================================ */

.plans-section {

    position: relative;

    padding:
        clamp(5.5rem,9vw,9rem)
        0;
}


.plans-section--soft {

    background:
        #0D0E11;

    border-top:
        1px solid
        rgba(52,54,61,.4);

    border-bottom:
        1px solid
        rgba(52,54,61,.4);
}


.plans-section__head {

    display: grid;

    grid-template-columns:
        minmax(0,.72fr)
        minmax(0,1.28fr);

    gap:
        clamp(2rem,7vw,7rem);

    align-items: start;

    margin-bottom:
        clamp(3rem,6vw,5.5rem);
}


.plans-section__head h2 {

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.25rem,5vw,4.8rem);

    line-height: .96;

    letter-spacing: -.055em;
}


.plans-section__head p {

    max-width: 43rem;

    margin: .45rem 0 0;

    color:
        var(--color-text-muted);

    font-size:
        clamp(1rem,1.4vw,1.16rem);

    line-height: 1.8;
}


/* ================================================================
   AJUSTE DE PRESUPUESTO
================================================================ */

.plans-fit {

    display: grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(20rem,1.08fr);

    gap:
        clamp(3rem,8vw,8rem);

    align-items: center;
}


.plans-fit__copy h2 {

    max-width: 10ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.5rem,5.6vw,5.4rem);

    line-height: .92;

    letter-spacing: -.06em;
}


.plans-fit__copy h2 span {

    color:
        var(--plans-red);
}


.plans-fit__copy p {

    max-width: 40rem;

    margin:
        1.7rem 0 0;

    color:
        var(--color-text-muted);

    font-size:
        clamp(1rem,1.35vw,1.12rem);

    line-height: 1.85;
}


.plans-fit__map {

    position: relative;

    display: grid;

    gap: .75rem;

    padding:
        clamp(1.2rem,3vw,2rem);

    border:
        1px solid
        rgba(52,54,61,.68);

    background:
        rgba(8,9,11,.72);
}


.plans-fit__map::before {

    content: "";

    position: absolute;

    left:
        clamp(2.05rem,4vw,3rem);

    top: 2.7rem;

    bottom: 2.7rem;

    width: 1px;

    background:
        linear-gradient(
            var(--plans-red),
            rgba(181,32,74,.12)
        );
}


.plans-fit__row {

    position: relative;

    display: grid;

    grid-template-columns:
        3rem
        minmax(0,1fr);

    gap: 1.2rem;

    align-items: center;

    min-height: 6.3rem;

    padding:
        .8rem 1rem;

    background:
        linear-gradient(
            90deg,
            rgba(181,32,74,.045),
            transparent
        );
}


.plans-fit__node {

    position: relative;

    z-index: 2;

    width: .72rem;
    height: .72rem;

    justify-self: center;

    border:
        2px solid
        var(--plans-red);

    border-radius: 50%;

    background:
        #08090B;
}


.plans-fit__row strong {

    display: block;

    font-family:
        var(--font-display);

    font-size: 1rem;
}


.plans-fit__row span {

    display: block;

    margin-top: .28rem;

    color:
        var(--color-text-muted);

    font-size: .82rem;

    line-height: 1.6;
}


/* ================================================================
   PLAN CARDS
================================================================ */

.plans-grid {

    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        1rem;
}


.plan-card {

    position: relative;

    min-height: 40rem;

    display: flex;

    flex-direction: column;

    padding:
        clamp(1.5rem,2.6vw,2.25rem);

    overflow: hidden;

    border:
        1px solid
        rgba(52,54,61,.72);

    background:
        linear-gradient(
            180deg,
            rgba(24,25,29,.88),
            rgba(11,12,15,.96)
        );

    transition:
        transform
        var(--duration-normal)
        var(--ease-ap),
        border-color
        var(--duration-normal)
        ease;
}


.plan-card::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 2px;

    transform:
        scaleX(.22);

    transform-origin: left;

    background:
        var(--plans-red);

    transition:
        transform
        var(--duration-normal)
        var(--ease-ap);
}


.plan-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(181,32,74,.52);
}


.plan-card:hover::before {

    transform:
        scaleX(1);
}


.plan-card--focus {

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(181,32,74,.12),
            transparent 17rem
        ),
        linear-gradient(
            180deg,
            rgba(24,25,29,.95),
            rgba(11,12,15,.98)
        );
}


.plan-card__name {

    color:
        var(--plans-red);

    font-family:
        var(--font-mono);

    font-size: .68rem;

    font-weight: 700;

    letter-spacing: .15em;
}


.plan-card h3 {

    margin:
        .85rem 0 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.45rem,2.2vw,2.15rem);

    line-height: 1.08;
}


.plan-card__price {

    margin:
        2.1rem 0 0;

    padding-bottom:
        1.8rem;

    border-bottom:
        1px solid
        rgba(52,54,61,.58);
}


.plan-card__price small {

    display: block;

    color:
        var(--color-text-muted);

    font-family:
        var(--font-mono);

    font-size: .62rem;

    letter-spacing: .1em;

    text-transform: uppercase;
}


.plan-card__price strong {

    display: block;

    margin-top: .38rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.5rem,4vw,4rem);

    line-height: .95;

    letter-spacing: -.065em;
}


.plan-card__price span {

    display: block;

    margin-top: .5rem;

    color:
        var(--color-text-soft);

    font-size: .86rem;
}


.plan-card__ideal {

    margin:
        1.7rem 0 0;

    color:
        var(--color-text-muted);

    font-size: .91rem;

    line-height: 1.7;
}


.plan-card ul {

    display: grid;

    gap: .72rem;

    margin:
        1.8rem 0 2rem;

    padding: 0;

    list-style: none;
}


.plan-card li {

    position: relative;

    padding-left: 1.1rem;

    color:
        var(--color-text-soft);

    font-size: .84rem;

    line-height: 1.55;
}


.plan-card li::before {

    content: "";

    position: absolute;

    left: 0;
    top: .55em;

    width: .35rem;
    height: .35rem;

    border-radius: 50%;

    background:
        var(--plans-red);
}


.plan-card__link {

    margin-top: auto;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 1rem;

    padding:
        1rem 0 0;

    border-top:
        1px solid
        rgba(52,54,61,.45);

    color:
        var(--color-text);

    font-family:
        var(--font-mono);

    font-size: .7rem;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.plan-card__link::after {

    content: "→";

    color:
        var(--plans-red);

    font-size: 1rem;
}


/* ================================================================
   TRANSPARENCIA
================================================================ */

.plans-clarity {

    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 1px;

    border:
        1px solid
        rgba(52,54,61,.55);

    background:
        rgba(52,54,61,.55);
}


.plans-clarity__item {

    min-height: 12rem;

    padding:
        clamp(1.4rem,3vw,2.3rem);

    background:
        #0B0C0F;
}


.plans-clarity__item strong {

    display: block;

    font-family:
        var(--font-display);

    font-size:
        1.05rem;
}


.plans-clarity__item p {

    margin:
        .8rem 0 0;

    color:
        var(--color-text-muted);

    font-size: .84rem;

    line-height: 1.7;
}


/* ================================================================
   PDF
================================================================ */

.plans-catalog {

    position: relative;

    padding:
        clamp(5.5rem,9vw,9rem)
        0;

    background:
        linear-gradient(
            180deg,
            #08090B,
            #0D0E11
        );
}


.plans-catalog__top {

    display: flex;

    justify-content: space-between;

    align-items: end;

    gap: 2rem;

    margin-bottom:
        2.2rem;
}


.plans-catalog__top h2 {

    max-width: 10ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.5rem,5vw,4.8rem);

    line-height: .95;

    letter-spacing: -.055em;
}


.plans-catalog__top p {

    max-width: 35rem;

    margin:
        .9rem 0 0;

    color:
        var(--color-text-muted);

    line-height: 1.75;
}


.plans-catalog__action {

    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    gap: .8rem;

    min-height: 3.25rem;

    padding:
        .85rem 1.15rem;

    border:
        1px solid
        rgba(181,32,74,.62);

    color:
        var(--color-text);

    font-family:
        var(--font-mono);

    font-size: .7rem;

    letter-spacing: .08em;

    text-transform: uppercase;

    transition:
        background
        var(--duration-fast)
        ease,
        border-color
        var(--duration-fast)
        ease;
}


.plans-catalog__action:hover {

    background:
        rgba(181,32,74,.12);

    border-color:
        var(--plans-red);
}


.plans-catalog__frame {

    position: relative;

    padding:
        .55rem;

    border:
        1px solid
        rgba(52,54,61,.75);

    background:
        #101114;

    box-shadow:
        0 2rem 6rem
        rgba(0,0,0,.28);
}


.plans-catalog__frame::before {

    content: "";

    display: block;

    height: .22rem;

    margin-bottom: .55rem;

    background:
        linear-gradient(
            90deg,
            var(--plans-red) 0 14%,
            rgba(52,54,61,.38) 14%
        );
}


.plans-catalog iframe {

    display: block;

    width: 100%;

    height:
        min(78vh,62rem);

    min-height: 42rem;

    border: 0;

    background: #fff;
}


.plans-catalog__mobile-note {

    display: none;

    margin:
        1rem 0 0;

    color:
        var(--color-text-muted);

    font-size: .78rem;

    line-height: 1.6;
}


/* ================================================================
   FAQ
================================================================ */

.plans-faq {

    display: grid;

    grid-template-columns:
        minmax(0,.7fr)
        minmax(0,1.3fr);

    gap:
        clamp(3rem,8vw,8rem);
}


.plans-faq__title h2 {

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.4rem,5vw,4.6rem);

    line-height: .95;

    letter-spacing: -.055em;
}


.plans-faq__list {

    border-top:
        1px solid
        rgba(52,54,61,.65);
}


.plans-faq details {

    border-bottom:
        1px solid
        rgba(52,54,61,.65);
}


.plans-faq summary {

    position: relative;

    padding:
        1.5rem 2.6rem 1.5rem 0;

    cursor: pointer;

    list-style: none;

    font-family:
        var(--font-display);

    font-size:
        clamp(1rem,1.6vw,1.22rem);
}


.plans-faq summary::-webkit-details-marker {

    display: none;
}


.plans-faq summary::after {

    content: "+";

    position: absolute;

    right: .25rem;
    top: 50%;

    transform:
        translateY(-50%);

    color:
        var(--plans-red);

    font-family:
        var(--font-mono);

    font-size: 1.4rem;
}


.plans-faq details[open]
summary::after {

    content: "−";
}


.plans-faq details p {

    max-width: 45rem;

    margin:
        -.25rem 0 1.6rem;

    color:
        var(--color-text-muted);

    font-size: .9rem;

    line-height: 1.75;
}


/* ================================================================
   SOBRE AP
================================================================ */

.plans-about {

    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,.7fr)
        minmax(0,1.3fr);

    gap:
        clamp(3rem,8vw,8rem);

    align-items: center;

    padding:
        clamp(2rem,5vw,4rem);

    border:
        1px solid
        rgba(52,54,61,.68);

    background:
        radial-gradient(
            circle at 0 50%,
            rgba(181,32,74,.11),
            transparent 26rem
        ),
        #0B0C0F;
}


.plans-about__mark {

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 15rem;

    border-right:
        1px solid
        rgba(52,54,61,.55);
}


.plans-about__mark img {

    width:
        min(14rem,72%);

    height: auto;

    filter:
        drop-shadow(
            0 0 2.3rem
            rgba(181,32,74,.16)
        );
}


.plans-about h2 {

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2rem,4vw,3.7rem);

    letter-spacing: -.05em;
}


.plans-about p {

    max-width: 42rem;

    margin:
        1.2rem 0 0;

    color:
        var(--color-text-muted);

    line-height: 1.8;
}


.plans-about a {

    display: inline-flex;

    margin-top: 1.6rem;

    color:
        var(--color-text);

    font-family:
        var(--font-mono);

    font-size: .72rem;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.plans-about a::after {

    content: "→";

    margin-left: .75rem;

    color:
        var(--plans-red);
}


/* ================================================================
   CTA
================================================================ */

.plans-cta {

    padding:
        clamp(5.5rem,9vw,9rem)
        0;
}


.plans-cta__inner {

    position: relative;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:
        3rem;

    align-items: center;

    padding:
        clamp(2rem,5vw,4rem);

    border:
        1px solid
        rgba(181,32,74,.42);

    background:
        linear-gradient(
            115deg,
            rgba(181,32,74,.12),
            rgba(16,17,20,.92) 45%,
            #0B0C0F
        );
}


.plans-cta h2 {

    max-width: 15ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.1rem,4.2vw,4rem);

    line-height: .98;

    letter-spacing: -.05em;
}


.plans-cta p {

    max-width: 39rem;

    margin:
        1rem 0 0;

    color:
        var(--color-text-muted);

    line-height: 1.75;
}


.plans-cta__actions {

    display: flex;

    flex-direction: column;

    gap: .75rem;

    min-width:
        min(18rem,100%);
}


/* ================================================================
   FOOTER
================================================================ */

.plans-footer {

    position: relative;

    z-index: 3;

    padding:
        clamp(3.5rem,6vw,5.5rem)
        0
        1.5rem;

    background:
        #08090B;

    border-top:
        1px solid
        rgba(52,54,61,.55);
}


.plans-footer::before {

    content: "";

    position: absolute;

    left: 50%;
    top: -1px;

    width:
        min(8rem,28vw);

    height: 1px;

    transform:
        translateX(-50%);

    background:
        var(--plans-red);
}


.plans-footer
.site-footer__grid {

    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap:
        clamp(3rem,8vw,8rem);

    align-items: start;
}


.plans-footer
.site-footer__brand {

    display: flex;

    align-items: flex-start;

    gap: 1rem;
}


.plans-footer
.site-footer__brand > div {

    display: flex;

    flex-direction: column;

    gap: .4rem;
}


.plans-footer
.site-footer__brand strong {

    font-family:
        var(--font-display);

    text-transform: uppercase;
}


.plans-footer
.site-footer__brand > div > span {

    color:
        var(--color-text-muted);

    font-size: .82rem;
}


.plans-footer
.site-footer__nav {

    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 2rem;
}


.plans-footer
.site-footer__nav > div {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: .68rem;
}


.plans-footer
.site-footer__nav strong {

    margin-bottom: .25rem;

    color:
        var(--plans-red);

    font-family:
        var(--font-mono);

    font-size: .63rem;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.plans-footer
.site-footer__nav a {

    width: fit-content;

    color:
        var(--color-text-muted);

    font-size: .87rem;
}


.plans-footer
.site-footer__bottom {

    display: flex;

    justify-content: space-between;

    gap: 1rem;

    margin-top: 4rem;

    padding-top: 1.25rem;

    border-top:
        1px solid
        rgba(52,54,61,.48);

    color:
        rgba(151,154,162,.58);

    font-family:
        var(--font-mono);

    font-size: .61rem;
}


/* ================================================================
   RESPONSIVE
================================================================ */

@media (max-width: 900px) {

    .plans-hero__inner,
    .plans-fit,
    .plans-section__head,
    .plans-faq,
    .plans-about,
    .plans-cta__inner,
    .plans-footer
    .site-footer__grid {

        grid-template-columns: 1fr;
    }


    .plans-hero {

        min-height: auto;
    }


    .plans-hero__side {

        max-width: 38rem;
    }


    .plans-grid {

        grid-template-columns: 1fr;
    }


    .plan-card {

        min-height: 0;
    }


    .plans-clarity {

        grid-template-columns: 1fr;
    }


    .plans-about__mark {

        min-height: 11rem;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(52,54,61,.55);
    }


    .plans-about__mark img {

        width: min(12rem,48%);
    }


    .plans-catalog__top {

        align-items: flex-start;

        flex-direction: column;
    }


    .plans-cta__actions {

        width: 100%;
    }


    .plans-footer
    .site-footer__nav {

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .plans-footer
    .site-footer__bottom {

        flex-direction: column;

        align-items: flex-start;

        margin-top: 2.7rem;
    }

}


@media (max-width: 767px) {

    .plans-hero {

        padding-top:
            clamp(8.6rem,23vw,10.5rem);
    }


    .plans-hero h1 {

        max-width: 100%;

        font-size:
            clamp(3rem,13.4vw,4.9rem);

        word-break: normal;

        overflow-wrap: normal;

        hyphens: none;
    }


    .plans-price-signal {

        margin-top: -1rem;
    }


    .plans-price-signal__grid {

        grid-template-columns: 1fr;
    }


    .plans-price-signal__item {

        min-height: 7.5rem;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(52,54,61,.58);
    }


    .plans-price-signal__item:last-child {

        border-bottom: 0;
    }


    .plans-fit__copy h2 {

        max-width: 12ch;
    }


    .plans-catalog iframe {

        min-height: 34rem;

        height: 70svh;
    }


    .plans-catalog__mobile-note {

        display: block;
    }

}


@media (max-width: 479px) {

    .plans-fit__map {

        padding:
            1rem .7rem;
    }


    .plans-fit__row {

        grid-template-columns:
            2rem
            minmax(0,1fr);

        gap: .8rem;
    }


    .plans-fit__map::before {

        left: 1.7rem;
    }


    .plans-about {

        padding:
            1.4rem;
    }


    .plans-footer
    .site-footer__nav {

        grid-template-columns: 1fr;
    }

}


@media (prefers-reduced-motion: reduce) {

    .plan-card,
    .plans-price-signal__item,
    .plans-price-signal__item::before {

        transition: none;
    }

}