.biblia {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    background: rgba(255, 255, 255, 0.797);
    backdrop-filter: blur(14.5px);
    -webkit-backdrop-filter: blur(14.5px);

}

.close2 {
    width: 100%;
    text-align: right;
    box-sizing: border-box !important;
    position: absolute;
    top: 10px;
    padding-right: 20px;

}

.cnt-biblia1 {
    width: 50%;
}

.cnt-biblia {
    font-family: "PT Serif", Arial, serif;
    font-size: 14pt;
}

.cnt-biblia p {
    box-sizing: border-box;
}

.cnt-select {
    display: flex;
    padding-bottom: 10px;
    gap: 20px;
}

.cnt-select div {
    flex-basis: 50%;
}

.cnt-select div select {
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    border-radius: 8px;
    outline: 2px solid var(--color2);
    font-size: 14pt;
}

.cnt-respueta {
    width: 100%;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding: 30px;
    background: var(--color2);
    color: var(--color1);
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 8px 8px 25px #4e4e4e,
        -11px -11px 30px transparent;
}

.cnt-respueta2 {
    width: 100%;
    max-height: calc(100vh - 280px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: 15px;
}

.cnt-respueta2::-webkit-scrollbar {
    width: 7px;
}

.cnt-respueta2::-webkit-scrollbar-thumb {
    background: var(--color2);
    border-radius: 10px;
}


.title {
    margin-top: -50px !important;
}

.cnt-respueta .num {
    font-size: 16pt;
    font-weight: bold !important;
    color: var(--color1);
}

.cnt-respueta2 .num {
    font-size: 16pt;
    font-weight: bold !important;
    color: var(--color2);
}

.d-none {
    display: none;
}