.fondoF {
    display: none;
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: all 0.5s ease;
    animation: aparecer 0.8s ease-out;
}

.formulario {
    background-color: #ffffff;
    width: 35%;
    max-height: 90vh;
    overflow-y: scroll;
    border-radius: 20px;
    box-shadow: 0 0px 10px rgba(255, 255, 255, 0.549);
    padding: 20px;
    transition: all 0.5s ease;
}

.headerF {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.headerF h2 {
    color: rgb(15, 129, 0);
    margin: 10px 0 20px 0;
    font-size: 30px;
    font-weight: bold;
}

.seccionF {
    box-shadow: 0 0 10px rgba(0, 94, 17, 0.5);
    border-radius: 20px;
    padding: 8px;
    margin-bottom: 30px;
    background-color: #ffffff;
}

.seccionF h3 {
    color: rgb(15, 129, 0);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.extras {
    display: none;
    box-shadow: 0 0 10px rgba(0, 94, 17, 0.5);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #ffffff;
}

.extras h3 {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}

.VRextras {
    box-shadow: 0 0 10px rgba(0, 94, 17, 0.5);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #ffffff;
}

.VRextras h3 {
    color: rgb(15, 129, 0);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.victimaExtra {
    display: none;
    margin-bottom: 0;
    padding: 10px;
}

.victimaExtra h3 {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}

.victimarioExtra {
    margin-bottom: 0;
    padding: 10px;
}

.victimarioExtra h3 {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tablaInfoMedida,
.tablaSolicitantes,
.tablaInfoDocumentoVictima,
.tablaInfoDocumentoVictimario,
.tablaInfoGeneroVictima,
.tablaInfoGeneroVictimario,
.tablaF,
.tablaF2,
.tablaExtras {
    width: 100%;
    border-collapse: collapse;
}

.tablaInfoMedida td,
.tablaSolicitantes td,
.tablaInfoDocumentoVictima td,
.tablaInfoDocumentoVictimario td,
.tablaInfoGeneroVictima td,
.tablaInfoGeneroVictimario td,
.tablaF td,
.tablaF2 td,
.tablaExtras td {
    padding: 14px 20px;
    font-size: 14px;
}

.tablaInfoMedida select,
.tablaInfoMedida input[type="text"],
.tablaInfoMedida input[type="search"],
.tablaSolicitantes select,
.tablaSolicitantes input[type="text"],
.tablaSolicitantes input[type="search"],
.tablaInfoDocumentoVictima input[type="text"],
.tablaInfoDocumentoVictima input[type="search"],
.tablaInfoDocumentoVictima input[type="number"],
.tablaInfoDocumentoVictima select,
.tablaInfoDocumentoVictimario input[type="text"],
.tablaInfoDocumentoVictimario input[type="search"],
.tablaInfoDocumentoVictimario input[type="number"],
.tablaInfoDocumentoVictimario select,
.tablaInfoGeneroVictima input[type="text"],
.tablaInfoGeneroVictima input[type="search"],
.tablaInfoGeneroVictimario input[type="text"],
.tablaInfoGeneroVictimario input[type="search"],
.tablaInfoGeneroVictima select,
.tablaInfoGeneroVictimario select,
.tablaF input[type="text"],
.tablaF input[type="search"],
.tablaF input[type="date"],
.tablaF input[type="time"],
.tablaF input[type="number"],
.tablaF select,
.tablaF2 input[type="text"],
.tablaF2 input[type="search"],
.tablaF2 input[type="date"],
.tablaF2 input[type="time"],
.tablaF2 input[type="number"],
.tablaF2 select,
.tablaExtras input[type="text"],
.tablaExtras input[type="search"],
.tablaExtras input[type="date"],
.tablaExtras input[type="time"],
.tablaExtras input[type="number"],
.tablaExtras select {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #aaa;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #ffffff;
}

.tablaInfoMedida input:focus,
.tablaInfoMedida select:focus,
.tablaSolicitantes input:focus,
.tablaSolicitantes select:focus,
.tablaInfoDocumentoVictima input:focus,
.tablaInfoDocumentoVictima select:focus,
.tablaInfoDocumentoVictimario input:focus,
.tablaInfoDocumentoVictimario select:focus,
.tablaInfoGeneroVictima select:focus,
.tablaInfoGeneroVictimario select:focus,
.tablaF input:focus,
.tablaF select:focus,
.tablaF2 input:focus,
.tablaF2 select:focus,
.tablaExtras input:focus,
.tablaExtras select:focus {
    outline: none;
    border-color: #00a13e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.tdNumero {
    padding-top: 15px;
    padding-bottom: 10px;
}

.tablaNumero {
    box-shadow: 0 0 10px rgba(0, 94, 17, 0.5);
    border-radius: 20px;
    padding: 8px;
    margin-top: 40px;
    background-color: #ffffff;
}

.tablaNumero input[type="number"] {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
}

.tablaInfoMedida td {
    width: 25%;
}

.tablaSolicitantes td {
    width: 25%;
}

.tablaInfoDocumentoVictima td {
    width: 25%;
}

.tablaInfoDocumentoVictimario td {
    width: 25%;
}

.tablaInfoGeneroVictima td {
    width: 25%;
}

.tablaInfoGeneroVictimario td {
    width: 25%;
}

.tablaF td {
    width: 33.33%;
}

.tablaF2 td {
    width: 25%;
}

.celdaVaciaVr {
    width: 25%;
}

.tablaF2.tablaF2-expandida td {
    width: 50%;
}

#trTitulosVrExtras td {
    vertical-align: bottom;
    padding-bottom: 4px;
}

.tablaExtras td {
    width: 25%;
}

.tablaF tr:nth-child(odd),
.tablaF2 tr:nth-child(odd),
.tablaExtras tr:nth-child(odd),
.tablaInfoDocumentoVictima tr:nth-child(odd),
.tablaInfoMedida tr:nth-child(odd),
.tablaSolicitantes tr:nth-child(odd),
.tablaInfoDocumentoVictimario tr:nth-child(odd),
.tablaInfoGeneroVictima tr:nth-child(odd),
.tablaNumero tr:nth-child(odd),
.tablaInfoGeneroVictimario tr:nth-child(odd) {
    background-color: #e3ffeb;
}

.cantidad {
    display: none;
}

.otroDocumentoV,
.otroDocumentoVR,
.perteneceVictima,
.perteneceVictimario,
.cualGeneroVictima,
.cualGeneroVictimario,
.perteneceVE1,
.perteneceVE2,
.perteneceVE3,
.perteneceVE4,
.perteneceVE5,
.otroGeneroVE1,
.otroGeneroVE2,
.otroGeneroVE3,
.otroGeneroVE4,
.otroGeneroVE5,
.perteneceVE6 {
    display: none;
}

.msj {
    display: none;
    color: red;
    font-size: 12px;
    background: linear-gradient(to right, rgb(255, 222, 222), rgb(255, 255, 255));
    padding: 5px;
}

.msj2 {
    display: none;
    color: red;
    font-size: 12px;
    background: linear-gradient(to right, rgb(255, 222, 222), rgb(255, 255, 255));
    padding: 5px;
}

.msj3 {
    display: none;
    color: red;
    font-size: 12px;
    background: linear-gradient(to right, rgb(255, 222, 222), rgb(255, 255, 255));
    padding: 5px;
}

.bloquear {
    pointer-events: none;
    background-color: #e9e9e9;
    cursor: not-allowed;
}

#edadV,
#edadVr {
    background-color: #e9e9e9;
    cursor: not-allowed;
    color: #333;
    pointer-events: none;
}

#edadVE1, #edadVE2, #edadVE3, #edadVE4, #edadVE5,
#edadVRE1, #edadVRE2, #edadVRE3, #edadVRE4, #edadVRE5 {
    background-color: rgb(239, 239, 239);
    cursor: not-allowed;
    color: #333;
    pointer-events: none;
}

.botonesF {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.botonGuardar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d1ffde;
    color: rgb(0, 0, 0);
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.botonGuardar:hover {
    box-shadow: 0 0 10px rgba(0, 255, 21, 0.897);
    transform: scale(1.2);
}

.botonCancelar {
    position: absolute;
    background-color: transparent;
    width: 15px;
    right: 32.5%;
    top: 27%;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    z-index: 1001;
    transition: all 0.3s ease;
}

.botonCancelar:hover {
    transform: scale(1.2);
    z-index: 1002;
}

@keyframes aparecer {
    from {
        transform: translatey(10%);
        opacity: 0;
    }
    to {
        transform: translatey(0);
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .fondoF {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
    }

    .formulario {
        width: calc(100% - 32px);
        max-width: 540px;
        margin: 0 auto;
        padding: 16px 14px;
        border-radius: 14px;
        max-height: 92vh;
        box-sizing: border-box;
        position: relative;
    }

    .headerF {
        padding: 14px 48px 14px 48px;
        margin-bottom: 14px;
        border-bottom: 2px solid #e3ffeb;
        text-align: center;
    }

    .headerF h2 {
        font-size: 22px;
        margin: 0;
        line-height: 1.3;
    }

    .botonCancelar {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 28px;
        height: 28px;
        padding: 4px;
        display: block;
        cursor: pointer;
        opacity: 0.75;
        transition: opacity 0.2s ease, transform 0.2s ease;
        z-index: 10;
        left: auto;
        bottom: auto;
        background-color: transparent;
        border: none;
        border-radius: 50%;
    }

    .botonCancelar:hover {
        opacity: 1;
        transform: scale(1.15);
    }

    .seccionF,
    .VRextras,
    .extras,
    .victimaExtra,
    .victimarioExtra {
        padding: 10px 8px;
        border-radius: 12px;
        margin-bottom: 16px;
    }

    .seccionF h3,
    .VRextras h3,
    .extras h3,
    .victimaExtra h3,
    .victimarioExtra h3 {
        font-size: 19px;
        margin-bottom: 12px;
        color: rgb(15, 129, 0);
    }

    .tablaF,
    .tablaF2,
    .tablaExtras,
    .tablaInfoMedida,
    .tablaSolicitantes,
    .tablaInfoDocumentoVictima,
    .tablaInfoDocumentoVictimario,
    .tablaInfoGeneroVictima,
    .tablaInfoGeneroVictimario,
    .tablaNumero {
        display: flex;
        flex-direction: column;
        width: 100%;
        border-collapse: unset;
    }

    .tablaF tr:nth-child(odd),
    .tablaF2 tr:nth-child(odd),
    .tablaExtras tr:nth-child(odd),
    .tablaInfoMedida tr:nth-child(odd),
    .tablaSolicitantes tr:nth-child(odd),
    .tablaInfoDocumentoVictima tr:nth-child(odd),
    .tablaInfoDocumentoVictimario tr:nth-child(odd),
    .tablaInfoGeneroVictima tr:nth-child(odd),
    .tablaInfoGeneroVictimario tr:nth-child(odd),
    .tablaNumero tr:nth-child(odd) {
        display: none !important;
        visibility: hidden !important;
        max-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .tablaF tr:nth-child(even),
    .tablaF2 tr:nth-child(even),
    .tablaExtras tr:nth-child(even),
    .tablaInfoMedida tr:nth-child(even),
    .tablaSolicitantes tr:nth-child(even),
    .tablaInfoDocumentoVictima tr:nth-child(even),
    .tablaInfoDocumentoVictimario tr:nth-child(even),
    .tablaInfoGeneroVictima tr:nth-child(even),
    .tablaInfoGeneroVictimario tr:nth-child(even),
    .tablaNumero tr:nth-child(even) {
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: transparent;
    }

    .tablaF td,
    .tablaF2 td,
    .tablaExtras td,
    .tablaInfoMedida td,
    .tablaSolicitantes td,
    .tablaInfoDocumentoVictima td,
    .tablaInfoDocumentoVictimario td,
    .tablaInfoGeneroVictima td,
    .tablaInfoGeneroVictimario td,
    .tablaNumero td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 2px 4px 8px 4px;
    }

    .tablaF td[data-label]::before,
    .tablaF2 td[data-label]::before,
    .tablaExtras td[data-label]::before,
    .tablaInfoMedida td[data-label]::before,
    .tablaSolicitantes td[data-label]::before,
    .tablaInfoDocumentoVictima td[data-label]::before,
    .tablaInfoDocumentoVictimario td[data-label]::before,
    .tablaInfoGeneroVictima td[data-label]::before,
    .tablaInfoGeneroVictimario td[data-label]::before,
    .tablaNumero td[data-label]::before {
        content: attr(data-label);
        display: block;
        font-size: 15px;
        font-weight: bold;
        color: #0a5c1e;
        margin-bottom: 4px;
        padding-top: 8px;
    }

    .tablaF tr:nth-child(even) td + td,
    .tablaF2 tr:nth-child(even) td + td,
    .tablaExtras tr:nth-child(even) td + td,
    .tablaInfoMedida tr:nth-child(even) td + td,
    .tablaSolicitantes tr:nth-child(even) td + td,
    .tablaInfoDocumentoVictima tr:nth-child(even) td + td,
    .tablaInfoDocumentoVictimario tr:nth-child(even) td + td,
    .tablaInfoGeneroVictima tr:nth-child(even) td + td,
    .tablaInfoGeneroVictimario tr:nth-child(even) td + td {
        border-top: 1px solid #e3ffeb;
    }

    .tablaF input,
    .tablaF select,
    .tablaF2 input,
    .tablaF2 select,
    .tablaExtras input,
    .tablaExtras select,
    .tablaInfoMedida input,
    .tablaInfoMedida select,
    .tablaSolicitantes input,
    .tablaSolicitantes select,
    .tablaInfoDocumentoVictima input,
    .tablaInfoDocumentoVictima select,
    .tablaInfoDocumentoVictimario input,
    .tablaInfoDocumentoVictimario select,
    .tablaInfoGeneroVictima input,
    .tablaInfoGeneroVictima select,
    .tablaInfoGeneroVictimario input,
    .tablaInfoGeneroVictimario select,
    .tablaNumero input {
        width: 100%;
        height: 46px;
        padding: 0 12px;
        box-sizing: border-box;
        font-size: 17px;
        appearance: auto;
        -webkit-appearance: auto;
    }

    .msj, .msj2, .msj3 {
        font-size: 14px;
        padding: 4px 6px;
        margin-top: 3px;
    }

    .botonGuardar {
        width: 75%;
        max-width: 240px;
        padding: 11px 20px;
        font-size: 17px;
    }

    td.trasladado,
    td.incumplimiento,
    td.solicitado,
    td.otroDocumentoV,
    td.otroDocumentoVR,
    td.perteneceVictima,
    td.cualGeneroVictima,
    td.perteneceVictimario,
    td.cualGeneroVictimario,
    td.cualEtniaVictima,
    td.cualEtniaVictimario,
    tr.cantidad,
    td.perteneceVE1, td.otroGeneroVE1, td.etnia3VE1,
    td.perteneceVE2, td.otroGeneroVE2, td.etnia3VE2,
    td.perteneceVE3, td.otroGeneroVE3, td.etnia3VE3,
    td.perteneceVE4, td.otroGeneroVE4, td.etnia3VE4,
    td.perteneceVE5, td.otroGeneroVE5, td.etnia3VE5,
    td.otroDocumentoVE1, td.otroDocumentoVE2, td.otroDocumentoVE3,
    td.otroDocumentoVE4, td.otroDocumentoVE5,
    td.perteneceVRE1, td.otroGeneroVRE1, td.etnia3VRE1,
    td.perteneceVRE2, td.otroGeneroVRE2, td.etnia3VRE2,
    td.perteneceVRE3, td.otroGeneroVRE3, td.etnia3VRE3,
    td.perteneceVRE4, td.otroGeneroVRE4, td.etnia3VRE4,
    td.perteneceVRE5, td.otroGeneroVRE5, td.etnia3VRE5,
    td.otroDocumentoVRE1, td.otroDocumentoVRE2, td.otroDocumentoVRE3,
    td.otroDocumentoVRE4, td.otroDocumentoVRE5 {
        display: none !important;
    }

    td.mostrar-responsive,
    tr.mostrar-responsive {
        display: block !important;
    }

    .victimarioExtra .tablaExtras {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .victimarioExtra .tablaExtras tr:nth-child(odd) {
        display: none !important;
        visibility: hidden !important;
        max-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .victimarioExtra .tablaExtras tr:nth-child(even) {
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: transparent;
    }

    .victimarioExtra .tablaExtras td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 2px 4px 8px 4px;
    }

    .victimarioExtra .tablaExtras td[data-label]::before {
        content: attr(data-label);
        display: block;
        font-size: 15px;
        font-weight: bold;
        color: #0a5c1e;
        margin-bottom: 4px;
        padding-top: 8px;
    }

    .victimarioExtra .tablaExtras input,
    .victimarioExtra .tablaExtras select {
        width: 100%;
        height: 46px;
        padding: 0 12px;
        box-sizing: border-box;
        font-size: 17px;
        appearance: auto;
        -webkit-appearance: auto;
    }

    .victimarioExtra .tablaExtras tr:nth-child(even) td + td {
        border-top: 1px solid #e3ffeb;
    }

    .victimaExtra .tablaExtras {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .victimaExtra .tablaExtras tr:nth-child(odd) {
        display: none !important;
        visibility: hidden !important;
        max-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .victimaExtra .tablaExtras tr:nth-child(even) {
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: transparent;
    }

    .victimaExtra .tablaExtras td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 2px 4px 8px 4px;
    }

    .victimaExtra .tablaExtras td[data-label]::before {
        content: attr(data-label);
        display: block;
        font-size: 15px;
        font-weight: bold;
        color: #0a5c1e;
        margin-bottom: 4px;
        padding-top: 8px;
    }

    .victimaExtra .tablaExtras input,
    .victimaExtra .tablaExtras select {
        width: 100%;
        height: 46px;
        padding: 0 12px;
        box-sizing: border-box;
        font-size: 17px;
        appearance: auto;
        -webkit-appearance: auto;
    }

    .victimaExtra .tablaExtras tr:nth-child(even) td + td {
        border-top: 1px solid #e3ffeb;
    }

    .boton-container {
        display: flex;
        justify-content: center;
        padding: 10px 0 4px 0;
    }
}

@media (max-width: 480px) {
    .formulario {
        width: calc(100% - 24px);
        margin: 0 auto;
        padding: 12px 10px;
        border-radius: 10px;
        max-height: 94vh;
        box-sizing: border-box;
    }

    .headerF h2 {
        font-size: 21px;
    }

    .seccionF h3,
    .VRextras h3,
    .extras h3,
    .victimaExtra h3,
    .victimarioExtra h3 {
        font-size: 17px;
    }

    .tablaF td[data-label]::before,
    .tablaF2 td[data-label]::before,
    .tablaExtras td[data-label]::before,
    .tablaInfoMedida td[data-label]::before,
    .tablaSolicitantes td[data-label]::before,
    .tablaInfoDocumentoVictima td[data-label]::before,
    .tablaInfoDocumentoVictimario td[data-label]::before,
    .tablaInfoGeneroVictima td[data-label]::before,
    .tablaInfoGeneroVictimario td[data-label]::before,
    .victimarioExtra .tablaExtras td[data-label]::before,
    .victimaExtra .tablaExtras td[data-label]::before {
        font-size: 14px;
    }

    .tablaF input,
    .tablaF select,
    .tablaF2 input,
    .tablaF2 select,
    .tablaExtras input,
    .tablaExtras select,
    .tablaInfoMedida input,
    .tablaInfoMedida select,
    .tablaSolicitantes input,
    .tablaSolicitantes select,
    .tablaInfoDocumentoVictima input,
    .tablaInfoDocumentoVictima select,
    .tablaInfoDocumentoVictimario input,
    .tablaInfoDocumentoVictimario select,
    .tablaInfoGeneroVictima input,
    .tablaInfoGeneroVictima select,
    .tablaInfoGeneroVictimario input,
    .tablaInfoGeneroVictimario select,
    .victimarioExtra .tablaExtras input,
    .victimarioExtra .tablaExtras select,
    .victimaExtra .tablaExtras input,
    .victimaExtra .tablaExtras select {
        height: 42px;
        font-size: 15px;
        padding: 0 9px;
    }

    .botonGuardar {
        width: 88%;
        font-size: 15px;
    }
}