#contenido{
    display: grid;
    grid-template-columns: repeat(60, 1fr);
    grid-template-rows: repeat(60, 1rem);
    grid-auto-rows: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    /*max-height: 200vh;*/
}

.cuadro {
    position: relative;
    background-color: white;
    border-radius: 0.5rem;
    padding: 1rem;
    /*box-shadow: 0 -1px 0.1rem rgba(0,0,0,0.45);*/
    box-shadow:
        0 -0.2rem 0.2rem -0.2rem rgba(0, 0, 0, 0.65),
        0 0.2rem 0.2rem -0.2rem rgba(0, 0, 0, 0.65),
        -0.4rem 0 0.5rem -0.5rem rgba(50, 30, 0, 0.2),
        0.4rem 0 0.5rem -0.5rem rgba(50, 30, 0, 0.2);
    grid-row-start: auto;
    grid-column-start: auto;
    max-width: 100%;
    overflow: hidden;
}

/* Tamaño de los cuadros */

.cuadro.x1_60, .cuadro.xsesentaavo {
    grid-column-end: span 1;
}
.cuadro.y1_60, .cuadro.ysesentaavo {
    grid-row-end: span 1;
}

.cuadro.x1_30, .cuadro.xtreintaavo {
    grid-column-end: span 2;
}
.cuadro.y1_30, .cuadro.ytreintaavo {
    grid-row-end: span 2;
}

.cuadro.x1_20, .cuadro.xveinteavo {
    grid-column-end: span 3;
}
.cuadro.y1_20, .cuadro.yveinteavo {
    grid-row-end: span 3;
}

.cuadro.x1_15, .cuadro.xquinceavo {
    grid-column-end: span 4;
}
.cuadro.y1_15, .cuadro.yquinceavo {
    grid-row-end: span 4;
}

.cuadro.x1_12, .cuadro.xdoceavo {
    grid-column-end: span 5;
}
.cuadro.y1_12, .cuadro.ydoceavo {
    grid-row-end: span 5;
}

.cuadro.x1_10, .cuadro.xdecimo {
    grid-column-end: span 6;
}
.cuadro.y1_10, .cuadro.ydecimo {
    grid-row-end: span 6;
}

.cuadro.x7_60 {
    grid-column-end: span 7;
}
.cuadro.y7_60 {
    grid-row-end: span 7;
}

.cuadro.x2_15 {
    grid-column-end: span 8;
}
.cuadro.y2_15 {
    grid-row-end: span 8;
}

.cuadro.x3_20 {
    grid-column-end: span 9;
}
.cuadro.y3_20 {
    grid-row-end: span 9;
}

.cuadro.x1_6, .cuadro.xsexto {
    grid-column-end: span 10;
}
.cuadro.y1_6, .cuadro.ysexto {
    grid-row-end: span 10;
}

.cuadro.x11_60 {
    grid-column-end: span 11;
}
.cuadro.y11_60 {
    grid-row-end: span 11;
}

.cuadro.x1_5, .cuadro.xquinto {
    grid-column-end: span 12;
}
.cuadro.y1_5, .cuadro.yquinto {
    grid-row-end: span 12;
}

.cuadro.x13_60 {
    grid-column-end: span 13;
}
.cuadro.y13_60 {
    grid-row-end: span 13;
}

.cuadro.x7_30 {
    grid-column-end: span 14;
}
.cuadro.y7_30 {
    grid-row-end: span 14;
}

.cuadro.x1_4, .cuadro.xcuarto {
    grid-column-end: span 15;
}
.cuadro.y1_4, .cuadro.ycuarto {
    grid-row-end: span 15;
}

.cuadro.x4_15 {
    grid-column-end: span 16;
}
.cuadro.y4_15 {
    grid-row-end: span 16;
}

.cuadro.x17_60 {
    grid-column-end: span 17;
}
.cuadro.y17_60 {
    grid-row-end: span 17;
}

.cuadro.x3_10 {
    grid-column-end: span 18;
}
.cuadro.y3_10 {
    grid-row-end: span 18;
}

