.modal {
    --bs-modal-zindex:1055;
    --bs-modal-width:500px;
    --bs-modal-padding:1rem;
    --bs-modal-margin:0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg:var(--bs-body-bg);
    --bs-modal-border-color:var(--bs-border-color-translucent);
    --bs-modal-border-width:var(--bs-border-width);
    --bs-modal-border-radius:var(--bs-border-radius-lg);
    --bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x:1rem;
    --bs-modal-header-padding-y:1rem;
    --bs-modal-header-padding:1rem 1rem;
    --bs-modal-header-border-color:var(--bs-border-color);
    --bs-modal-header-border-width:var(--bs-border-width);
    --bs-modal-title-line-height:1.5;
    --bs-modal-footer-gap:0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color:var(--bs-border-color);
    --bs-modal-footer-border-width:var(--bs-border-width);
    position:fixed;
    top:0;
    left:0;
    z-index:var(--bs-modal-zindex);
    display:none;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0
}
.modal-dialog {
    position:relative;
    width:auto;
    margin:var(--bs-modal-margin);
    pointer-events:none
}
.modal.fade .modal-dialog {
    transition:transform .3s ease-out;
    transform:translate(0,-50px)
}
@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition:none
    }
}
.modal.show .modal-dialog {
    transform:none
}
.modal.modal-static .modal-dialog {
    transform:scale(1.02)
}
.modal-dialog-scrollable {
    height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-dialog-scrollable .modal-content {
    max-height:100%;
    overflow:hidden
}
.modal-dialog-scrollable .modal-body {
    overflow-y:auto
}
.modal-dialog-centered {
    display:flex;
    align-items:center;
    min-height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-content {
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    color:var(--bs-modal-color);
    pointer-events:auto;
    background-color:var(--bs-modal-bg);
    background-clip:padding-box;
    border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius:var(--bs-modal-border-radius);
    outline:0
}
.modal-backdrop {
    --bs-backdrop-zindex:1050;
    --bs-backdrop-bg:#000;
    --bs-backdrop-opacity:0.5;
    position:fixed;
    top:0;
    left:0;
    z-index:var(--bs-backdrop-zindex);
    width:100vw;
    height:100vh;
    background-color:var(--bs-backdrop-bg)
}
.modal-backdrop.fade {
    opacity:0
}
.modal-backdrop.show {
    opacity:var(--bs-backdrop-opacity)
}
.modal-header {
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:space-between;
    padding:var(--bs-modal-header-padding);
    border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius:var(--bs-modal-inner-border-radius);
    border-top-right-radius:var(--bs-modal-inner-border-radius)
}
.modal-header .btn-close {
    padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}
.modal-title {
    margin-bottom:0;
    line-height:var(--bs-modal-title-line-height)
}
.modal-body {
    position:relative;
    flex:1 1 auto;
    padding:var(--bs-modal-padding)
}
.modal-footer {
    display:flex;
    flex-shrink:0;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color:var(--bs-modal-footer-bg);
    border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius:var(--bs-modal-inner-border-radius);
    border-bottom-left-radius:var(--bs-modal-inner-border-radius)
}
.modal-footer>* {
    margin:calc(var(--bs-modal-footer-gap) * .5)
}
@media (min-width:576px) {
    .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)
    }
    .modal-dialog {
        max-width:var(--bs-modal-width);
        margin-right:auto;
        margin-left:auto
    }
    .modal-sm {
        --bs-modal-width:300px
    }
}
@media (min-width:992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width:800px
    }
}
@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width:1140px
    }
}
.modal-fullscreen {
    width:100vw;
    max-width:none;
    height:100%;
    margin:0
}
.modal-fullscreen .modal-content {
    height:100%;
    border:0;
    border-radius:0
}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
    border-radius:0
}
.modal-fullscreen .modal-body {
    overflow-y:auto
}
@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-sm-down .modal-content {
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y:auto
    }
}
@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-md-down .modal-content {
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y:auto
    }
}
@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-lg-down .modal-content {
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y:auto
    }
}
@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xl-down .modal-content {
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y:auto
    }
}
@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xxl-down .modal-content {
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y:auto
    }
}


