/* =========================================================
   NEXOTUNER PROTECTION
   Modal normal = referencia visual de nx-protect.html
   ========================================================= */

.nxt-protection-modal {
    position: fixed;
    inset: 0;
    z-index: 2147483646;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(0, 0, 0, .72);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity .22s ease,
        visibility .22s ease;
}

.nxt-protection-modal.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.nxt-protection-glass {
    width: min(100%, 420px);

    padding: 28px 26px;

    border-radius: 24px;

    border: 1px solid rgba(255,255,255,.16);

    background:
        rgba(12, 15, 24, .96);

    box-shadow:
        0 30px 80px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.05);

    color: #fff;

    text-align: center;

    transform: scale(.96);

    transition:
        transform .22s ease;
}

.nxt-protection-modal.is-visible
.nxt-protection-glass {
    transform: scale(1);
}

.nxt-protection-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;
}

.nxt-protection-logo {
    display: block;

    width: auto;
    max-width: 205px;
    max-height: 72px;

    object-fit: contain;
}

.nxt-protection-glass h2 {
    margin: 0 0 12px;

    color: #fff;

    font-size: 25px;
    line-height: 1.25;

    font-weight: 700;
}

.nxt-protection-main {
    margin: 0 0 20px;

    color: rgba(255,255,255,.88);

    font-size: 16px;
    line-height: 1.5;
}

.nxt-protection-info {
    margin: 0 0 16px;

    padding: 16px 18px;

    border-radius: 15px;

    border: 1px solid rgba(255,255,255,.10);

    background: rgba(255,255,255,.055);

    color: rgba(255,255,255,.84);

    font-size: 14px;

    line-height: 1.55;
}

.nxt-protection-info p {
    margin: 0 0 10px;
}

.nxt-protection-info p:last-child {
    margin-bottom: 0;
}

.nxt-protection-info strong {
    color: #fff;
}

.nxt-protection-interest {
    margin: 0 0 18px;

    color: rgba(255,255,255,.62);

    font-size: 14px;

    line-height: 1.45;
}

.nxt-protection-btn {
    appearance: none;

    border: 0;

    cursor: pointer;

    min-width: 175px;

    padding: 12px 25px;

    border-radius: 999px;

    background: #dce4f0;

    color: #171b29;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.2;

    transition:
        transform .15s ease,
        filter .15s ease;
}

.nxt-protection-btn:hover {
    filter: brightness(.94);

    transform: translateY(-1px);
}

.nxt-protection-btn:active {
    transform: translateY(0);
}

html.nxt-protection-active,
html.nxt-protection-active body {
    overflow: hidden !important;
}

#nxt-global-protection-modal *,
.nxt-killed-screen * {
    box-sizing: border-box;
}

#nxt-global-protection-modal img,
.nxt-killed-screen img {
    max-width: 100%;
}

@media(max-width:480px) {

    .nxt-protection-modal {
        padding: 16px;
    }

    .nxt-protection-glass {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .nxt-protection-glass h2 {
        font-size: 22px;
    }

    .nxt-protection-logo {
        max-width: 170px;
    }
}