.cuadro.x19_60 {
    grid-column-end: span 19;
}
.cuadro.y19_60 {
    grid-row-end: span 19;
}

.cuadro.x1_3, .cuadro.xtercio {
    grid-column-end: span 20;
}
.cuadro.y1_3, .cuadro.ytercio {
    grid-row-end: span 20;
}

.cuadro.x7_20 {
    grid-column-end: span 21;
}
.cuadro.y7_20 {
    grid-row-end: span 21;
}

.cuadro.x11_30 {
    grid-column-end: span 22;
}
.cuadro.y11_30 {
    grid-row-end: span 22;
}

.cuadro.x2_5 {
    grid-column-end: span 24;
}
.cuadro.y2_5 {
    grid-row-end: span 24;
}

.cuadro.x5_12 {
    grid-column-end: span 25;
}
.cuadro.y5_12 {
    grid-row-end: span 25;
}

.cuadro.x13_30 {
    grid-column-end: span 26;
}
.cuadro.y13_30 {
    grid-row-end: span 26;
}

.cuadro.x9_20 {
    grid-column-end: span 27;
}
.cuadro.y9_20 {
    grid-row-end: span 27;
}

.cuadro.x7_15 {
    grid-column-end: span 28;
}
.cuadro.y7_15 {
    grid-row-end: span 28;
}

.cuadro.x1_2, .cuadro.xmitad {
    grid-column-end: span 30;
}
.cuadro.y1_2, .cuadro.ymitad {
    grid-row-end: span 30;
}

.cuadro.x8_15 {
    grid-column-end: span 32;
}
.cuadro.y8_15 {
    grid-row-end: span 32;
}

.cuadro.x11_20 {
    grid-column-end: span 33;
}
.cuadro.y11_20 {
    grid-row-end: span 33;
}

.cuadro.x17_30 {
    grid-column-end: span 34;
}
.cuadro.y17_30 {
    grid-row-end: span 34;
}

.cuadro.x7_12 {
    grid-column-end: span 35;
}
.cuadro.y7_12 {
    grid-row-end: span 35;
}

.cuadro.x3_5 {
    grid-column-end: span 36;
}
.cuadro.y3_5 {
    grid-row-end: span 36;
}

.cuadro.x19_30 {
    grid-column-end: span 38;
}
.cuadro.y19_30 {
    grid-row-end: span 38;
}

.cuadro.x13_20 {
    grid-column-end: span 39;
}
.cuadro.y13_20 {
    grid-row-end: span 39;
}

.cuadro.x2_3 {
    grid-column-end: span 40;
}
.cuadro.y2_3 {
    grid-row-end: span 40;
}

.cuadro.x7_10 {
    grid-column-end: span 42;
}
.cuadro.y7_10 {
    grid-row-end: span 42;
}

.cuadro.x11_15 {
    grid-column-end: span 44;
}
.cuadro.y11_15 {
    grid-row-end: span 44;
}

.cuadro.x3_4 {
    grid-column-end: span 45;
}
.cuadro.y3_4 {
    grid-row-end: span 45;
}

.cuadro.x4_5 {
    grid-column-end: span 48;
}
.cuadro.y4_5 {
    grid-row-end: span 48;
}

.cuadro.x5_6 {
    grid-column-end: span 50;
}
.cuadro.y5_6 {
    grid-row-end: span 50;
}

.cuadro.x17_20 {
    grid-column-end: span 51;
}
.cuadro.y17_20 {
    grid-row-end: span 51;
}

.cuadro.x13_15 {
    grid-column-end: span 52;
}
.cuadro.y13_15 {
    grid-row-end: span 52;
}

.cuadro.x9_10 {
    grid-column-end: span 54;
}
.cuadro.y9_10 {
    grid-row-end: span 54;
}

.cuadro.x11_12 {
    grid-column-end: span 55;
}
.cuadro.y11_12 {
    grid-row-end: span 55;
}

.cuadro.x14_15 {
    grid-column-end: span 56;
}
.cuadro.y14_15 {
    grid-row-end: span 56;
}

