/* PF_SUBSCRIBER_UI_V1 */

.pf-nav-subscriber {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-weight:750 !important;
}

.pf-nav-subscriber.is-active {
    color:#087443 !important;
}

.pf-nav-migrupo {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-height:42px;

    padding:0 16px !important;

    border-radius:11px;

    background:#101828;
    color:#fff !important;

    font-weight:800 !important;
    text-decoration:none !important;

    box-sizing:border-box;
}

.pf-nav-migrupo:hover {
    opacity:.92;
}

.pf-subscriber-session {
    width:100%;
    box-sizing:border-box;

    background:#ecfdf3;
    border-bottom:1px solid #abefc6;
}

.pf-subscriber-session__inner {
    width:min(1180px, calc(100% - 32px));
    min-height:42px;

    margin:0 auto;
    padding:7px 0;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px 10px;

    box-sizing:border-box;

    font-size:13px;
    line-height:1.35;
}

.pf-subscriber-session__status {
    color:#05603a;
    font-weight:850;
}

.pf-subscriber-session__email {
    max-width:min(440px, 80vw);

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:#344054;
    font-weight:700;
}

.pf-subscriber-session__link {
    color:#087443;
    font-weight:800;
}

.pf-sub-cta[hidden] {
    display:none !important;
}

.pf-sub-cta {
    position:fixed;

    z-index:9990;

    left:14px;
    right:14px;

    bottom:max(
        14px,
        env(safe-area-inset-bottom)
    );

    pointer-events:none;
}

.pf-sub-cta__box {
    position:relative;

    width:min(100%, 900px);

    margin:0 auto;

    padding:14px 50px 14px 18px;

    display:flex;
    align-items:center;
    gap:18px;

    box-sizing:border-box;

    background:rgba(16,24,40,.97);
    color:#fff;

    border-radius:17px;

    box-shadow:
        0 15px 45px rgba(0,0,0,.23);

    pointer-events:auto;
}

.pf-sub-cta__text {
    min-width:0;
    flex:1;

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

.pf-sub-cta__text strong {
    font-size:15px;
}

.pf-sub-cta__text span {
    font-size:13px;
    color:rgba(255,255,255,.75);
}

.pf-sub-cta__actions {
    display:flex;
    align-items:center;
    gap:8px;
}

.pf-sub-cta__main,
.pf-sub-cta__login {
    min-height:43px;

    padding:0 15px;

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

    border-radius:10px;

    box-sizing:border-box;

    text-decoration:none;
    font-size:14px;
    font-weight:800;
}

.pf-sub-cta__main {
    background:#fff;
    color:#101828;
}

.pf-sub-cta__login {
    color:#fff;
}

.pf-sub-cta__close {
    position:absolute;

    top:8px;
    right:8px;

    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    border:0;
    border-radius:50%;

    background:transparent;
    color:#fff;

    font-size:23px;
    cursor:pointer;
}

.pf-sub-cta__close:hover {
    background:rgba(255,255,255,.1);
}

html.pf-sub-cta-visible body {
    padding-bottom:
        calc(
            var(--pf-sub-cta-height, 86px)
            + 25px
            + env(safe-area-inset-bottom)
        );
}

.pf-nav-subscriber:focus-visible,
.pf-nav-migrupo:focus-visible,
.pf-sub-cta a:focus-visible,
.pf-sub-cta button:focus-visible {
    outline:3px solid currentColor;
    outline-offset:3px;
}

@media(max-width:760px) {

    .pf-nav-subscriber {
        width:100%;
        justify-content:flex-start;
    }

    .pf-nav-migrupo {
        width:100%;
        min-height:46px;
        margin-top:5px;
    }

    .pf-subscriber-session__inner {
        width:calc(100% - 24px);
        justify-content:flex-start;
    }

    .pf-sub-cta {
        left:9px;
        right:9px;

        bottom:max(
            9px,
            env(safe-area-inset-bottom)
        );
    }

    .pf-sub-cta__box {
        flex-wrap:wrap;
        gap:10px;

        padding:
            13px
            43px
            13px
            13px;
    }

    .pf-sub-cta__actions {
        width:100%;
    }

    .pf-sub-cta__main,
    .pf-sub-cta__login {
        flex:1;
    }
}

@media(max-width:430px) {

    .pf-sub-cta__actions {
        flex-direction:column;
    }

    .pf-sub-cta__main,
    .pf-sub-cta__login {
        width:100%;
    }
}