.bold{
    font-weight: bold;
}

.body_home{
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    }
    
    .logoIEE{
        max-width: 53%;
    }
    
    .pixels-2{
    top: 82px;
    left: 859px;
    width: 202px;
    height: 202px;
    opacity: 1;
    }
    
    
    
    
    /*					DISPLAY FLEX */
    .dis-flex {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /*					DIRECCION DEL EJE PRINCIPAL */
    .flex-col {
        flex-direction: column;
    }
    
    .flex-colr {
        flex-direction: column-reverse;
    }
    
    .flex-row {
        flex-direction: row;
    }
    
    .flex-rowr {
        flex-direction: row-reverse;
    }
    
    /*					DISTRIBUCION DE ESPACIOS EJE PRINCIPAL */
    .space-a {
        justify-content: space-around;
    }
    
    .space-b {
        justify-content: space-between;
    }
    
    .space-e {
        justify-content: space-evenly;
    }
    
    /*					JUSTIFICACION EJE PRINCIPAL */
    .justify-s {
        justify-content: flex-start;
    }
    
    .justify-e {
        justify-content: flex-end;
    }
    
    
    /*					ALINEACION EJE CRUZADO */
    .align-s {
        align-items: flex-start;
    }
    
    .align-e {
        align-items: flex-end;
    }
    
    /*					ALINECION INDIVIDUAL ELEMENTOS HIJOS */
    .align-ss {
        align-self: flex-start;
    }
    /*					AVANCE NACIONAL */
    .compartir {
        border-radius: 8px;
        
    }
    
    .avance-nacional {
        padding: 12px;
        /* border: none; */
        
    }
    
    .cards-avance {
        background: #F9F9F9;
        box-shadow: 0px 3px 3px #0000000F;
        /* border: 1px solid #DADCE0; */
        min-height: 85px;
    }
    
    .titulo {
        font-size: 14px;
        color: #34344E;
    }
    
    .capturadas {
        font-size: 14px;
        text-align: right;
    }
    
    .borde-barra {
        border: 1px solid #ccc;
    }
    
    .barra-avance {
        background-color: var(--morado-rosita);
        height: 10px;
        width: 97%;
    }
    
    .borde-tiempo {
        border-left: 1px solid;
        padding-left: 5px;
    }
    
    .participacion {
        font-size: 14px;
    }
    
    .borde-barra {
        border: 1px solid #ccc;
    }
    
    .barra-avance {
        background-color: var(--morado-rosita);
        height: 10px;
    }
    
    .fecha {
        font-size: 0.8em;
        font-family: 'Roboto-Medium', sans-serif;
        text-align: right;
    }
    
    .tiempo-centro {
        font-size: 10px;
        color: #34344E;
    }
    
    .utc {
        font-size: 11px;
        color: #34344E;
        font-family: 'Roboto-Medium', sans-serif;
    }
    
    .morado-claro {
        color: #34344E;
    }
    
    .actualizar {
        
        text-decoration: none;
        border-radius: 31px;
        font-size: 14px;
        background: transparent linear-gradient(180deg, #D1308A 0%, #FC4CAF 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        width: 90px;
     
    }
    
    .actualizar:hover{
        transition: 0.2s;
        background: #f2c2e0;
        color: #222629;
    }
    
    .fixed-header {
        position: fixed;
        z-index:999;
        height: 50px;
      }
      
      #frugalmap {
        height: 300px;
        width: 100%;
        top: 50px;
        position: relative;
        background: #2ab4c0;
      }
      
      .mat-elevation-z5 {
        position: relative;
      }
      
      .sticky {
        position: fixed;
        top: 250px;
      }
    
    
    
    @media (max-width: 576px) {
        .titulo {
            font-size: 0.75em;
        }
        .participacion {
            font-size: 1em;
        }
    }

    
    /*					BOTON COMPARTIR */
    .boton-compartir {
        position: fixed;
        background: var(--bg-primario);
        border-radius: 34px 34px 0px 0px;
        bottom: 0;
        right: 1em;
        z-index: 100;
        box-shadow: 0px 3px 6px #00000029;
        padding: 0.75em 0.5em 0.25em;
           
        }
    
    .boton-compartir .fondo {
            background: transparent;
            border-radius: 50px;
            transition: 0.2s;
      }
      
    .boton-compartir .fondo {
            background: #DDD;
        }
     
    .boton-compartir  p {
            font-size: 0.8em;
            z-index: 9;
            background: #fff;
        }
    
    .principal {
            background: #23233E;
            color: #fff;
            border: 3px solid #D5007F;
            width: 2.25em;
            height: 2.25em;
            font-size: 1.25em;
            border-radius: 100%;
            z-index: 9;
        }
        
    .boton-compartir .principal:hover{
            color: #000;
            background: #fff;
        }
        
    .boton-compartir .fondo .principal:hover{
            color: #000;
            background: #fff;
        }
    
        
    .boton-compartir .boton {
            width: 1.75em;
            height: 1.75em;
            font-size: 0.9em;
            border-radius: 100%;
            margin: 0.25em;
            cursor: pointer;
            position: absolute;
            right: 0.8em;
            right: 1.4em;
            bottom: 0;
            opacity: 0;
            transition: 0.2s;
    }
    
    /* .boton-compartir .redes { */
            /* transition: 0.2s; */
            /* height: 0; */
        /* } */
    
    
    
    .redes {
       overflow: hidden; 
      height: 0px;
       transition: 0.2s;
      -webkit-transition: height .3s linear, padding-top .3s linear;
      
    }
    
    .toggled {
         height: 5.75em;
    }
    
    
    
    .boton-compartir:hover .boton:nth-child(1) {
          opacity: 1;
         bottom: 4.75em;
    }
    
    .boton-compartir:hover .boton:nth-child(2) {
       opacity: 1;
        bottom: 6.75em;
    }
    
    .boton-compartir:hover .boton:nth-child(3) {
           opacity: 1;
        bottom: 8.75em;
    }
    
    
    
    .whatsapp {
                background: #25D366;
                color: #fff;
                transition: 0.2s;
            }
    .facebook {
                background: #3B5998;
                color: #fff;
            }
    .twitter {
                background: #000000;
                color: #fff;
            }	
    
    
        
        
    /*					BUSCADOR */
     .buscador {
         padding: 5px !important;
     }
    
    .buscador {
        input, button {
             border-color: #34344E;
            border: none;
            font-size: 0.9em;
            padding: 0.25em;
            height: 32px;
        }
        input[type=button] {
            font-family: 'Roboto-Regular', sans-serif;
        }
    }
    
    .btn-rosa-buscador{
        background:#ea7d82 ;
        color: #000;
        font-family: "Roboto-Bold", sans-serif;
    }
    
    .select-entidad{
        height: 32px;
    }
    
    /*					ENCABEZADO */
    .total-encabezado {
        background: #fff;
         position: sticky;   
        top:0;
        z-index: 9999;
        
        
    }
    
    
    /* .max-logo {
            max-height: 47px;
        } */
    
    .encabezadoInicial img {
          width: 80%;
    }
    
    .subtitulo {
       
        font-size: 1.25em;
    }
    
    .titulo-diputaciones {
        font-size: 19px;
    }
    
    .titulo-gobernatura {
        font-size: 19px;
    }
    
    .titulo-ayuntamiento {
        font-size: 19px;
    }
    
    .titulo-regiduria {
        font-size: 19px;
    }
    /*					LISTAS */
    li {
        list-style: none;
        font-size: 14px;
        font-size: 12px;
        /* p {
            text-decoration: underline;
        } */
    }
    
    li.tamanio-fuente span,
    li.tamanio-fuente input {
        float: left;
    }
    
    li.tamanio-fuente input {
        width: 50%;
    }
    
    li.tamanio-fuente .minimo {
        font-size: 12px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 15px;
    }
    
    li.tamanio-fuente .maximo {
        font-size: 18px;
        padding-left: 10px;
    }
    
    li.modo-dark {
        text-decoration: none;
    }
    
    li .claro {
        padding-right: 10px;
        padding-left: 10px;
    }
    
    li .obscuro {
        padding-right: 10px;
        padding-left: 10px;
    }
    
    .borde-izq-solido {
        border-left: 1px solid #FFF;
    }
    
    /*					SWITCH */
    input:checked+.slider:before {
        content: "\f186";
        content: "\e900";
        font-family: FontAwesome;
        font-family: 'publicacion' !important;
        background: #a0929a;
        color: white;
        color: #2C2C2C;
        text-align: center;
    }
    
    input:checked+.slider {
        background-color: #FFFFFF;
    }
    
    /*					SLIDER */
    .switch {
        position: relative;
        display: inline-block;
        width: 53px;
        height: 24px;
        margin: 0;
    }
    
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #2C2C2C;
        border: 1px solid #FFF;
        -webkit-transition: .4s;
        transition: .4s;
    }
    
    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 2px;
        bottom: 2px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
        content: "\e901";
        color: #D5007F;
        font-family: 'publicacion' !important;
        display: flex;
        justify-content: center;
    }
    
    input:checked+.slider {
        background-color: #D5007F;
        background-color: #2C2C2C;
    }
    
    input:checked+.slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
    
    
    /* Rounded sliders */
    
    .slider.round {
        border-radius: 34px;
    }
    
    .slider.round:before {
        border-radius: 50%;
    }
    
    /*					MENU */
    .menu h1 {
        font-size: 20px;
    }
    
    .menu li {
        list-style: none;
    }
    
    .boton-home:hover{
        transition: 0.2s;
        background: #f2c2e0 !important;
      
    }
    
    
    
    
    
    .separador-menu {
        content: '';
        width: 1px;
        height: 30px;
        background: #000;
    }
    
    /*					RANGO SLIDER */
    .input-rango {
        -webkit-appearance: none;
        width: 100%;
        height: 2px;
        background: #FFF;
        outline: none;
        -webkit-transition: .2s;
        transition: opacity .2s;
         /* margin-top: 12px; */
    }
    
    .input-rango::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #FFF;
        cursor: pointer;
    }
    
    .input-rango::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: #4CAF50;
        cursor: pointer;
    }
    
    /*					ESPECIALES */
    .base-datos {
        font-size: 14px;
    }
    
    .li-base-datos:hover{
        color:var(--bg-urbanas) !important;
    }
    
    .max-logo {
        color: red;
    }
    
    
    
    /* AVANCE */
    .compartir {
        border-radius: 8px;
    }
    
    .avance-nacional {
        padding: 12px;
        .no-border {
            border: none;
        }
    }
    
    .cards-avance {
        background: #F9F9F9;
        /* box-shadow: 0px 3px 3px #0000000F;
        border: 1px solid #DADCE0; */
        height: 60px;
    }
    
    .titulo {
        font-size: 14px;
        color: #34344E;
    }
    
    .capturadas {
        font-size: 14px;
        text-align: right;
    }
    
    .borde-barra {
        border: 1px solid #ccc;
    }
    
    .barra-avance {
        background-color: var(--morado-rosita);
        height: 10px;
        width: 97%;
    }
    
    .borde-tiempo {
        border-left: 1px solid;
        padding-left: 5px;
    }
    
    .participacion {
        font-size: 14px;
    }
    
    .borde-barra {
        border: 1px solid #ccc;
    }
    
    .barra-avance {
        background-color: var(--morado-rosita);
        height: 10px;
    }
    
    .fecha {
        font-size: 0.8em;
        font-family: 'Roboto-Medium', sans-serif;
        text-align: right;
    }
    
    .tiempo-centro {
        font-size: 10px;
        color: #34344E;
    }
    
    .utc {
        font-size: 11px;
        color: #34344E;
        font-family: 'Roboto-Medium', sans-serif;
        white-space: nowrap;
    }
    
    .morado-claro {
        color: #34344E;
    }
    
    .actualizar {
        transition: 0.2s;
        text-decoration: none;
        border-radius: 31px;
        font-size: 14px;
        background: transparent linear-gradient(180deg, #D1308A 0%, #FC4CAF 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        width: 90px;
        &:hover {
            background: #f2c2e0;
            color: #222629;
        }
    }
    
    .hidebar{
        display: none;
    }
    
    .size-avance{
        height: 80px;
    }
    
    .sticky{
        display: inline;
    }
    
    .center-vertical{
        height: 100%;
        display: flex;
        align-items: center; /* Vertical */
        justify-content: center; /* Horizontal */
    }
    
    /*					ESTADISTICA GENERAL */
    .barra {
        width: 60px;
        height: 120px;
    }
    
    .progress{
        position: relative;
        margin: 4px;
        float:left;
        text-align: center;
      }
    
      .barOverflow{ /* Wraps the rotating .bar */
        position: relative;
        width: 180px; height: 90px; /* Half circle (overflow) */
        margin-bottom: -14px; /* bring the numbers up */
        overflow: hidden;
      }
    
      .bar{
        position: absolute;
        top: 0; left: 0;
        width: 180px; height: 180px; /* full circle! */
        border-radius: 50%;
        box-sizing: border-box;
        border: 10px solid #ccc;     /* half gray, */
        border-bottom-color: #0bf;  /* half azure */
        border-right-color: #0bf;
      }
    
    .grafica {
      width: 80%;
      height: 120px;
      background: #E6E6E6;
      position: relative;
    }
    
    .grafica-participacion {
        width: 80%;
       
        background: var(--fondo-gris);
        position: relative;
    }
    
    .progreso {
      width: 100%;
      position: absolute;
      bottom: 0;
    }
    
    .graficaHorizontal {
      width: 100%;
      height: 20px;
      background: #E6E6E6;
      position: relative;
    }
    
    .progresoHorizontal {
      height: 100%;
      position: absolute;
      background: #2E2E2E;
      left: 0;
    }
    
    .titulo-actas i {
      font-size: 0.7em;
      align-self: start;
    }
    
    .total-texto {
      font-size: 1.2em;
    }
    
    .total-numero {
      font-size: 2.5em;
    }
    
    @media (max-width: 576px) { 
      .total-texto {
          font-size: 1.2em !important;
      }
      .total-numero {
          font-size: 2em !important;
      }
    }
    
    
    .grafico .derecho {
        top: 12px;
      }
    
    .grafico {
      top: 8px;
      position: relative;
      z-index: 9;
    }
    
    .rectangulo { 	 line-height: 1.2;}
    
    .izquierdoRect {
    
        background: #D2127E;
        border-radius: 8px 0 0 8px;
        border-right: 1px solid var(--fondo-2);
      }
    
    .derechoRect {
         line-height: 1.2;
        background: #83044C;
        border-radius: 0 8px 8px 0;
        border-left: 1px solid var(--fondo-2);
      }
      
     .titulobl{
         color:#FFF;
         font-weight:bold;
         font-size:12px;
     }
    
    .t-b{
        font-weight:bold;
    }
      
    .rectangulo .numero {
        font-size: 1.25em;
      }
    .rectangulo .titulo {
        font-size: 12px;
      }
    
    
    .separadorRect:before {
      content: '';
      width: 15px;
      height: 15px;
      background:var(--fondo-2);
      z-index: 9;
      top: calc(50% - 7.5px);
      left: calc(100% - 7.5px);
      border-radius: 100%;
      position: absolute;
    }
    
    /*					MENU LATERAL */
    .combo label {
        margin: 0;
    }
    
    .dropdown {
        button {
            overflow-x: hidden;
        }
    }
    
    .dropdown-menu {
        margin: 0;
        padding: 0;
        font-size: 14px;
        max-height: 150px;
        overflow-y: auto;
        border: none;
        box-shadow: 0 2px 4px #d9d9d9;
    }
    
    .colapsador {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background: var(--blanco-rosita);
        box-shadow: 0px 3px 6px #000029;
        z-index: 1;
        cursor: pointer;
        position: absolute;    
        left: calc(100% - 20px);
       
    }
    
    .barra-lateral{
        padding-top:3.5em;
    }
    
    .colapsador i {
            color: #000;
        }
    
    .abierto {
        left: calc(100% - 20px);
        top: 60px;
    }
    
    .cerrado {
        left: calc(100% - 20px);
        top: 60px;
        z-index: 10000;
        position: relative;
    }
    
    
    
    .titulo-menu {
        border-left: 10px solid #fff;
        h3 {
            font-size: 1.75em;
        }
    }
    
    .lista-menu {
        li {
            list-style: none;
            margin: 0.75em 0;
        }
    }
    
    .pleca-blanca {
        padding-left: 0.5em;
        border-left: 9px solid #ffffff;
    }
    
    .menu{
        font-size: 16px;
        .titulo{
            font-family: 'Roboto-Bold', sans-serif;
        }
        .liga{
            font-family: 'Roboto-Regular', sans-serif;
            padding-left: 10px;
        }
    }
    
    .oculto {
        transform: scale(0);
    }
    
    .activeSelect{
        opacity: 30%;
        background: #23233E;
        color: #fff;
    }
    
    .dropdown-item:hover, .dropdown-item:focus {
        background: #23233E30;
    }
    
     @media (min-width: 768px)and (max-width: 1200px) {
        .modal-lg {
            max-width: 70%;
            }
    }
    
    
    @media  (min-width: 1200px) {
        .colapsador {
            display: flex!important;
        }
        
        
    
    }
    
    
    
    @media (min-width: 2150px) {
        .btn-ajuste {
            padding-top: 1.125em;
            padding-bottom: 1.125em;
            &:hover {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
    
    
    
    
    
    .preguntas-frecuentes {
        .bgAzul {
            background: #48487C !important;
        }
    }
    
    .pie-pagina {
        &.bgMorado {
            background: #34344E !important;
        }
    }
    /*					GENERALES */
    body {
        font-family: 'Roboto-Regular', sans-serif;
        margin: 0;
        padding: 0;
        background: var(--fondo);
    }
    
    
    
    h1 {
        margin: 0;
    }
    
    a {
        text-decoration: none;
        color: inherit;
    }
    
    a:hover {
        color: unset;
        text-decoration: none;
    }
    
    .underline {
        text-decoration: underline;
    }
    
    .w-5 {
        width: 5% !important;
    }
    
    .w-70 {
        width: 70%;
    }
    
    .w-80 {
        width: 80%;
    }
    
    .w-90 {
        width: 90%;
    }
    
    .w-95 {
        width: 95% !important;
    }
    
    .w-100 {
        width: 100%;
    }
    
    .w-40 {
        width: 40%;
    }
    
    .w-50 {
        width: 50%;
    }
    
    .w-auto {
        width: auto;
    }
    
    .h-100 {
        height: 100%;
    }
    
    .h-10v {
        height: 10vh;
    }
        
    .h-15v {
        height: 15vh;
    }
    
    .h-20v {
        height: 20vh;
    }
    
    .h-25v {
        height: 25vh;
    }
    
    .h-50v {
        height: 50vh;
    }
    
    .h-100v {
        height: 100vh;
    }
    
    .h-auto {
        height: auto;
    }
    
    /*					POSICIONAMIENTO */
    
    .positionA {
        position: absolute !important;
    }
    
    .positionR {
        position: relative !important;
    }
    
    
    /*					PARRAFOS */
    
    p {
        margin: 0;
    }
    
    /* MODAL */
    .modal-backdrop {
        z-index: 9999 !important;
    }
    
    .modal {
        z-index: 10000;
    }
    
    
    .modal-paritcipacion{
        .modal-dialog {
            max-width: 1120px;
            margin: 1.75rem auto;
            .modal-content{
                padding-left: 30px;
                padding-right: 30px;
            }
        }
    }
    
    .modal-casilla{
        .modal-dialog {
            max-width: 720px;
            max-height: 535px;
            margin: 1.75rem auto;
            .modal-content{
                padding-left: 30px;
                padding-right: 30px;
            }
            .img-credencial{
                width: 100%;
            }
        }
    
    }
    
    .img-partido {
        height: 30px;
        margin: 1px;
        /* box-shadow: 0px 0px 2px 2px lightgray; */
    }
    
    .cursor-hand{
        cursor: pointer;
    }
    /*					BARRAS DE PROGRESO */
    
    progress {
        -webkit-appearance: none;
       appearance: none;
    }
    

    
    
    /*					BORDERS */
     .no-border {
         border: none !important;
     }
    
    
    
    /*					SCROLL LATERAL */
    
     .scrollH {
         flex-wrap: nowrap;
         overflow-x: scroll;
     }
    
     .boton-scroll {
        flex: 0 0 4.1%;
        max-width: 4.1%;
     }
    /*					SCROLL VERTICAL */
    
     .max-500 {
         max-height: 500px;
         overflow-y: scroll;
     }
     
    
     
    /*					PADINGS */
    .padding-res {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .padding-0 {
        padding: 0px;
    }
    
    .padding-1 {
        padding: 1px;
    }
    
    .padding-2 {
        padding: 2px;
    }
    
    .padding-3 {
        padding: 3px;
    }
    
    .padding-4 {
        padding: 4px;
    }
    
    .padding-5 {
        padding: 5px;
    }
    
    .padding-10 {
        padding: 10px;
    }
    
    .padding-12 {
        padding: 12px;
    }
    
    .padding-15 {
        padding: 15px;
    }
    
    .padding-20 {
        padding: 20px;
    }
    
    .padding-25 {
        padding: 25px;
    }
    
    .padding-30 {
        padding: 30px;
    }
    
    .padding-35 {
        padding: 35px;
    }
    
    .padding-40 {
        padding: 40px;
    }
    
    .padding-45 {
        padding: 45px;
    }
    
    .padding-50 {
        padding: 50px;
    }
    
    .padding-55 {
        padding: 55px;
    }
    
    .padding-60 {
        padding: 60px;
    }
    
    .padding-65 {
        padding: 65px;
    }
    
    .padding-70 {
        padding: 70px;
    }
    
    .padding-75 {
        padding: 75px;
    }
    
    .padding-80 {
        padding: 80px;
    }
    
    .padding-85 {
        padding: 85px;
    }
    
    .padding-90 {
        padding: 90px;
    }
    
    .padding-95 {
        padding: 95px;
    }
    
    .padding-100 {
        padding: 100px;
    }
    
    .padding-105 {
        padding: 105px;
    }
    
    .padding-110 {
        padding: 110px;
    }
    
    .padding-115 {
        padding: 115px;
    }
    
    .padding-120 {
        padding: 120px;
    }
    
    .padding-125 {
        padding: 125px;
    }
    
    .padding-130 {
        padding: 130px;
    }
    
    .padding-135 {
        padding: 135px;
    }
    
    .padding-140 {
        padding: 140px;
    }
    
    .padding-145 {
        padding: 145px;
    }
    
    .padding-150 {
        padding: 150px;
    }
    
    .padding-155 {
        padding: 155px;
    }
    
    .padding-160 {
        padding: 160px;
    }
    
    .padding-165 {
        padding: 165px;
    }
    
    .padding-170 {
        padding: 170px;
    }
    
    .padding-175 {
        padding: 175px;
    }
    
    .padding-180 {
        padding: 180px;
    }
    
    .padding-185 {
        padding: 185px;
    }
    
    .padding-190 {
        padding: 190px;
    }
    
    .padding-195 {
        padding: 195px;
    }
    
    .padding-200 {
        padding: 200px;
    }
    
    
    .padding-t-0 {
        padding-top: 0px;
    }
    
    .padding-t-1 {
        padding-top: 1px;
    }
    
    .padding-t-2 {
        padding-top: 2px;
    }
    
    .padding-t-3 {
        padding-top: 3px;
    }
    
    .padding-t-4 {
        padding-top: 4px;
    }
    
    .padding-t-5 {
        padding-top: 5px;
    }
    
    .padding-t-10 {
        padding-top: 10px;
    }
    
    .padding-t-12 {
        padding-top: 12px;
    }
    
    .padding-t-15 {
        padding-top: 15px;
    }
    
    .padding-t-20 {
        padding-top: 20px;
    }
    
    .padding-t-25 {
        padding-top: 25px;
    }
    
    .padding-t-30 {
        padding-top: 30px;
    }
    
    .padding-t-35 {
        padding-top: 35px;
    }
    
    .padding-t-40 {
        padding-top: 40px;
    }
    
    .padding-t-45 {
        padding-top: 45px;
    }
    
    .padding-t-50 {
        padding-top: 50px;
    }
    
    .padding-t-55 {
        padding-top: 55px;
    }
    
    .padding-t-60 {
        padding-top: 60px;
    }
    
    .padding-t-65 {
        padding-top: 65px;
    }
    
    .padding-t-70 {
        padding-top: 70px;
    }
    
    .padding-t-75 {
        padding-top: 75px;
    }
    
    .padding-t-80 {
        padding-top: 80px;
    }
    
    .padding-t-85 {
        padding-top: 85px;
    }
    
    .padding-t-90 {
        padding-top: 90px;
    }
    
    .padding-t-95 {
        padding-top: 95px;
    }
    
    .padding-t-100 {
        padding-top: 100px;
    }
    
    .padding-t-105 {
        padding-top: 105px;
    }
    
    .padding-t-110 {
        padding-top: 110px;
    }
    
    .padding-t-115 {
        padding-top: 115px;
    }
    
    .padding-t-120 {
        padding-top: 120px;
    }
    
    .padding-t-125 {
        padding-top: 125px;
    }
    
    .padding-t-130 {
        padding-top: 130px;
    }
    
    .padding-t-135 {
        padding-top: 135px;
    }
    
    .padding-t-140 {
        padding-top: 140px;
    }
    
    .padding-t-145 {
        padding-top: 145px;
    }
    
    .padding-t-150 {
        padding-top: 150px;
    }
    
    .padding-t-155 {
        padding-top: 155px;
    }
    
    .padding-t-160 {
        padding-top: 160px;
    }
    
    .padding-t-165 {
        padding-top: 165px;
    }
    
    .padding-t-170 {
        padding-top: 170px;
    }
    
    .padding-t-175 {
        padding-top: 175px;
    }
    
    .padding-t-180 {
        padding-top: 180px;
    }
    
    .padding-t-185 {
        padding-top: 185px;
    }
    
    .padding-t-190 {
        padding-top: 190px;
    }
    
    .padding-t-195 {
        padding-top: 195px;
    }
    
    .padding-t-200 {
        padding-top: 200px;
    }
    
    
    .padding-l-0 {
        padding-left: 0px;
    }
    
    .padding-l-1 {
        padding-left: 1px;
    }
    
    .padding-l-2 {
        padding-left: 2px;
    }
    
    .padding-l-3 {
        padding-left: 3px;
    }
    
    .padding-l-4 {
        padding-left: 4px;
    }
    
    .padding-l-5 {
        padding-left: 5px;
    }
    
    .padding-l-10 {
        padding-left: 10px;
    }
    
    .padding-l-12 {
        padding-left: 12px;
    }
    
    .padding-l-15 {
        padding-left: 15px;
    }
    
    .padding-l-20 {
        padding-left: 20px;
    }
    
    .padding-l-25 {
        padding-left: 25px;
    }
    
    .padding-l-30 {
        padding-left: 30px;
    }
    
    .padding-l-35 {
        padding-left: 35px;
    }
    
    .padding-l-40 {
        padding-left: 40px;
    }
    
    .padding-l-45 {
        padding-left: 45px;
    }
    
    .padding-l-50 {
        padding-left: 50px;
    }
    
    .padding-l-55 {
        padding-left: 55px;
    }
    
    .padding-l-60 {
        padding-left: 60px;
    }
    
    .padding-l-65 {
        padding-left: 65px;
    }
    
    .padding-l-70 {
        padding-left: 70px;
    }
    
    .padding-l-75 {
        padding-left: 75px;
    }
    
    .padding-l-80 {
        padding-left: 80px;
    }
    
    .padding-l-85 {
        padding-left: 85px;
    }
    
    .padding-l-90 {
        padding-left: 90px;
    }
    
    .padding-l-95 {
        padding-left: 95px;
    }
    
    .padding-l-100 {
        padding-left: 100px;
    }
    
    .padding-l-105 {
        padding-left: 105px;
    }
    
    .padding-l-110 {
        padding-left: 110px;
    }
    
    .padding-l-115 {
        padding-left: 115px;
    }
    
    .padding-l-120 {
        padding-left: 120px;
    }
    
    .padding-l-125 {
        padding-left: 125px;
    }
    
    .padding-l-130 {
        padding-left: 130px;
    }
    
    .padding-l-135 {
        padding-left: 135px;
    }
    
    .padding-l-140 {
        padding-left: 140px;
    }
    
    .padding-l-145 {
        padding-left: 145px;
    }
    
    .padding-l-150 {
        padding-left: 150px;
    }
    
    .padding-l-155 {
        padding-left: 155px;
    }
    
    .padding-l-160 {
        padding-left: 160px;
    }
    
    .padding-l-165 {
        padding-left: 165px;
    }
    
    .padding-l-170 {
        padding-left: 170px;
    }
    
    .padding-l-175 {
        padding-left: 175px;
    }
    
    .padding-l-180 {
        padding-left: 180px;
    }
    
    .padding-l-185 {
        padding-left: 185px;
    }
    
    .padding-l-190 {
        padding-left: 190px;
    }
    
    .padding-l-195 {
        padding-left: 195px;
    }
    
    .padding-l-200 {
        padding-left: 200px;
    }
    
    
    .padding-b-0 {
        padding-bottom: 0px;
    }
    
    .padding-b-1 {
        padding-bottom: 1px;
    }
    
    .padding-b-2 {
        padding-bottom: 2px;
    }
    
    .padding-b-3 {
        padding-bottom: 3px;
    }
    
    .padding-b-4 {
        padding-bottom: 4px;
    }
    
    .padding-b-5 {
        padding-bottom: 5px;
    }
    
    .padding-b-10 {
        padding-bottom: 10px;
    }
    
    .padding-b-12 {
        padding-bottom: 12px;
    }
    
    .padding-b-15 {
        padding-bottom: 15px;
    }
    
    .padding-b-20 {
        padding-bottom: 20px;
    }
    
    .padding-b-25 {
        padding-bottom: 25px;
    }
    
    .padding-b-30 {
        padding-bottom: 30px;
    }
    
    .padding-b-35 {
        padding-bottom: 35px;
    }
    
    .padding-b-40 {
        padding-bottom: 40px;
    }
    
    .padding-b-45 {
        padding-bottom: 45px;
    }
    
    .padding-b-50 {
        padding-bottom: 50px;
    }
    
    .padding-b-55 {
        padding-bottom: 55px;
    }
    
    .padding-b-60 {
        padding-bottom: 60px;
    }
    
    .padding-b-65 {
        padding-bottom: 65px;
    }
    
    .padding-b-70 {
        padding-bottom: 70px;
    }
    
    .padding-b-75 {
        padding-bottom: 75px;
    }
    
    .padding-b-80 {
        padding-bottom: 80px;
    }
    
    .padding-b-85 {
        padding-bottom: 85px;
    }
    
    .padding-b-90 {
        padding-bottom: 90px;
    }
    
    .padding-b-95 {
        padding-bottom: 95px;
    }
    
    .padding-b-100 {
        padding-bottom: 100px;
    }
    
    .padding-b-105 {
        padding-bottom: 105px;
    }
    
    .padding-b-110 {
        padding-bottom: 110px;
    }
    
    .padding-b-115 {
        padding-bottom: 115px;
    }
    
    .padding-b-120 {
        padding-bottom: 120px;
    }
    
    .padding-b-125 {
        padding-bottom: 125px;
    }
    
    .padding-b-130 {
        padding-bottom: 130px;
    }
    
    .padding-b-135 {
        padding-bottom: 135px;
    }
    
    .padding-b-140 {
        padding-bottom: 140px;
    }
    
    .padding-b-145 {
        padding-bottom: 145px;
    }
    
    .padding-b-150 {
        padding-bottom: 150px;
    }
    
    .padding-b-155 {
        padding-bottom: 155px;
    }
    
    .padding-b-160 {
        padding-bottom: 160px;
    }
    
    .padding-b-165 {
        padding-bottom: 165px;
    }
    
    .padding-b-170 {
        padding-bottom: 170px;
    }
    
    .padding-b-175 {
        padding-bottom: 175px;
    }
    
    .padding-b-180 {
        padding-bottom: 180px;
    }
    
    .padding-b-185 {
        padding-bottom: 185px;
    }
    
    .padding-b-190 {
        padding-bottom: 190px;
    }
    
    .padding-b-195 {
        padding-bottom: 195px;
    }
    
    .padding-b-200 {
        padding-bottom: 200px;
    }
    
    
    .padding-r-0 {
        padding-right: 0px;
    }
    
    .padding-r-1 {
        padding-right: 1px;
    }
    
    .padding-r-2 {
        padding-right: 2px;
    }
    
    .padding-r-3 {
        padding-right: 3px;
    }
    
    .padding-r-4 {
        padding-right: 4px;
    }
    
    .padding-r-5 {
        padding-right: 5px;
    }
    
    .padding-r-10 {
        padding-right: 10px;
    }
    
    .padding-r-12 {
        padding-right: 12px;
    }
    
    .padding-r-15 {
        padding-right: 15px;
    }
    
    .padding-r-20 {
        padding-right: 20px;
    }
    
    .padding-r-25 {
        padding-right: 25px;
    }
    
    .padding-r-30 {
        padding-right: 30px;
    }
    
    .padding-r-35 {
        padding-right: 35px;
    }
    
    .padding-r-40 {
        padding-right: 40px;
    }
    
    .padding-r-45 {
        padding-right: 45px;
    }
    
    .padding-r-50 {
        padding-right: 50px;
    }
    
    .padding-r-55 {
        padding-right: 55px;
    }
    
    .padding-r-60 {
        padding-right: 60px;
    }
    
    .padding-r-65 {
        padding-right: 65px;
    }
    
    .padding-r-70 {
        padding-right: 70px;
    }
    
    .padding-r-75 {
        padding-right: 75px;
    }
    
    .padding-r-80 {
        padding-right: 80px;
    }
    
    .padding-r-85 {
        padding-right: 85px;
    }
    
    .padding-r-90 {
        padding-right: 90px;
    }
    
    .padding-r-95 {
        padding-right: 95px;
    }
    
    .padding-r-100 {
        padding-right: 100px;
    }
    
    .padding-r-105 {
        padding-right: 105px;
    }
    
    .padding-r-110 {
        padding-right: 110px;
    }
    
    .padding-r-115 {
        padding-right: 115px;
    }
    
    .padding-r-120 {
        padding-right: 120px;
    }
    
    .padding-r-125 {
        padding-right: 125px;
    }
    
    .padding-r-130 {
        padding-right: 130px;
    }
    
    .padding-r-135 {
        padding-right: 135px;
    }
    
    .padding-r-140 {
        padding-right: 140px;
    }
    
    .padding-r-145 {
        padding-right: 145px;
    }
    
    .padding-r-150 {
        padding-right: 150px;
    }
    
    .padding-r-155 {
        padding-right: 155px;
    }
    
    .padding-r-160 {
        padding-right: 160px;
    }
    
    .padding-r-165 {
        padding-right: 165px;
    }
    
    .padding-r-170 {
        padding-right: 170px;
    }
    
    .padding-r-175 {
        padding-right: 175px;
    }
    
    .padding-r-180 {
        padding-right: 180px;
    }
    
    .padding-r-185 {
        padding-right: 185px;
    }
    
    .padding-r-190 {
        padding-right: 190px;
    }
    
    .padding-r-195 {
        padding-right: 195px;
    }
    
    .padding-r-200 {
        padding-right: 200px;
    }
    
    /*					MEDIDAS */
    h1 {
        font-size: 20px;
    }
    
    @media (max-width: 576px) {
        .px34 {
            font-size: 1.4em !important;
        }
        .px49 {
            font-size: 2em !important;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .mx-md-1p {
            margin-left: .25%!important;
            margin-right: .25%!important;
        }
    }
    
    @media (min-width: 1200px) {
        h1 {
            font-size: 28px;
        }
        .col-xl-8c {
            flex: 0 0 12%;
            max-width: 12%;
            width: 12%;
            float: left;
            margin: 0 0.25%;
            padding-left: 0;
            padding-right: 0;
        }
    }
    
    /*					TAMAÑOS */
    
    .px8 {
        font-size: 8px;
    }
    
    .px10 {
        font-size: 10px;
    }
    
    .px11 {
        font-size: 11px;
    }
    
    .px12 {
        font-size: 12px;
    }
    
    .px14 {
        font-size: 14px;
    }
    
    .px15 {
        font-size: 15px;
    }
    
    .px16 {
        font-size: 16px;
    }
    
    .px18 {
        font-size: 18px;
    }
    
    .px20 {
        font-size: 20px;
    }
    
    .px21 {
        font-size: 21px;
    }
    
    .px22 {
        font-size: 22px;
    }
    
    .px24 {
        font-size: 24px;
    }
    
    .px26 {
        font-size: 26px;
    }
    
    .px28 {
        font-size: 28px;
    }
    
    .px30 {
        font-size: 30px;
    }
    
    .px34 {
        font-size: 34px;
    }
    
    .px36 {
        font-size: 36px;
    }
    
    .px38 {
        font-size: 38px;
    }
    
    .px43 {
        font-size: 43px;
    }
    
    .px49 {
        font-size: 49px;
    }
    
    .px50 {
        font-size: 50px;
    }
    
    .maxH50 {
        max-height: 50px;
    }
    
    /*					MOLECULAS */
    .titulo-seccion {
        font-size: 20px;
    }
    
    .subtitulo-seccion {
        font-size: 1.5em;
        color: #333333
    }
    
    .subtitulo2-seccion {
        font-size: 1.25em !important;
        color: #333333
    }
    
    .titulo-distritos {
        border-right: 1px solid #E97EBD;
    }
    
    .titulo-porcentaje {
        font-size: 0.8em !important;
    }
    
    .texto {
        font-size: 14px;
    }
    
    .pleca-izquierda {
        padding-left: 0.5em;
        border-left: 9px solid #592e71; 
    }
    .pleca-aqua {
        padding-left: 0.5em;
        border-left: 9px solid #4199A0; 
    }
    .pleca-morada {
        padding-left: 0.5em;
        border-left: 9px solid #7A4493; 
    }
    
    .subtitulo-seccion.pleca-izquierda {
        font-size: 20px;
    }
    
    /*					CARD RESUMEN */
    
    .card-resumen .cardGanador{
            box-shadow: 0px 3px 10px #00000096 !important;
            border: 3px solid #D1308A !important;
        }
    .card-resumen .encabezado {
            border: 1px solid #F4F4F4;
            border: 1px solid #23233e;
            border-bottom: none;
            border-radius: 4px 4px 0 0;
        }
        
    .card-resumen .encabezado{
        height: 120px;
    }
    
    
    .card-resumen .encabezadoG{
        height: 50px;
    }
    
    .card-resumen .encabezadoG {
            border: 1px solid #F4F4F4;
            border: 1px solid #23233e;
            border-bottom: none;
            border-radius: 4px 4px 0 0;
        }
    
    .card-resumen .pe {
        
             /* width: 30px; fmi*/
             width: 100%;
             height: 30px;
             /* border: 1px solid #707070; */
            font-size: 0.75em;
            display: flex;
            justify-content: center;
            align-items: center;
            margin:  0.25em;
            padding: 5% 0;
            }
            
    .card-resumen .pePequeno {
                font-size: 0.5em;
                 width: 95%;
                 margin: 10% 2.5%;
                 margin: 5% 2.5%;
                margin: 2.5%;
                flex: 0 0 40%;
                height: 20px;
                width: 20px;
                padding: 10% 0;
            }
            
    .card-resumen  .separador {
            position: absolute;
            width: 5px;
            height: 2.5em;
            background:var(--texto-gris);
        }
        
    .card-resumen  p {
            font-size: 0.7em;
        }	
    
    
    .card-resumen .distrito {
            font-size: 1.25em;
            
        }	
        
    .card-resumen .pie {
            border-radius: 0 0 4px 4px;
            position: relative;
            top: 0;
        }	
    .card-resumen .pie.seleccionado {
            background: var(--azul-rosita);
        }
    
    
    .card-resumen {
        border-radius: 8px;
        border-bottom: none;
        margin-bottom: 0.5em;
    
    }
    
    .tarjeta .pie.seleccionado {
         
            background: var(--azul-rosita);
        
    }
    .tarjeta img{
            width: 4em;
            margin: 0.25em 0;
            border-radius: 100%;
    }
    .tarjeta .nombre {
            height: 40px;
            font-size: 0.8em;
        }
    .tarjeta .pe {
            font-size: 0.85em;
            width: 100%;
            height: 30px;
             /* border: 1px solid #707070; */
            margin: 0 0.125em;
        }
        
    .tarjeta  .cuerpo {
            font-size: 0.8em;
        }
    .tarjeta  .pie {
            height: 2.75em;
            font-size: 0.8em;
            border-radius: 0px 0px 8px 8px;
        }
    .tarjeta {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 8px;
       
    }
    
    .tarjeta p{
        white-space: nowrap;
    }
    
    .cardGanador {
        box-shadow: 0px 3px 10px #00000096 !important;
        border: 3px solid #D1308A !important;
    }
    
    .scrollH .card-resumen{
         
            border-radius: 8px;
            border: 1px solid #23233e;
            margin-bottom: 0.75em;
            
         
        
    }
    
    .scrollH .card-resumen .encabezado {
                border: none;
            }
    .scrollH .card-resumen .cuerpo {
                border-radius: 0 0 8px 8px;
                border: none;
            }
    
    .card-resumen .card-gris{
         
            border-radius: 8px;
            border: 1px solid #BFBDBD;
    }
    
    .card-resumen .bgGrisTenue{
        background: #F4F4F4; 
        
    }
    .card-resumen .card-gris{ 
      background: #F4F4F4; 
        
     } 
    
    
    .card-resumen .cuerpo, .encabezado {
                border: none;
            }
    
    .card-resumen .cuerpo {
            border-left: 1px solid #23233e;
            border-right: 1px solid #23233e;
            
        }
    .card-resumen .cardGanador {
            box-shadow: 0px 3px 4px #00000042;
        }
        
    
    .card-footer {
        border-radius: 0px 0px 8px 8px;
    }
    
    
    @media (min-width: 992px) and (max-width: 1199.98px) { 
        .col-md-3 {
            flex: 0 0 24.5%;
            max-width: 24.5%;
        }
     }
    /*/ .card-resumen:hover {
    //     border-color: #D1308A;
    //     box-shadow: 0px 3px 6px #00000029;
    }
    */ 
    /*					TABLA EN MAPAS */
    .contenedor-mapa .tabla .pe {
         width: 7em;
        height: 2.25em;
        font-size: 0.75em;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0.25em;
        }
    .pan{
        background-image: url(../img/logos-partidos/21-PAN.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .pri{
        background-image: url(../img/logos-partidos/21-PRI.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .prd{
        background-image: url(../img/logos-partidos/21-PRD.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .verde{
        background-image: url(../img/logos-partidos/21-PVEM.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .pt{
        background-image: url(../img/logos-partidos/21-pt.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .mc{
        background-image: url(../img/logos-partidos/21-mc.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .panal{
        background-image: url(../img/logos-partidos/21-NACh.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .morena{
        background-image: url(../img/logos-partidos/21-morena.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .pes{
        background-image: url(../img/logos-partidos/21-pes.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .ci{
        background-image: url(../img/logos-partidos/CI.png);
        background-size: contain;
        
        
        
    }
    
    .nuch{
        background-image: url(../img/logos-partidos/21-nuch.png);
        background-size: contain;
        background-repeat: no-repeat;
        
    }
    .jhhch{
        background-image: url(../img/logos-partidos/21-jhhch.png);
        background-size: contain;
        background-repeat: no-repeat;
        
    }
    
    .rsp{
        background-image: url(../img/logos-partidos/rsp.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .fuerza{
        background-image: url(../img/logos-partidos/Fuerza.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    
    .p1{
        background-image: url(../img/logos-partidos/p1.png);
        background-size: contain;
        background-repeat: no-repeat;
        
        
    }
    
    .color-pan{
        background: rgb(0, 87, 156) !important;
    }
    
    .color-pri{
        background: rgb(21, 161, 82) !important;
    }
    
    .color-prd{
        background: rgb(255, 222, 0) !important;
    }
    
    .color-verde{
        background: rgb(135, 195, 68) !important;
    }
    .color-pt{
        background: rgb(238, 61, 68) !important;
    }
    .color-mc{
        background: rgb(253, 130, 4) !important;
    }
    .color-panal{
        background: rgb(20, 180, 182) !important;
    }
    .color-morena{
        background: rgb(165, 52, 33) !important;
    }
    
    .color-pes{
        background: rgb(102, 38, 128) !important;
    }
    
    .color-ci{
        background: rgb(238, 61, 68) !important;
    }
    
    
    
    .contenedor-mapa .tabla .distrito-numero {
            font-size: 1.5em;
            /* border-right: 1px solid #E97EBD; */
        }
    
    .contenedor-mapa .tabla .votos-numero {
            font-size: 1.2em;
        }
        
    .contenedor-mapa .tabla .votos-porcentaje p {
            font-size: 0.75em;
            width: 100%;
            text-align: center;
            
        }
        
    .contenedor-mapa .tabla .mini-grafica {
            width: 100%;
            width: 65px;
            height: 14px;
            border: 1px solid #D9D9D9;
            position: relative;
          
        }
    
    .contenedor-mapa .tabla .mini-grafica .avance {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 50%;
            }
    
    .contenedor-mapa .tabla .fila {
             /* border: 3px solid transparent; */
            border-radius:3px;
            cursor: default;
            transition: 0.3s;
        }
    .bordeVentaja{
        border: 1px solid #D1308A;
    }
    .contenedor-mapa .tabla .fila:nth-child(odd) {
            background:var(--fondo-gris);
        }
    .contenedor-mapa .tabla .fila:nth-child(even) {
            margin-top: 0;
            margin-bottom: 0;
        }
    .contenedor-mapa .tabla .fila:nth-child(even) .distrito-numero{
            padding-top: 0.25em;
            padding-bottom: 0.25em;
        }
    .contenedor-mapa .tabla .filaGanador {
            border-radius: 8px;
            box-shadow: 0px 0px 6px #d5137f;
            border: 3px solid #d5137f !important;
           
           
        }
    .contenedor-mapa .tabla .filaGanador  .distrito-numero {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }
    .contenedor-mapa .tabla  .distrito-numero, .votos-numero, .votos-porcentaje {
                color: #000;
                /* color: #D5137F; */
            }
    .contenedor-mapa .tabla .color-partido {
            position: relative;
            width: 10px;
            height: 70%;
        }
    
    
        
    .ml-1, .mx-1 {
        margin-left: 0.25rem !important;
    }
    
    
    
    @media (max-width: 576px) { 
    
        .contenedor-mapa .tabla .pe{
                           
            width: 7em;
                height: 2.25em;
                 border: 1px solid #707070;
                font-size: 0.6em;
    
                display: flex;
                justify-content: center;
                align-items: center;
    
                margin: 0 0.125em;
        }
        
           .contenedor-mapa .tabla .distrito-numero{
               font-size: 1.1em !important;
           }
           
             .contenedor-mapa .tabla .votos-numero{
              font-size: 0.8em !important;
           }
           
                .contenedor-mapa .tabla .votos-porcentaje{
                 font-size: 0.7em !important;
           }
           
            .contenedor-mapa .tabla .fila {
                border: 3px solid transparent;
                cursor: default;
                transition: 0.3s;
            }
            
            .contenedor-mapa .tabla .fila:nth-child(odd) {
                background: #f9f9f9;
            }
            
            .contenedor-mapa .tabla .fila:nth-child(even) {
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
            
            .contenedor-mapa.tabla .color-partido{
                   position: relative;
                width: 10px;
                height: 70%;
                
            }
            
    
       
     }
    
    /*					RESUMEN VOTACION */
    .contenedor-mapa .subtitulo-8-seccion {
            font-size: 1em;
        }
    
    .card h4 {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 1.25em;
    }
    
    .btn.btn-outline-secondary.btn-sm.texto {
        border-radius: 8px;
        transition: 0.2s;
    }
    .btn.btn-outline-secondary.btn-sm.texto:hover {
        background: #181A2F;
    }
    
    .resumen-votacion .subtitulo {
            font-size: 14px;
            line-height: 1;
            font-family: 'Roboto-Medium', sans-serif;
        }
    
    .resumen-votacion .apartado {
            flex: 1;
            text-align: center;
        }
    .resumen-votacion .separador {
            font-size: 2.5em;
        }
    
    .resumen-votacion .total {
            font-size: 2em;
        }
    .resumen-votacion .pxx {
            padding-left: 10px;
            padding-right: 10px;
        }
    
    .resumen-votacion .titulo {
            font-size: 1em;
        }
    .resumen-votacion {
        color: #34344E;
       
      
       
    }
    
     @media (max-width: 1199.98px) {
            .total {
                font-size: 3em;
            }
        }
    
    /*					DISTRIBUCION DE VOTOS */
    
    
    .distribucion-votos .titulo {
            font-size: 1.2em;
     }
    
    .distribucion-votos .tabla {
           font-size: 0.8em;
    }
    
    .distribucion-votos .tabla .titulos {
                color: #23233E;
     }
    
    .distribucion-votos .tabla .datos:nth-child(odd) {
                background:var(--fondo-gris);
      }
      
    .distribucion-votos .tabla .borde-derecha {
                border-right: 1px solid #DDDDDD;
            }
    .distribucion-votos .tabla .borde-abajo {
                border-bottom: 1px solid #DDDDDD;
            }
     
    .distribucion-votos .tabla img {
                width: 5em; 
                 /* border-radius: 100%; */
            }
    .distribucion-votos .tabla .distritos .pe {
        font-size: 0.85em;
        /* background: #fff; */
        /* width: 2em; */
        width: 100%;
        height: 2em;
        margin: 0.25em;
    }
    
      .texto {
                font-size: 0.75em;
            }
            .igual {
                background: #000;
                border-radius: 100%;
                padding: 0.25em;
                width: 1.25em;
                height: 1.25em;
                color: #fff;
            }
            .total {
                font-size: 1.75em;
            }
    
    
    @media (max-width: 576px) { 
        .distribucion-votos .tabla {
            font-size: 0.7em;
        }
        
        .distribucion-votos .tabla .conteo, .distritos{
             flex-wrap: wrap;
             justify-content: center;
        }
        
        .distribucion-votos .tabla .total {
                    font-size: 1.25em;
                }
    }
    
    /*					SOMBRAS */
    .sombra {
        box-shadow: 0px 3px 6px #00000029;
    }
    
    /*					VIZUALIZAR COMO */
    
      
      .visualizar .selector {
       
        background: #F7F6F6;
        color: #BBBBC0;
        border-radius: 8px;
        
    }
    
    .visualizar .activo {
       
        background-color: var(--morado-rosita);
        color: #fff;
        box-shadow: 0px 3px 6px #00000029;
    }
    
    .visualizar .activo.izq {
            border-radius: 8px 0 0 8px;
        }
    
    .visualizar .img-visualiza {
            width: 28px;
            height: 28px;
        }
    
    .visualizar .activo.der {
            border-radius: 0 8px 8px 0;
        }
    
    .visualizar .selector .dis-flex:first-child {
            border-right: 1px solid #E1DFDF;
        }
    .visualizar .selector p {
            font-size: 0.75em;
        }
     .visualizar i {
            font-size: 1.5em;
        }
    .visualizar  strong {
            font-size: 1em;
        }
    
    /*					ESTILOS DE CASILLA */
    
    .casilla-resumen,
    .tabla-seccion  .acta-digitalizada p {
             
                color: #4E4E4E;
                font-size: 0.8em;
            }
    
    .casilla-resumen, .tabla-seccion  .boton-rosa {
                background: #D5137F;
                color: #fff;
                box-shadow: 0px 3px 6px #00000029;
                border-radius: 8px;
                font-size: 0.8em;
               
                
            }
    .casilla-resumen, .tabla-seccion  .boton-rosa  i {
                    margin: 0 0.125em;
                    font-size: 1.2em;
                }
    .casilla-resumen, .tabla-seccion  .boton-rosa:disabled {
                    background: #fff !important;
                    color: #777 !important;
                    border-color: #777 !important;
                    cursor: default;
                    box-shadow: none !important;
       }
       
       
     .casilla-resumen, .tabla-seccion .grupo {
                color: #6F65A3;
     }
     
     
     .casilla-resumen, .tabla-seccion .grupo i {
                margin: 0 0.125em;
     }
     
      .casilla-resumen, .tabla-seccion .grupo p {
                   margin-left: 0.125em;
                   color: #6F65A3;
     }
     
     
       .casilla-resumen, .tabla-seccion .grupo:first-child p,.gris {
                color: #4E4E4E !important;
            }
    .casilla-resumen,
    .tabla-seccion .estadistica-casilla  .grafica   {
                z-index: 0;
                background: #F4F4F4;
          
        }
        
    .casilla-resumen,
    .tabla-seccion .estadistica-casilla .grafica:before {
                    content: '';
                     position: absolute;
                     left: 0;
                     bottom: 0;
                     height: 100%;
                     width: 80%;
                     background: #34344E;
                 }
    .casilla-resumen,
    .tabla-seccion .estadistica-casilla .textos {
                    z-index: 1;
                    color: #fff;
                    position: relative;
                   
                
                }
    .casilla-resumen,
    .tabla-seccion .estadistica-casilla .textos .casilla {
                        font-size: 0.9em;
                    }
    .casilla-resumen,
    .tabla-seccion .estadistica-casilla .textos .porcentaje {
                        font-size: 1.75em;
                    }
    .casilla-resumen,
    .tabla-seccion .estadistica-casilla .lista-nominal {
                font-size: 0.7em;
            }
    .casilla-resumen,
    .tabla-seccion .estadistica-casilla .total-nominal {
                font-size: 1.75em;
            }
    .acta-digitalizada i{
               font-size: 20px;
    }
    
    
    .tabla-seccion .contenido {
        font-size: 0.8em;
        overflow-x: scroll;
        padding-bottom: 2.5em;
    }
    
    .fs-8{
           font-size: 0.8em;
    }
    
    .tabla-seccion {
        text-align: center;
    }
    
    /*					ESTILOS TABLA SCROLL */
    .tabla-scroll .grafica {
            z-index: 0;
            background: #F4F4F4;
            
            }
    .tabla-scroll .grafica .porcentaje {
                font-size: 1.75em;
    }
    .tabla-scroll .grafica:before {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                height: 100%;
                width: 80%;
                background: #34344E;
      }
     .tabla-scroll .grafica .textos {
                z-index: 1;
                color: #fff;
                position: relative;
               
              
            }
    .tabla-scroll .grafica .textos .casilla {
                    font-size: 0.9em;
                }
    .tabla-scroll .grafica .textos .porcentaje {
                    font-size: 1.75em;
                }
    
    .tabla-scroll .grafica .lista-nominal {
            font-size: 0.7em;
        }
    .tabla-scroll .grafica .total-nominal {
            font-size: 1.75em;
        }
        
    .tabla-seccion .contenido .titulos {
        flex-wrap: nowrap;
    }
    
    .tabla-seccion .contenido .titulos > *{
            background: var(--morado-gris);
    }
    
    /* .tabla-seccion .contenido .titulos .pe { */
                    /* background: #fff; */
                     /* border: 1px solid #707070; */
                    /* width: 1.85em; */
                    /* height: 1.85em; */
                    /* margin: 0 0.125em; */
                    /* font-size: 0.8em; */
       /* } */
       
       /* .contenido .titulos { */
             /* background: #fff;  */
             /* border: 1px solid #707070; */
             /* width: 1.85em;  */
             /* height: 1.85em;  */
             /* margin: 0 0.125em;  */
             /* font-size: 0.8em;  */
       /* } */
       
     .tabla-seccion .pe {
                      width: 2.25em;
        height: 2.25em;
       
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
       }
       
     .tabla-seccion .contenido .titulos .no-background > *{
        background: initial;
    }
    
    .tabla-seccion .contenido td{
         border: none;
    }
        
    .tabla-seccion .contenido td i .fa-file, .fa-hourglass {
        color: #707070;
    }
    
    .tabla-seccion .contenido .subtitulos {
                
                background: #DDDDDD;
     }
     
     .tabla-seccion .contenido .borde-abajo {
                border-bottom: 1px solid #000;
      }
      
      .tabla-seccion .contenido .filas > * {
               /* flex-wrap: nowrap;  fmi */
                white-space: nowrap;
                padding-top: 0.75em;
                padding-bottom: 0.75em;
      }
     
     .tabla-seccion .contenido .filas i{
                    /* color: var(--morado-rosita); */
                    margin: 0 0.125em;
                    font-size: 1.1em;
     }
     
      .tabla-seccion .contenido .filas .txGris i{
                color: #707070;
     }
     
      .tabla-seccion .contenido .filas:nth-child(odd) > * {
                background: var(--fondo-gris);
            }
    
    
    @media (max-width: 576px) {
    .tabla-seccion .contenido {
         
            font-size: 0.7em !important;
        
    }
    }
    
    .estadisticaNacional {
        .titulo {
            font-family: 'Roboto-Bold', sans-serif;
            font-size: 14px;
        }
        .texto {
            color: #4B3943;
            font-family: 'Roboto-Medium', sans-serif;
        }
    }
    
    
    
    /*					OBSERVACIONES ACTA */
    
    .observacionesActa {
        .justify-content-center {
            .subtitulo-seccion {
                font-size: 14px;
            }
            p {
                font-size: 12px;
            }
        }
    }
    
    
    
    
    
    /*					BASE DE DATOS */
     .base-datos {
        color: #34344E;
        h2 {
            font-size: 3em;
            font-weight: bold;
            text-align: center;
            font-family: 'Roboto Bold', sans-serif;
        }
        h3 {
            font-size: 2.5em;
            margin-bottom: 1.5em;
        }
        p {
            font-size: 1.2em;
        }
        .contenido {
            .item p {
                margin: 1.5em 0;
            }
        }
        .descarga {
            .item {
                p {
                    line-height: 1;
                }
                .numero {
                    font-size: 2.5em;
                    margin-right: 0.5em;
                }
                .titulo {
                    text-decoration: underline;
                    margin-bottom: 0.65em;
                }
            }
        }
        .descomprimir {
            .item {
                margin-bottom: 1.5em;
            }
        }
    } 
    
    
    .tabla-listanominal {
        .table {
            border: 1px solid rgba(0, 0, 0, 0.125);
    
        }
        .table th, .table td {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
        .filas:nth-child(even) {
            background: #f9f9f9;
            background: #F2EFEF;
        }
        .borde-abajo {
            border-bottom: 1px solid #000;
        }
        .no {
            background: #F9F9F9;
            border-top-style: hidden;
            border-bottom-style: hidden;
            border-left: 1px solid rgba(0, 0, 0, 0.125);
            border-right: 1px solid rgba(0, 0, 0, 0.125);
        }
    }
    
    
    
    .modalComparativa {
        .elemento {
            .partido {
                width: 28px;
                height: 28px;
            }
            .titulo {
                font-size: 15px;
            }
        }
        .elementoStage {
            border-bottom: 1px solid #707070;
            .partido {
                width: 28px;
                height: 28px;
            }
            .anadir {
                color: #D1308A;
                font-size: 28px;
            }
        }
        .totales {
            color: #34344E;
        }
        .cerrar {
            position: absolute;
            top: -16px;
            right: -16px;
            width: 28px;
            height: 28px;
            border-radius: 100%;
            border-color: transparent; 
            img {
                width: 32px;
                height: 32px;
            }
        }
        .nombres {
            line-height: 0.5;
            line-height: 8px;
        }
    }
    
    .cerrar {
        position: absolute;
        top: -16px;
        right: -16px;
        width: 28px;
        height: 28px;
        border-radius: 100%;
        border-color: transparent;
    }
    
    .cerrar img {
        width: 32px;
        height: 32px;
    }
    
    .elemento .partido {
        width: 7em;
        height: 28px;
    }
    
    .elementoStage {
       /* border-bottom: 1px solid var(--morado-rosita); */
        padding-bottom: 5px;
    }
    .elementoStage .anadir {
        color: #D1308A;
        font-size: 28px;
    }
    
    .elementoStage .partido {
        width: 100px;
        height: 28px;
    }
    
    /*					fuentes */
    @font-face {
      font-family: 'ine-publicacion';
      src:  url('../fonts/ine-publicacion.eot?d33j0j');
      src:  url('../fonts/ine-publicacion.eot?d33j0j#iefix') format('embedded-opentype'),
        url('../fonts/ine-publicacion.ttf?d33j0j') format('truetype'),
        url('../fonts/ine-publicacion.woff?d33j0j') format('woff'),
        url('../fonts/ine-publicacion.svg?d33j0j#ine-publicacion') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }
    
    i.ine {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'ine-publicacion' !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
    
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .ine-base-datos:before {
      content: "\e900";
    }
    .ine-actualizar:before {
      content: "\e901";
    }
    .ine-home:before {
      content: "\e902";
    }
    .ine-mapa:before {
      content: "\e903";
    }
    .ine-tarjetas:before {
      content: "\e913";
    }
    
    @font-face {
      font-family: 'publicacion';
      src:  url('../fonts/publicacion.eot?y4omq9');
      src:  url('../fonts/publicacion.eot?y4omq9#iefix') format('embedded-opentype'),
        url('../fonts/publicacion.ttf?y4omq9') format('truetype'),
        url('../fonts/publicacion.woff?y4omq9') format('woff'),
        url('../fonts/publicacion.svg?y4omq9#publicacion') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }
    
    [class^="switch-"], [class*=" switch-"] {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'publicacion' !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
    
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    /* @font-face { */
        /* font-family: 'Roboto', sans-serif; */
        /* src: url('fonts/Roboto/Roboto-Medium.eot') format("embedded-opentype"), */
             /* url('fonts/Roboto/Roboto-Medium.woff2') format("woff2"), */
             /* url('fonts/Roboto/Roboto-Medium.woff') format("woff"), */
             /* url('fonts/Roboto/Roboto-Medium.ttf') format("truetype"), */
             /* url('fonts/Roboto/Roboto-Bold.eot') format("embedded-opentype"), */
             /* url('fonts/Roboto/Roboto-Bold.woff2') format("woff2"), */
             /* url('fonts/Roboto/Roboto-Bold.woff') format("woff"), */
             /* url('fonts/Roboto/Roboto-Bold.ttf') format("truetype"); */
            
        /* /* src: url('Roboto-BlackItalic.woff') format('embedded-opentype'), */ */
             /* /* url('Roboto-ThinItalic-webfont.woff') format('woff'), */ */
             /* /* url('Roboto-ThinItalic-webfont.ttf') format('truetype'), */ */
             /* /* url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License).  */ */
        /* /* font-weight: 200; */ */
        /* /* font-style: italic; */ */
    /* } */
    
    .switch-night:before {
      content: "\e900";
    }
    .switch-light:before {
      content: "\e901";
      color: #d5137f;
    }
    
    strong {
        font-family: 'Roboto-Bold', sans-serif;
    }
    
    .font-medium {
        font-family: 'Roboto-Medium', sans-serif;
    }
    
    .font-bold{
        font-family: 'Roboto-Bold', sans-serif;
    }
    
    .font-regular{
        font-family: 'Roboto-Regular', sans-serif;
    }
    
    i.ine {
        font-family: 'ine-publicacion' !important;
    }
    
    
    /*BOTONES*/    
    .btn-morado-active {
        background: #23233E;
        color: #000;
    }
    
    .btn-morado-active:hover {
        background: #23233E;
        color: #000;
    }
    
    
    
    .btn-rosaFuerte {
        background: #D1308A 0% 0% no-repeat padding-box;
        border-radius: 8px;
        color: #fff;
    }
    
    .btn-rosa {
        background: rgba(233, 126, 189, 0.4);
        color: #fff;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 12px;
        font-family: "Roboto-Regular", sans-serif;
    }
    
    .btn-rosa-active,
    .btn-rosa:hover {
        background: #ea7d82;
        color: #000;
        font-family: 'Roboto-Bold', sans-serif;
        font-weight: bold;
    }
    
    .btn-rosa-active:hover {
        background: #ea7d82;
        color: #000;
    }
    
    .dropdown {
        border-radius: 4px;
    }
    
    .cursorPointer {
        cursor: pointer;
    }
    
    .btn-blanco{
        background: #ffffff;
        color: #34344E;
    }
    
    .btn.disabled, .btn:disabled {
        opacity: 1;
    }
    
    
    .boton-detalle:disabled {
        background: #fff;
        color: #000000;
        border-color: #000000;
        cursor: default;
        opacity: 0.39;
        border-radius: 8px;
    }
    
    .boton-detalle:hover {
            color: #fff;
        }
      
    
    .pb-2, .py-2 {
        padding-bottom: 0.5rem !important;
    }
    
    .pt-2, .py-2 {
        padding-top: 0.5rem !important;
    }
    
    .pt-3, .py-3 {
        padding-top: 1rem !important;
    }
    
    .subrayado{
      text-decoration:underline;
    }
    
    /* .cuerpo {
        padding-top: 190px;
    } */
        
    @media (min-width: 1900px) {
        .altoAvance {
            height: 20vh;
        }
    }
    
    @media (min-width: 1200px){
    .d-xl-none {
        display: none !important;
    }
    }
    
    .combo label {
        margin: 0;
    }
    
    .dropdown {
        button {
            overflow-x: hidden;
        }
    }
    
    .dropdown-menu {
        margin: 0;
        padding: 0;
        font-size: 14px;
        max-height: 150px;
        overflow-y: auto;
        border: none;
        box-shadow: 0 2px 4px #d9d9d9;
    }
    
    
    
    
    
    
    .titulo-menu {
        border-left: 10px solid #fff;
        h3 {
            font-size: 1.75em;
        }
    }
    
    .lista-menu {
        li {
            list-style: none;
            margin: 0.75em 0;
        }
    }
    
    .pleca-blanca {
        padding-left: 0.5em;
        border-left: 9px solid #ffffff;
    }
    
    .menu{
        font-size: 16px;
        .titulo{
            font-family: 'Roboto-Bold', sans-serif;
        }
        .liga{
            font-family: 'Roboto-Regular', sans-serif;
            padding-left: 10px;
        }
    }
    
    .oculto {
        transform: scale(0);
    }
    
    .activeSelect{
        opacity: 30%;
        background: #23233E;
        color: #fff;
    }
    
    .dropdown-item:hover, .dropdown-item:focus {
        background: #23233E30;
    }
    
    
    
    @media (min-width: 2150px) {
        .btn-ajuste {
            padding-top: 1.125em;
            padding-bottom: 1.125em;
            &:hover {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
    
    .fondoGrafica {
        background: var(--fondo-2);
        padding: 1.5px;
    }
    
    .td-relative {
        position: relative;
        padding: 0 !important;
    }
    
    .sinBorde {
        border-style: hidden !important;
    }
    
    .sinBorde-t {
        border-top: none !important;
     
    }
    
    .table-borderedHeader {
        border-collapse: collapse;
        border: 0px inset #665668;
    }
    
    .linea-chart {
        border-top: 2px solid #f2e4f4;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
    
    .linea-chart-nl {
        line-height: 0;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        width: 100%;
        font-size: 12px;
        color: #BABABA;
    }
    
    .line-char-first {
        text-align: right;
        /* margin-bottom: -1rem; */
        right: 5%;
    }
    
    .bordeRosa{
            border: 4px solid  #b383b7;
    }
    
    .line-chart-400 {
        bottom: 400%;
    }
    .line-chart-300 {
        bottom: 300%;
    }
    .line-chart-200 {
        bottom: 100%;
    }
    .line-chart-100 {
        bottom: 100%;
    }
    .line-chart-80 {
        bottom: 80%;
    }
    .line-chart-60 {
        bottom: 60%;
    }
    .line-chart-40 {
        bottom: 40%;
    }
    .line-chart-20 {
        bottom: 20%;
    }
    .line-chart-0 {
        bottom: 0%;
    }
    .progress-bar-vertical {
        width: 50px;
        height: 50px;
        min-height: 300px;
        display: flex;
        align-items: flex-end;
        margin: auto;
        background-color: transparent;
        border-radius: 0;
    }
    
    .my-chart {
        height: 300px;
        width: 80px;
    }
    
    tbody td {
        border-top: thin solid #dee2e6; 
        border-bottom: thin solid #dee2e6; 
        border-right: thin solid #dee2e6;
        border-left: thin solid #dee2e6;
    }
    
    tbody td:first-child {
        border-left: none;
    }
    
    tbody td:last-child {
        border-right: none;
    }
    
    .font-bold {
        font-weight:bold;
    }
    
    .progress-bar-vertical .progress-bar {
        width: 100%;
        /* height: 150; */
        -webkit-transition: height .6s ease;
        transition: height .6s ease;
        z-index: 3;
    }
    /* .progress-bar { */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: center; */
        /* overflow: hidden; */
        /* color: #fff; */
        /* text-align: center; */
        /* white-space: nowrap; */
        /* transition: width .6s ease; */
    /* } */
    
    @media (min-width: 992px){
    .d-lg-block {
        display: block !important;
    }
    }
    
    .tabla-seccion .acta-digitalizada .gris {
        color: #4E4E4E !important;
    }
    
    .observacionesActa .justify-content-center .subtitulo-seccion {
        font-size: 14px;
    }
    
    .observacionesActa .justify-content-center p {
        font-size: 12px;
    }
    
    .border-rightB{
        border-right: 2px solid #858585;
    }
    
    .color-gris{
        color: #858585 !important;
        
    }
    .color-gris-fuerte{
        color: #848484;
    }
    strong {
        font-family: "Roboto-Bold", sans-serif;
    }
    
    .estadistica-casilla .grafica {
      width:100%;
      height: 70px;
      background: #E6E6E6;
      position: relative;
    }
    
    .estadistica-casilla .grafica, .estadistica-casilla .grafica:hover, .grafica, .grafica:hover {
        color: #000!important;
        background-color: var(--fondo-gris);
    }
    
    .estadistica-casilla .progresoAvance{
            height:70px;
           
    }
    
    .progresoAvance .textos .casilla{
        white-space: nowrap;
    }
    
    .estadistica-casilla .grafica .progresoAvance {
        color: #000!important;
           width:0%;
    }
    
    .bgAvanceCasilla{
        background-color:#34344e;
    }
    
    
    /* .txblanco{
        color:#fff;
    } */
    
    .bgRosaIne {
        background: #ea7d82 !important;
    }
    
    .txRosaIne {
        color: #592e71;
    }
    
    .separador-menu{
        display:block;
        height:40px;
        margin-top:10px;
        border-right:1px solid var(--primary-color) !important;
    
    }
    .outer{
        display:block; 
        height:60px;
    }
    
    .outer.activo{
        display:none;
    }
    
    .menu .sub-menu:hover{
        background: var(--primary-color);
       color:var(--bg-primario) !important;
        cursor:pointer;
    }
    
    
    .menu .sub-menu .outer div:hover{
        display:none;
    }
    
    .tarjeta-grafica {
        min-height:7em;
    }
    .tarjeta-grafica img{
    top: 886px;
    left: 506px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    }
    
    
    
    .borde-rosa-ine{
    border: 3px solid #D5137F;
    opacity: 1;
    }
    
    .borde-rosa-ine .line-chart-100{
    border: 1px solid #D5137F;
    border-radius: 23px 23px 8px 8px;
    opacity: 1;
    }
    
    .table .borde-rosa-ine td,th {
        border-top:none;
    }
    
    .rectangulo-resumen{
        border:2px solid #DADCE0;
    }
    
    .mb-6{
        margin-bottom:4rem !important;
    }
    
    .extranjero{
    background: #23233E 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    color:#fff;
    top: 1598px;
    left: 1025px;
    width: 142px;
    height: 32px;
        
    }
    
    .extranjero:hover{
        color:#fff;
    }
    
    .fondo-extranjero{
        background-image: url(../img/fondo_extranjero.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-color:var(--fondo-2);
    }
    
    .mrt-2{
    margin-top:2rem !important;
    }
    
    .mrt-1-2 {
        margin-top: 1.2rem !important;
    }
    
    .tarjeta .bt{
        border-top: 1px solid #b6b6b6;
    }
    
    .card-resumen .bt {
        border-top: 1px solid #b6b6b6;
    }
    
    .bgCapturadas{
        background: var(--bg-urbanas);
    }
    
    .bgEsperadas{
        background: var(--morado-negro);
    }
    
    .bgContabilizadas{
        background:#592e71;
    }
    
    .card-resumen .pie.seleccionado {
        background: var(--azul-rosita)
    }
    
    .fijo {
    position: fixed;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    
    top:230px;
    }
    
    .ligaFAQ {
        padding-bottom: 0.5em;
    }
    
    .tbody-grafica td{
        border: none;
    }
    
    .tr-grafica{
        border-top: 1px solid var(--texto-gris);
    }
    
    
    
    .definicion{
        background-image: url(../img/bd/fondo-definicion.svg);
        background-repeat: no-repeat;
        background-size: 85%;
        background-position: bottom;
        
        height: 560px;
        background-attachment: unset;
        background-color: var(--fondo-gris);
    }
    
    .carpetaarchivos{
        background-color: #6a526b ;
    }
    
    .square-bracket {
        display: flex;
        align-items: center;
    }
    
    .square-bracket:after, .square-bracket:before {
        color: var(--texto);
        font-size:  60px;
    }
    .square-bracket:before {
        content: "[";
        text-align: right;
        padding-right: 10px;
    }
    
    .square-bracket:after {
        content: "]";
        text-align: left;
        padding-left: 10px;
    }
    
    .altura{
        height: 10em;
        margin-top: 4em;
    }
    
    .bd li{
            list-style: disc;
            font-size: 13px;
           
        }
    
    .brdConoce{
        border: 1px solid var(--blanco-rosita);
    }    
    
    .bordeRosa-l{
        border-left: 4px solid #D1308A !important;
    }
    .bordeRosa-r{
        border-right: 4px solid #D1308A  !important;
    }
    .bordeRosa-t{
        border-top: 4px solid #D1308A  !important;
    }
    .bordeRosa-b{
        border-bottom: 4px solid #D1308A  !important;
    }
    .btn-in{
        opacity:50%;
        cursor: none !important;
    }

    #dv_tarjetas_seccion_casilla {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0;
        margin: 0;
    }
    
    #dv_tarjetas_seccion_casilla .row {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
    }
    
    #dv_tarjetas_seccion_casilla .row .col-6 {
        padding: 0;
        margin: 0;
    }

    #divContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; /* Ajusta esto según tus necesidades */
    }
    
.bgPrototipo{
    position: sticky;
    top: 20%;
    z-index: 2;
}
#dv_consulta{
    position: sticky;
    top: 20%;
    z-index: 2;
}

    body{
        background-image: url(/img/Prototipo_.png) !important;
    }
    .container-fluid, .card, .col-md12, .col-10{
        background-image: url(/img/Prototipo_.png) !important;
    }


    .col-md12{
        background-image: url(/img/Prototipo_.png) !important;
    }

    .mismos-divs {
        justify-content: center;
        align-items: center;
    }

    .disabled-div {
        background-color: #ccc; /* Cambia el color de fondo a gris */
        opacity: 0.5; /* Reduce la opacidad para indicar que está deshabilitado */
        pointer-events: none; /* Evita que se interactúe con el div */
      }