.cuadro.x19_20 {
    grid-column-end: span 57;
}
.cuadro.y19_20 {
    grid-row-end: span 57;
}

.cuadro.x1_1, .cuadro.xentero {
    grid-column-end: span 60;
}
.cuadro.y1_1, .cuadro.yentero {
    grid-row-end: span 60;
}

.cuadro.x16_15 {
    grid-column-end: span 64;
}
.cuadro.y16_15 {
    grid-row-end: span 64;
}

.cuadro.x13_12 {
    grid-column-end: span 65;
}
.cuadro.y13_12 {
    grid-row-end: span 65;
}

.cuadro.x11_10 {
    grid-column-end: span 66;
}
.cuadro.y11_10 {
    grid-row-end: span 66;
}

.cuadro.x17_15 {
    grid-column-end: span 68;
}
.cuadro.y17_15 {
    grid-row-end: span 68;
}

.cuadro.x7_6 {
    grid-column-end: span 70;
}
.cuadro.y7_6 {
    grid-row-end: span 70;
}

.cuadro.x6_5 {
    grid-column-end: span 72;
}
.cuadro.y6_5 {
    grid-row-end: span 72;
}

.cuadro.x5_4 {
    grid-column-end: span 75;
}
.cuadro.y5_4 {
    grid-row-end: span 75;
}

.cuadro.x19_15 {
    grid-column-end: span 76;
}
.cuadro.y19_15 {
    grid-row-end: span 76;
}

.cuadro.x13_10 {
    grid-column-end: span 78;
}
.cuadro.y13_10 {
    grid-row-end: span 78;
}

.cuadro.x4_3 {
    grid-column-end: span 80;
}
.cuadro.y4_3 {
    grid-row-end: span 80;
}

.cuadro.x7_5 {
    grid-column-end: span 84;
}
.cuadro.y7_5 {
    grid-row-end: span 84;
}

.cuadro.x17_12 {
    grid-column-end: span 85;
}
.cuadro.y17_12 {
    grid-row-end: span 85;
}

.cuadro.x3_2 {
    grid-column-end: span 90;
}
.cuadro.y3_2 {
    grid-row-end: span 90;
}

.cuadro.x19_12 {
    grid-column-end: span 95;
}
.cuadro.y19_12 {
    grid-row-end: span 95;
}

.cuadro.x8_5 {
    grid-column-end: span 96;
}
.cuadro.y8_5 {
    grid-row-end: span 96;
}

.cuadro.x5_3 {
    grid-column-end: span 100;
}
.cuadro.y5_3 {
    grid-row-end: span 100;
}

.cuadro.x17_10 {
    grid-column-end: span 102;
}
.cuadro.y17_10 {
    grid-row-end: span 102;
}

.cuadro.x7_4 {
    grid-column-end: span 105;
}
.cuadro.y7_4 {
    grid-row-end: span 105;
}

.cuadro.x9_5 {
    grid-column-end: span 108;
}
.cuadro.y9_5 {
    grid-row-end: span 108;
}

.cuadro.x11_6 {
    grid-column-end: span 110;
}
.cuadro.y11_6 {
    grid-row-end: span 110;
}

.cuadro.x19_10 {
    grid-column-end: span 114;
}
.cuadro.y19_10 {
    grid-row-end: span 114;
}

.cuadro.x2_1 {
    grid-column-end: span 120;
}
.cuadro.y2_1 {
    grid-row-end: span 120;
}

.cuadro.x13_6 {
    grid-column-end: span 130;
}
.cuadro.y13_6 {
    grid-row-end: span 130;
}

.cuadro.x11_5 {
    grid-column-end: span 132;
}
.cuadro.y11_5 {
    grid-row-end: span 132;
}

.cuadro.x9_4 {
    grid-column-end: span 135;
}
.cuadro.y9_4 {
    grid-row-end: span 135;
}

.cuadro.x7_3 {
    grid-column-end: span 140;
}
.cuadro.y7_3 {
    grid-row-end: span 140;
}

.cuadro.x12_5 {
    grid-column-end: span 144;
}
.cuadro.y12_5 {
    grid-row-end: span 144;
}

