/* ==========================================
   VENEZUELASERVERS - SERVICIOS BOOST
   ========================================== */

.vnz-services-overlay {
    position:fixed;
    inset:0;
    z-index:999999;
    background:rgba(0,0,0,.82);
    backdrop-filter:blur(5px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.vnz-services-overlay[hidden] {
    display:none!important;
}

.vnz-services-dialog {
    width:min(680px,100%);
    max-height:90vh;
    overflow-y:auto;
    background:linear-gradient(145deg,#0c1220,#050810);
    border:1px solid #384563;
    border-radius:13px;
    box-shadow:0 20px 80px rgba(0,0,0,.75);
    color:#f5f7ff;
    padding:22px;
    font-family:"Tektur","Oxanium",Arial,sans-serif;
}

.vnz-services-dialog * {
    box-sizing:border-box;
}

.vnz-services-header {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    border-bottom:1px solid #29344c;
    padding-bottom:17px;
    margin-bottom:17px;
}

.vnz-services-header h2 {
    color:#fff!important;
    font-size:21px!important;
    line-height:1.25;
    margin:0 0 7px!important;
    font-weight:900;
}

.vnz-services-header p {
    color:#aab8d5!important;
    font-size:12px!important;
    margin:0!important;
}

.vnz-services-close {
    flex:none;
    width:35px;
    height:35px;
    background:#151c2b;
    border:1px solid #39445e;
    border-radius:7px;
    color:white;
    font-size:20px;
    cursor:pointer;
}

.vnz-services-plans {
    display:flex;
    flex-direction:column;
    gap:11px;
}

.vnz-services-plan {
    --tier:#ffd334;
    --tier-bg:#30270a;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 150px;
    gap:12px;
    align-items:center;
    padding:15px;
    border:2px solid var(--tier);
    border-radius:9px;
    background:linear-gradient(100deg,var(--tier-bg),#0a1020);
}

.vnz-services-plan.platinum {
    --tier:#428bff;
    --tier-bg:#112d55;
}

.vnz-services-plan.bronze {
    --tier:#b758ed;
    --tier-bg:#311543;
}

.vnz-services-plan-icon {
    color:var(--tier);
    font-size:34px;
    text-align:center;
    line-height:1;
}

.vnz-services-plan-info h3 {
    color:var(--tier)!important;
    font-size:19px!important;
    font-weight:900;
    margin:0 0 6px!important;
}

.vnz-services-plan-info p {
    font-size:11px!important;
    line-height:1.6;
    color:#cbd4e9!important;
    margin:0!important;
}

.vnz-services-plan-buy {
    border-left:1px solid #42506a;
    padding-left:13px;
    display:flex;
    flex-direction:column;
    gap:9px;
    align-items:stretch;
}

.vnz-services-plan-buy span {
    font-size:11px;
    color:#e6ecfb;
}

.vnz-services-plan-buy strong {
    color:#fff;
    font-size:13px;
}

.vnz-services-plan-buy button {
    border:0;
    border-radius:6px;
    background:var(--tier);
    color:#07101b;
    padding:10px 12px;
    font-weight:900;
    font-size:12px;
    cursor:pointer;
    transition:filter .15s,transform .15s;
}

.vnz-services-plan-buy button:hover {
    filter:brightness(1.2);
    transform:translateY(-1px);
}

.vnz-services-plan.selected {
    box-shadow:0 0 22px color-mix(in srgb,var(--tier) 28%,transparent);
}

.vnz-services-payments {
    margin-top:22px;
    padding-top:16px;
    border-top:1px solid #303a52;
}

.vnz-services-payments h3 {
    color:#fff!important;
    font-size:17px!important;
    margin:0 0 7px!important;
}

.vnz-services-payments > p {
    font-size:11px!important;
    color:#aab8d5!important;
    margin:0 0 13px!important;
}

.vnz-services-choice {
    margin-bottom:12px;
    padding:11px 12px;
    background:#141c2b;
    border:1px solid #415070;
    border-radius:7px;
    color:#ffd53a;
    font-size:12px;
    font-weight:800;
}

.vnz-services-payment {
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px;
    background:#0d1525;
    border:1px solid #2d3d5a;
    border-radius:8px;
    margin-bottom:8px;
}

.vnz-services-payment-symbol {
    width:38px;
    height:38px;
    flex:none;
    border-radius:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
}

.vnz-services-payment-symbol.zelle {
    background:#7434ce;
    color:white;
}

.vnz-services-payment-symbol.paypal {
    background:#074e94;
    color:#a7dcff;
}

.vnz-services-payment-symbol.whatsapp {
    background:#168d4c;
    color:white;
}

.vnz-services-payment-details {
    min-width:0;
    flex:1;
}

.vnz-services-payment-details strong {
    font-size:12px;
    display:block;
    margin-bottom:4px;
}

.vnz-services-payment-details span,
.vnz-services-payment-details a {
    color:#9fc6ff;
    font-size:11px;
    overflow-wrap:anywhere;
}

.vnz-services-payment button,
.vnz-services-payment-action {
    flex:none;
    cursor:pointer;
    border:1px solid #466397;
    background:#111e35;
    color:#d9eaff!important;
    text-decoration:none;
    border-radius:6px;
    padding:9px 11px;
    font-size:11px;
    font-weight:800;
}

.vnz-services-payment button:hover,
.vnz-services-payment-action:hover {
    background:#22375a;
}

.vnz-services-note {
    margin-top:15px;
    color:#a8b6d0;
    line-height:1.6;
    font-size:11px;
}

.vnz-services-toast {
    margin:9px 0;
    color:#91e4aa;
    font-size:12px;
    min-height:18px;
}

body.vnz-services-open {
    overflow:hidden;
}

@media(max-width:590px) {
    .vnz-services-dialog {
        padding:13px;
        max-height:94vh;
    }

    .vnz-services-header h2 {
        font-size:17px!important;
    }

    .vnz-services-plan {
        grid-template-columns:28px minmax(0,1fr);
        gap:9px;
        padding:11px;
    }

    .vnz-services-plan-icon {
        font-size:23px;
    }

    .vnz-services-plan-info h3 {
        font-size:16px!important;
    }

    .vnz-services-plan-buy {
        grid-column:1 / -1;
        border-left:0;
        border-top:1px solid #42506a;
        padding:9px 0 0;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        flex-wrap:wrap;
    }

    .vnz-services-plan-buy button {
        padding:9px 20px;
    }
}