:root {
    --top-contenedor-ventana: 0;
    --height-contenedor-ventana: 100vh;
    --bg-contenedor-ventana: rgb(0, 0, 0, 0);
    --ovrflw-contenedor-ventana: hidden;
}

textarea {
    font-size: 1.25rem !important;
}

.contenedor-ventana {
    position: fixed;
    top: var(--top-contenedor-ventana);
    left: 0;
    z-index: 10000;
    display: none;
    width: 100%;
    height: var(--height-contenedor-ventana);
    overflow: var(--ovrflw-contenedor-ventana);
    outline: 0;
    align-items: center !important;
    background-color: var(--bg-contenedor-ventana);
}

.ventana {
    position: relative;
    width: var(--ventanaW);
    height: var(--ventanaH);
    min-height: var(--ventanaMinH);
    max-height: var(--ventanaMaxH);
    border-radius: var(--ventanaBorderRadius);
    box-shadow: 4px 4px 7.5px 2.5px #213649;
    padding: 0 15px 15px 15px;
    background-color: var(--ventanaBgColor);
    overflow-y: var(--ventanaOvrFlw-y);
    overflow-x: var(--ventanaOvrFlw-x);
    font-size: var(--ventanaFntSz);
}

.ventana-tablas {
    height: 60vh;
    background-color: white;
    border-radius: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

.texto-modulo-area {
    resize: none;
    text-align: justify;
    height: 73% !important;
    display: none;
}


 .cmdcerrar {
    font-size: 1.25rem;
    color: red;
}


.estado {
    font-weight: bold;
    color: red;
}

.ventana-titulo {
    font-size: 2vw;
}

@media all and (display-mode: browser) {
    .cmdcerrar {
        font-size: 1.25rem;
        color: rgb(185, 0, 0);
        cursor: pointer;
    }

        .cmdcerrar:hover {
            color: red;
        }

    .ventana-tablas {
        width: 450px;
        height: 500px;
        overflow-y: auto;
    }
}