.cuadro.x5_2 {
    grid-column-end: span 150;
}
.cuadro.y5_2 {
    grid-row-end: span 150;
}

.cuadro.x13_5 {
    grid-column-end: span 156;
}
.cuadro.y13_5 {
    grid-row-end: span 156;
}

.cuadro.x8_3 {
    grid-column-end: span 160;
}
.cuadro.y8_3 {
    grid-row-end: span 160;
}

.cuadro.x11_4 {
    grid-column-end: span 165;
}
.cuadro.y11_4 {
    grid-row-end: span 165;
}

.cuadro.x14_5 {
    grid-column-end: span 168;
}
.cuadro.y14_5 {
    grid-row-end: span 168;
}

.cuadro.x17_6 {
    grid-column-end: span 170;
}
.cuadro.y17_6 {
    grid-row-end: span 170;
}

.cuadro.x3_1 {
    grid-column-end: span 180;
}
.cuadro.y3_1 {
    grid-row-end: span 180;
}

.cuadro.x19_6 {
    grid-column-end: span 190;
}
.cuadro.y19_6 {
    grid-row-end: span 190;
}

.cuadro.x16_5 {
    grid-column-end: span 192;
}
.cuadro.y16_5 {
    grid-row-end: span 192;
}

.cuadro.x13_4 {
    grid-column-end: span 195;
}
.cuadro.y13_4 {
    grid-row-end: span 195;
}

.cuadro.x10_3 {
    grid-column-end: span 200;
}
.cuadro.y10_3 {
    grid-row-end: span 200;
}

.cuadro.x17_5 {
    grid-column-end: span 204;
}
.cuadro.y17_5 {
    grid-row-end: span 204;
}

.cuadro.x7_2 {
    grid-column-end: span 210;
}
.cuadro.y7_2 {
    grid-row-end: span 210;
}

.cuadro.x18_5 {
    grid-column-end: span 216;
}
.cuadro.y18_5 {
    grid-row-end: span 216;
}

.cuadro.x11_3 {
    grid-column-end: span 220;
}
.cuadro.y11_3 {
    grid-row-end: span 220;
}

.cuadro.x15_4 {
    grid-column-end: span 225;
}
.cuadro.y15_4 {
    grid-row-end: span 225;
}

.cuadro.x19_5 {
    grid-column-end: span 228;
}
.cuadro.y19_5 {
    grid-row-end: span 228;
}

.cuadro.x4_1 {
    grid-column-end: span 240;
}
.cuadro.y4_1 {
    grid-row-end: span 240;
}

.cuadro.x17_4 {
    grid-column-end: span 255;
}
.cuadro.y17_4 {
    grid-row-end: span 255;
}

.cuadro.x13_3 {
    grid-column-end: span 260;
}
.cuadro.y13_3 {
    grid-row-end: span 260;
}

.cuadro.x9_2 {
    grid-column-end: span 270;
}
.cuadro.y9_2 {
    grid-row-end: span 270;
}

.cuadro.x14_3 {
    grid-column-end: span 280;
}
.cuadro.y14_3 {
    grid-row-end: span 280;
}

.cuadro.x19_4 {
    grid-column-end: span 285;
}
.cuadro.y19_4 {
    grid-row-end: span 285;
}

.cuadro.x5_1 {
    grid-column-end: span 300;
}
.cuadro.y5_1 {
    grid-row-end: span 300;
}

.cuadro.x16_3 {
    grid-column-end: span 320;
}
.cuadro.y16_3 {
    grid-row-end: span 320;
}

.cuadro.x11_2 {
    grid-column-end: span 330;
}
.cuadro.y11_2 {
    grid-row-end: span 330;
}

.cuadro.x17_3 {
    grid-column-end: span 340;
}
.cuadro.y17_3 {
    grid-row-end: span 340;
}

.cuadro.x6_1 {
    grid-column-end: span 360;
}
.cuadro.y6_1 {
    grid-row-end: span 360;
}

