/* =========================================
   PLANOS NEXDEN
========================================= */

.nf-plans-page{

    display:flex;
    flex-direction:column;
    gap:24px;
}

.nf-plans-banner{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    padding:16px 20px;

    border-radius:16px;

    border:1px solid
    rgba(139,94,0,.12);
}

.nf-plans-banner p,
.nf-plans-banner-copy{

    margin:0;

    font-size:14px;
    line-height:1.55;
    color:#4a3728;
}

.nf-plans-banner-copy{

    display:flex;
    flex-direction:column;
    gap:4px;
}

.nf-plans-banner-copy strong{

    font-size:15px;
    color:#211404;
}

.nf-plans-banner--trial{

    background:linear-gradient(
        135deg,
        #fff8e8 0%,
        #fffdf8 100%
    );
}

.nf-plans-banner--basic{

    background:#fffdf8;
}

.nf-plans-banner--premium{

    background:linear-gradient(
        135deg,
        #edf8ef 0%,
        #fffdf8 100%
    );

    border-color:rgba(22,163,74,.18);
}

.nf-plans-banner-btn{

    flex-shrink:0;
}

.nf-plans-offers{

    scroll-margin-top:24px;
}

.nf-plans-grid{

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

.nf-plans-card{

    position:relative;

    display:flex;
    flex-direction:column;
    gap:18px;

    min-height:100%;

    padding:24px 22px;

    background:#fffdf8;

    border:1px solid
    rgba(139,94,0,.12);

    border-radius:18px;

    box-shadow:0 10px 24px
    rgba(43,22,0,.05);
}

.nf-plans-card--premium{

    border-color:rgba(180,83,9,.28);

    background:linear-gradient(
        180deg,
        #fffdf8 0%,
        #fff4df 100%
    );

    box-shadow:0 16px 34px
    rgba(43,22,0,.1);
}

.nf-plans-card-badge{

    align-self:flex-start;

    padding:5px 12px;

    border-radius:999px;

    background:#f6d58a;
    color:#2b1600;

    font-size:11px;
    font-weight:800;
    letter-spacing:.03em;
}

.nf-plans-card-head h2{

    margin:0 0 8px;

    font-size:24px;
    color:#211404;
}

.nf-plans-card-head p{

    margin:0;

    font-size:14px;
    line-height:1.55;
    color:#6b5840;
}

.nf-plans-features{

    margin:0;
    padding:0;

    list-style:none;

    display:flex;
    flex-direction:column;
    gap:8px;
}

.nf-plans-features li{

    position:relative;

    padding-left:22px;

    font-size:14px;
    font-weight:600;
    color:#3f2f1f;
}

.nf-plans-features li::before{

    content:'✓';

    position:absolute;
    left:0;
    top:0;

    color:#b45309;
    font-weight:800;
}

.nf-plans-excludes{

    margin:0;

    font-size:13px;
    line-height:1.5;
    color:#8b7355;
}

.nf-plans-choose-btn{

    margin-top:auto;
    width:100%;
}

.nf-plans-compare{

    display:flex;
    flex-direction:column;
    gap:14px;
}

.nf-plans-compare h2{

    margin:0;

    font-size:20px;
    color:#211404;
}

.nf-plans-compare-scroll{

    overflow-x:auto;

    border:1px solid
    rgba(139,94,0,.12);

    border-radius:16px;

    background:#fffdf8;
}

.nf-plans-compare-table{

    width:100%;
    min-width:520px;

    border-collapse:collapse;
}

.nf-plans-compare-table th,
.nf-plans-compare-table td{

    padding:14px 16px;

    border-bottom:1px solid
    rgba(139,94,0,.08);

    text-align:center;

    font-size:14px;
}

.nf-plans-compare-table thead th{

    background:#f5efe3;
    color:#211404;
    font-weight:800;
}

.nf-plans-compare-table tbody th{

    text-align:left;
    color:#3f2f1f;
    font-weight:600;
}

.nf-plans-compare-table tbody tr:last-child th,
.nf-plans-compare-table tbody tr:last-child td{

    border-bottom:none;
}

.nf-plans-compare-yes{

    color:#16a34a;
    font-weight:800;
}

.nf-plans-compare-no{

    color:#b91c1c;
    font-weight:800;
}

@media(max-width:768px){

    .nf-plans-banner{

        flex-direction:column;
        align-items:flex-start;
    }

    .nf-plans-banner-btn{

        width:100%;
    }

    .nf-plans-grid{

        grid-template-columns:1fr;
    }

}