.tabla-gts {
        margin-bottom: 15px;
    }
    
    .tabla-encabezado {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 15px;
        flex-direction: column;
        background-color: lightgray;
        font-weight: bold;
        --color-principal: gray;
    }
    
    .contenedor-detalle .fila.tabla-encabezado,
    .contenedor-detalle .fila.tabla-encabezado .columna {
        background-color: var(--color-principal);
        color: white;
    }
    
    .fila>div {
        padding: 10px;
        border-right: none;
    }
    
    .paleta_0, .fila:nth-child(8n+1)  {
        --color-principal: #7d106d;
        --color-secundario: #fed4ea;
    }
    
    .paleta_1, .fila:nth-child(8n+2){
        --color-principal: #d02183;
        --color-secundario: #ffdef1;
    }
    
    .paleta_2, .fila:nth-child(8n+3){
        --color-principal: #477d80;
        --color-secundario: #d8f9f9;
    }
    
    .paleta_3, .fila:nth-child(8n+4){
        --color-principal: #48b7bf;
        --color-secundario: #e1fdff;
    }
    
    .paleta_4, .fila:nth-child(8n+5) {
        --color-principal: #9c2525;
        --color-secundario: #ffdfd6;
    }
    
    .paleta_5, .fila:nth-child(8n+6) {
        --color-principal: #d7471b;
        --color-secundario: #ffe7de;
    }
    
    .paleta_6, .fila:nth-child(8n+7) {
        --color-principal: #999928;
        --color-secundario: #fff7d9;
    }
    
    .paleta_7, .fila:nth-child(8n+8) {
        --color-principal: #e6c02e;
        --color-secundario: #fff9e3;
    }
    
    .coord-txt {
        font-size: 10px;
    }

    .coordinador {
        color: var(--color-principal);
    }
    
    .columna:first-child {
        grid-column: 1 / 4;
        font-weight: bold;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 15px;
        flex-direction: column;
        background-color: var(--color-principal) !important;
        border-bottom: 1px solid var(--color-principal);
    }
    
    .contenedor-detalle .fila.tabla-encabezado .columna:first-child {
        grid-column: unset;
    }
    
    .columna:first-child div {
        font-size: 16px;
    }
    
    .columna {
        border-bottom: 1px solid var(--color-principal);
    }
    
    .columna:nth-child(3n+2) {
        background-color: var(--color-secundario);
    }
    
    .columna>div {
        padding: 5px;
        font-size: 12px;
    }
    
    .columna.no-subrayar a {
        text-decoration: none;
    }
    
    .total {
        margin: 0 auto;
        display: inline-block;
    }
    /*-----estilos del detalle---------*/
    
    .contenedor-detalle {
        display: contents;
    }
    
    .contenedor-detalle .fila {
        display: grid;
        grid-template-columns: 33% 34% 33%;
        grid-column-gap: 0;
    }
    
    .encabezado {
        width: 100%;
        background-color: var(--color-secundario);
        padding: 10px;
        margin-bottom: 5px;
        margin-top: 2em;
    }
    
    .pegado {
        margin-bottom: 0;
        border-bottom: solid 2px var(--color-principal);
    }
    
    .extenso {
        font-size: 13px;
        text-align: justify;
        padding: 10px;
    }
    
    .volver {
        text-align: right;
        margin-right: 15px;
    }
    
    .contenedor-detalle .fila .columna {
        background-color: var(--color-secundario);
    }
    
    .grilla {
        display: grid;
        font-size: 12px;
        margin-bottom: 15px;
        grid-template-columns: 33% 34% 33%;
    }
    
    .grilla>div:nth-child(odd) {
        background-color: var(--color-secundario);
    }
    
    .grilla>div {
        padding: 20px 10px;
    }
    /*----------el desplegable-------------*/
    
    .wrap-collabsible {
        margin-bottom: 1.2rem 0;
    }
    
    input[type='checkbox'] {
        display: none;
    }
    
    .lbl-toggle {
        display: block;
        cursor: pointer;
        border-radius: 7px;
        transition: all 0.25s ease-out;
        margin-bottom: 0;
        padding: 3px 15px;
    }
    
    .lbl-toggle:hover {
        color: var(--color-principal);
    }
    
    .lbl-toggle::before {
        content: ' ';
        display: inline-block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid currentColor;
        vertical-align: middle;
        margin-right: .7rem;
        transform: translateY(-2px);
        transition: transform .2s ease-out;
    }
    
    .toggle:checked+.lbl-toggle::before {
        transform: rotate(90deg) translateX(-3px);
        margin-bottom: 0;
    }
    
    .collapsible-content {
        max-height: 0px;
        overflow: hidden;
        transition: max-height .25s ease-in-out;
        margin-bottom: 15px;
    }
    
    .toggle:checked+.lbl-toggle+.collapsible-content {
        max-height: 2000px;
    }
    
    .toggle:checked+.lbl-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .collapsible-content .content-inner {
        background: var(--color-secundario);
        border-bottom: var(--color-principal);
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        padding: .5rem 1rem;
    }
    
    .link_titulo {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        text-align: right;
        display: block;
        margin-bottom: 0.5em;
    }
    
    @media screen and (min-width: 800px) {
        .fila {
            display: grid;
            justify-content: center;
            grid-template-columns: 15% 30% 40% 15%;
        }
        .contenedor-detalle .fila {
            grid-template-columns: 15% 30% 30% 25%;
        }
        .columna:first-child {
            grid-row: 1/11;
            grid-column: auto;
        }
        .contenedor-detalle .columna:first-child {
            grid-row: 1/2;
        }
        .contenedor-detalle .columna::before {
            width: 100%;
            margin-bottom: 10px;
            display: flex;
            border-bottom: solid 2px white;
        }
        .contenedor-detalle .columna:nth-child(2)::before {
            content: "OBJETIVOS";
        }
        .contenedor-detalle .columna:nth-child(3)::before {
            content: "ACTIVIDADES";
        }
        .contenedor-detalle .columna:nth-child(4)::before {
            content: "RESULTADOS ESPERADOS";
        }
        .enc-cuadro {
            display: none !important;
        }
    }
    
    .separacion_anual {
        padding: 0.5em;
        margin: 2em 0 0.8em;
        border-bottom: var(--color-principal) solid 2px;
    }
    
    .pegado_al_titulo {
        display: block;
        margin-top: -1em;
    }