body { width: 100%; float: left; height: auto; margin: 0; }
.area-kpis { float: left; border: 1px solid #0079c8; width: 100%; }
.fundacion-kpis, .titulo-area-kpis { width: 100%; float: left; }
.titulo-area-kpis h3, #primary .titulo-area-kpis h3 { background: #0079c8; color: #fff!important; padding: 10px 20px; text-transform: uppercase; font-weight: bold!important; margin: 0; }
.detalle-kpis { padding: 10px 0px; float: left; width: 100%; }
.lista-kpis { list-style: none; padding-left: 0px; }
.lista-kpis > li { padding: 5px 10px; }
.destacar-kpi { font-size: 1.4em; color: #0A246A; padding: 5px 10px; font-weight: bold;  }
.etiqueta-kpi { font-size: 1.4em; color: #0079c8; margin-left: 10px;}
.enum-kpi-item { display: inline-block; float: left; margin-right: 2px; padding: 5px; background: none; }
.enum-kpi-item:after{ content: ", "; padding-right: 5px; }
.enum-kpi-item:last-child:after{ content: "."; padding-right: 5px; }
.enum-kpi-item:before{ content: ""; display: none;  }
.enum-kpi { display: inline-block; margin: 0!important; 0!important; 10px!important; padding-left: 10px!important; }
.intervalo-kpi { font-size: 1.4em; color: #0A246A; /*border: 1px solid #0079c8;*/ padding: 5px 10px; border-radius: 0; }
.intervalo-kpi:before { content: "( "; }
.intervalo-kpi:after { content: " )"; }
.seccion-cabecera-kpis { display: inline-block; float: left; min-height: 40px; }
.cabecera-area-kpis .seccion-cabecera-kpis { padding: 5px 10px; border: 1px solid #0079c8; border-right: none; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
.cabecera-area-kpis .seccion-cabecera-kpis:last-child {  border: 1px solid #0079c8;  }
.seccion-cantidad { width: 20%; text-align: center; }
.seccion-concepto { width: 80%; }
.seccion-periodo { width: 20%; text-align: center; }
.cabecera-area-kpis { width: 100%; float: left; }
.fila-kpi { float: left; height: auto; display: flex; width: 100%; }
.hidden { display: none; }
.separador { width: 100%; border-top: 2px solid #0079c8; min-height: 16px; }
.fundacion-kpis { max-width: 1200px; display: block; margin: 20px auto; float: none; }
@media (min-width: 769px) and  (max-width: 994px) {
    .seccion-cantidad { width: 20%; text-align: center; }
    .seccion-concepto { width: 50%; }
    .seccion-periodo { width: 30%; }
}
@media  (max-width: 768px) {
    .fila-kpi { display: block; margin-bottom: 20px; border-bottom: 2px solid #0079c8; }
    .fila-kpi:last-child { border-bottom: none; }
    .fila-kpi.cont-separador { display: none; }
    .seccion-cantidad { width: 30%; text-align: center; }
    .seccion-concepto { width: 70%; margin-bottom: 10px; }
    .seccion-periodo { width: 100%; text-align: center; }
    .titulo-area-kpis { margin-bottom: 20px; }
    .titulo-area-kpis h3 { font-size: 1.3em; font-weight: bold!important; }
    .intervalo-kpi { color: #0A246A; }
}
.titulo-area-kpis .intervalo-kpi { color: #fff; font-weight: normal; }