.cuadro.x19_3 {
    grid-column-end: span 380;
}
.cuadro.y19_3 {
    grid-row-end: span 380;
}

.cuadro.x13_2 {
    grid-column-end: span 390;
}
.cuadro.y13_2 {
    grid-row-end: span 390;
}

.cuadro.x20_3 {
    grid-column-end: span 400;
}
.cuadro.y20_3 {
    grid-row-end: span 400;
}

.cuadro.x7_1 {
    grid-column-end: span 420;
}
.cuadro.y7_1 {
    grid-row-end: span 420;
}

.cuadro.x15_2 {
    grid-column-end: span 450;
}
.cuadro.y15_2 {
    grid-row-end: span 450;
}

.cuadro.x8_1 {
    grid-column-end: span 480;
}
.cuadro.y8_1 {
    grid-row-end: span 480;
}

.cuadro.x17_2 {
    grid-column-end: span 510;
}
.cuadro.y17_2 {
    grid-row-end: span 510;
}

.cuadro.x9_1 {
    grid-column-end: span 540;
}
.cuadro.y9_1 {
    grid-row-end: span 540;
}

.cuadro.x19_2 {
    grid-column-end: span 570;
}
.cuadro.y19_2 {
    grid-row-end: span 570;
}

.cuadro.x10_1 {
    grid-column-end: span 600;
}
.cuadro.y10_1 {
    grid-row-end: span 600;
}

.cuadro.x11_1 {
    grid-column-end: span 660;
}
.cuadro.y11_1 {
    grid-row-end: span 660;
}

.cuadro.x12_1 {
    grid-column-end: span 720;
}
.cuadro.y12_1 {
    grid-row-end: span 720;
}

.cuadro.x13_1 {
    grid-column-end: span 780;
}
.cuadro.y13_1 {
    grid-row-end: span 780;
}

.cuadro.x14_1 {
    grid-column-end: span 840;
}
.cuadro.y14_1 {
    grid-row-end: span 840;
}

.cuadro.x15_1 {
    grid-column-end: span 900;
}
.cuadro.y15_1 {
    grid-row-end: span 900;
}

.cuadro.x16_1 {
    grid-column-end: span 960;
}
.cuadro.y16_1 {
    grid-row-end: span 960;
}

.cuadro.x17_1 {
    grid-column-end: span 1020;
}
.cuadro.y17_1 {
    grid-row-end: span 1020;
}

.cuadro.x18_1 {
    grid-column-end: span 1080;
}
.cuadro.y18_1 {
    grid-row-end: span 1080;
}

.cuadro.x19_1 {
    grid-column-end: span 1140;
}
.cuadro.y19_1 {
    grid-row-end: span 1140;
}

.cuadro.x20_1 {
    grid-column-end: span 1200;
}
.cuadro.y20_1 {
    grid-row-end: span 1200;
}



.cuadro h1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    font-size: 0.9rem;
    padding: 1rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-color: rgba(0,0,0,0.05);
    height: 3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 0.1rem solid rgb(255, 255, 255);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5);
}

.cuadro .contenido {
    position: relative;
    /*position: absolute;*/
    height: calc(100%);
    /*width: calc(100% - 2rem);*/
    width: 100%;
}
.cuadro .contenido.deslizable {
    overflow-y: scroll;
}
.cuadro.con_rotulo .contenido {
    height: calc(100% - 3rem);
    top: 3rem;
}
.cuadro.amplio {
    padding: 0;
}
.cuadro .contenido.grafico_circular {
    position: relative;
    width: 100%;
}

.cuadro .mapa > div{
    height: 100%;
    width: 100%;
}

.cuadro .sombrea_alternos > :nth-child(2n) {
    background-color: rgba(0,0,0,0.07);
}
.cuadro table.sombrea_alternos > tbody > :nth-child(2n) {
    background-color: rgba(0,0,0,0.07);
}
.cuadro table {
    border-collapse: collapse;
    width: 100%;
}
.cuadro table td {
    padding: 0.4rem 0.6rem;
}


@media (max-width: 1020px) {
    #contenido {
        grid-column-gap: 0;
    }
}