.pagos_PSE_Nequi,
.panelPSEvista {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-modulo);
    backdrop-filter: blur(4px);
    z-index: 9999;
}

.panelPSEvista {
    display: none;
}

.pagos_PSE_Nequi>div>div,
.panelPSEvista>div>div {
    width: 390px;
    height: auto;
    background: var(--modulo-bg);
    border-radius: 10px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.50);
}

#panelPSE .header_Modulos_Global,
#panel_vista_PN .header_Modulos_Global,
#panelPSEdistri .header_Modulos_Global {
    box-shadow: 0 0 0 0;
}

#panelPSE section,
#panelPSEdistri section {
    height: calc(100% - 60px);
    padding: 2em;
    color: var(--color-texto);
}

.panel_pn_select {
    border: var(--tabla-borde);
    border-radius: 8px;
    height: 60px;
}

.panel_pn_select>div {
    padding: 0.5em 1em;
}

.panel_pn_select:hover {
    background: rgba(168, 182, 197, 0.15);
}

#panel_pn_image_selected {
    max-width: 45px;
    object-fit: cover;
    vertical-align: middle;
}

#panel_pn_text_selected {
    margin: 0 .75em;
}

#panelPSE section button:disabled,
#panelPSEdistri section button:disabled {
    background: rgba(168, 182, 197, 0.12);
    opacity: 0.4;
    color: var(--color-texto);
    cursor: no-drop;
}

#panelPSE section button:disabled:hover,
#panelPSEdistri section button:disabled:hover {
    box-shadow: 0 0 0 0;
}

.panel_pn_desplegable {
    padding: 0;
    list-style: none;
    cursor: default;
}

.panel_pn_desplegable::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.panel_pn_desplegable nav {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    z-index: 2;
    background: var(--bt-panel);
    border: var(--tabla-borde);
    border-radius: 10px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.20);
}

.panel_pn_desplegable nav label {
    padding: .75em 1em;
    transition: .2s;
}

.panel_pn_desplegable nav label img {
    max-width: 48px;
    object-fit: cover;
}

.panel_pn_desplegable nav label span {
    font-size: 14px;
    margin-left: 1em;
}

.panel_pn_desplegable nav label:hover {
    background: rgba(168, 182, 197, 0.12);
}

.panel_pn_desplegable nav label input {
    visibility: hidden;
    opacity: 0;
}

.pse__span__full {
    grid-column: 2 span;
    margin-bottom: 2em;
}

.pse_distri_txt__referencia {
    margin: 10px 7px;
    font-size: 13px;
    opacity: 0.6;
}

@media (max-width: 400px) {
    .pagos_PSE_Nequi>div>div {
        width: 95%;
    }
}

@media (max-height: 370px) {
    .pagos_PSE_Nequi>div>div {
        height: 90%;
    }

    #panelPSE section {
        overflow-y: auto;
    }
}

/* Vista */

#panel_vista_PN {
    background: none;
    backdrop-filter: unset;
}

#panel_vista_PN>div>div {
    width: 580px;
    color: var(--color-texto);
}

.panel_vista_PSE_Nequi_dialog {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding: 1.3em 2em;
}

.panel_vista_PSE_Nequi_dialog .precio_Global {
    width: 100%;
}

.panel_vista_PSE_Nequi_dialog .precio_Global::after {
    margin-left: .35em;
}

.panel_vista_PSE_Nequi_dialog .button_Global {
    min-height: 52px;
    font-size: 14px;
    text-transform: uppercase;
}

.pagos_PSE_Nequi_informacion h3 {
    font-size: 15px;
}

.pagos_PSE_Nequi_informacion h3 i {
    color: var(--button-bg);
    font-size: 20px;
    margin-top: -2px;
    margin-right: .2em;
}

.pagos_PSE_Nequi_informacion h3 span {
    border-bottom: var(--tabla-borde);
}

.pagos_PSE_Nequi_form {
    margin-bottom: 1.5em;
}

.pse____btn__continuar {
    text-align: center;
}

.pse____btn__continuar button {
    width: 98%;
    margin: auto;
}

@media (max-width: 585px) {
    #panel_vista_PN>div>div {
        width: 95%;
    }
}

@media (max-width: 440px) {
    #panel_vista_PN .columna_x2_Global {
        grid-template-columns: 1fr;
    }

    .pagos_PSE_Nequi_form>div {
        margin-bottom: 1em;
    }

    .pagos_PSE_Nequi_informacion {
        margin-bottom: 3em;
    }

    .pse__span__full {
        grid-column: unset;
        margin-bottom: 1.5em;
    }
}

@media (max-height: 615px) {
    #panel_vista_PN>div>div {
        height: 95%;
    }
}

@media (max-width: 330px) {
    #panel_pn_text_selected {
        font-size: 13px;
    }

    #panel_pn_image_selected {
        max-width: 35px;
    }
}

@media (max-height: 380px) and (orientation: landscape) {
    #panelPSE section, #panelPSEdistri section {
        overflow-y: auto;
    }
}

@media (max-width: 395px) {
    .pse__span__full select {
        font-size: 13px;
    }
}