.row {
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
.row>* {
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)
}
.col {
    flex:1 0 0%
}
.row-cols-auto>* {
    flex:0 0 auto;
    width:auto
}
.row-cols-1>* {
    flex:0 0 auto;
    width:100%
}
.row-cols-2>* {
    flex:0 0 auto;
    width:50%
}
.row-cols-3>* {
    flex:0 0 auto;
    width:33.3333333333%
}
.row-cols-4>* {
    flex:0 0 auto;
    width:25%
}
.row-cols-5>* {
    flex:0 0 auto;
    width:20%
}
.row-cols-6>* {
    flex:0 0 auto;
    width:16.6666666667%
}
.col-auto {
    flex:0 0 auto;
    width:auto
}
.col-1 {
    flex:0 0 auto;
    width:8.33333333%
}
.col-2 {
    flex:0 0 auto;
    width:16.66666667%
}
.col-3 {
    flex:0 0 auto;
    width:25%
}
.col-4 {
    flex:0 0 auto;
    width:33.33333333%
}
.col-5 {
    flex:0 0 auto;
    width:41.66666667%
}
.col-6 {
    flex:0 0 auto;
    width:50%
}
.col-7 {
    flex:0 0 auto;
    width:58.33333333%
}
.col-8 {
    flex:0 0 auto;
    width:66.66666667%
}
.col-9 {
    flex:0 0 auto;
    width:75%
}
.col-10 {
    flex:0 0 auto;
    width:83.33333333%
}
.col-11 {
    flex:0 0 auto;
    width:91.66666667%
}
.col-12 {
    flex:0 0 auto;
    width:100%
}


/* ul{
    list-style-type: disc;
    -webkit-columns: 2 !important;
    -moz-columns: 2 !important;
    columns: 2;
    list-style-position: inside;
} */
.registro-resultado-cuadro{
    background-color: #891276;
    border-style: solid;
    border-color: #ffc500;
}

ul{
    list-style-type: disc;
    color: white;
}

#P1{
    color: #ffc500;
}

#P2{
    color: white;
}

#encabezado-modal{
    text-shadow: 8px 0 #001a84, -8px 0 #001a84, 0 8px #001a84,
        0 -8px #001a84, 5px 5px #001a84, -5px -5px #001a84, 5px -5px #001a84,
        -5px 5px #001a84;
}

@media (min-width: 310px) {
    ul li{
        float: left;
        width: 100%;
        color: white;
        font-size: 0.6rem;
    }

    #encabezado-modal{
        color: white;
        font-size: 16px;
        margin-top: -20px;
        margin-bottom: -12px;
    }

    #P2{
        margin-top:-1%;
    }

    #x{
        width: 9%;
        margin-inline-start: 100%;
        margin-top: -18%;
        margin-bottom: 7%;
    }

    #msjlistado{
        font-size: 0.6rem;
    }
}

@media (min-width: 325px) {
    ul li{
        float: left;
        width: 100%;
        color: white;
        font-size: 0.7rem;
    }

    #encabezado-modal{
        color: white;
        font-size: 16px;
        margin-top: -20px;
        margin-bottom: -12px;
    }

    #P2{
        margin-top:-1%;
    }

    #x{
        width: 9%;
        margin-inline-start: 100%;
        margin-top: -18%;
        margin-bottom: 7%;
    }

    #msjlistado{
        font-size: 0.7rem;
    }
}

@media (min-width: 377px) {
    ul li{
        float: left;
        width: 100%;
        color: white;
        font-size: 0.9rem;
    }

    #encabezado-modal{
        color: white;
        font-size: 18px;
        margin-top: -20px;
        margin-bottom: -12px;
    }

    #P2{
        margin-top:-1%;
    }

    #x{
        width: 8%;
        margin-inline-start: 100%;
        margin-top: -15%;
        margin-bottom: 5%;
    }

    #msjlistado{
        font-size: 0.9rem;
    }
}

@media (min-width: 768px) {
    ul li{
        float: left;
        width: 50%;
        color: white;
        font-size: 0.6rem;
    }

    #encabezado-modal{
        color: white;
        font-size: 21px;
        margin-top: -20px;
        margin-bottom: -12px;
    }

    #P2{
        margin-top:-1%;
    }

    #x{
        width: 6%;
        margin-inline-start: 100%;
        margin-top: -12%;
        margin-bottom: 5%;
    }

    #msjlistado{
        font-size: 0.6rem;
    }
}

@media (min-width: 992px) {
    ul li{
        float: left;
        width: 50%;
        color: white;
        font-size: 0.7rem;
    }

    #encabezado-modal{
        color: white;
        font-size: 22px;
        margin-top: -20px;
        margin-bottom: -12px;
    }

    #P2{
        margin-top:-1%;
    }

    #x{
        width: 5%;
        margin-inline-start: 100%;
        margin-top: -8%;
        margin-bottom: 5%;
    }

    #msjlistado{
        font-size: 0.7rem;
    }
}

@media (min-width: 1280px) {
    ul li{
        float: left;
        width: 50%;
        color: white;
        font-size: 0.83rem;
    }

    #encabezado-modal{
        color: white;
        font-size: 25px;
        margin-top: -20px;
        margin-bottom: -12px;
    }

    #P2{
        margin-top:-1%;
    }

    #x{
        width: 5%;
        margin-inline-start: 100%;
        margin-top: -8%;
        margin-bottom: 5%;
    }

    #msjlistado{
        font-size: 0.83rem;
    }

}