@charset "UTF-8";
/* CSS Document */

#container {
min-width: 100%;
max-width: 100%;	
margin: 0 auto;
}

/*art-grid-blq--hc highcharts*/
.art-grid-blq--hc .art-grid-blq--card-cont{
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;	
flex: none;
padding: 10px 140px 0px 10px;	
}
.art-grid-blq--hc .art-grid-blq--card-cont h5{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
  
font-size: var(--font-size-subtit-componente);  
line-height: var(--line-height-subtit-componente); 
font-weight: var(--font-weight-subtit-componente);
font-variation-settings: var(--font-variation-settings-subtit-componente);
color: var(--color-subtit-componente);  
  
text-align: left; 
border-bottom: 1.0px solid var(--base-a-4-100);
padding: 0px 4px 14px 4px;	
}
.art-grid-blq--hc .art-grid-blq--card-cont p{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
font-variation-settings: "wght" 700;
color: var(--base-a-0-80);
text-align: left;
margin-top: 4px;  
}

/*highcharts grilla*/
.art-grid-blq.art-grid-blq--hc .card {
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: stretch;
flex-direction: column;	
background-color: var(--trans);	
padding: 5px;
}
.art-grid-blq.art-grid-blq--hc .card > article {
flex: 1;	
position: relative;
width: 100%;
padding: 15px 20px 0px 20px;	
}

/*highcharts root*/
.art-grid-blq.art-grid-blq--hc .card{
background-color: var(--trans);		
min-height: 500px;
}
.highcharts-root {	
font-family: var(--fuente-secundaria) !important;	
text-rendering: optimizeLegibility !important;  
font-weight: 400 !important;	
font-variation-settings: "wght" 400 !important;
color: var(--base-a-0-100) !important;
}
.highcharts-background{
fill: var(--trans);
} 
.highcharts-scrollable-mask{
fill: var(--bn-90)
}
.highcharts-grid-line{
opacity: 0.2;	
stroke: var(--base-a-0-100) !important;	
}

/*highcharts-xaxis-labels*/
.highcharts-xaxis .highcharts-axis-line{
stroke: var(--base-a-0-100) !important;
stroke-width: 0.5;  
}

/*highcharts-yaxis-labels*/
.highcharts-axis-labels text{
font-size: calc(var(--font-size-xxs) + 3.5px) !important;	
line-height: calc(var(--line-height-xxs) + 3.5px) !important;
fill: var(--base-a-2-100) !important;
font-weight: 500 !important;	
font-variation-settings: "wght" 600 !important;	
}
.highcharts-legend-item text{
font-size: var(--font-size-xs) !important;	
line-height: var(--line-height-xs) !important;	
fill: var(--base-a-1-100) !important;
font-weight: 500 !important;	
font-variation-settings: "wght" 600 !important;	
}
.highcharts-yaxis text{
font-size: calc(var(--font-size-xxs) + 3.5px) !important;	
line-height: calc(var(--line-height-xxs) + 3.5px) !important;  
fill: var(--base-a-2-100) !important;
font-weight: 500 !important;	
font-variation-settings: "wght" 600 !important;	
}
.highcharts-xaxis text{
font-size: calc(var(--font-size-xxs) + 3.5px) !important;	
line-height: calc(var(--line-height-xxs) + 3.5px) !important;  
fill: var(--base-a-2-100) !important;
font-weight: 500 !important;	
font-variation-settings: "wght" 600 !important;	
}
text.highcharts-title{
fill: var(--base-a-3-100) !important;
font-size: var(--font-size-xs) !important;	
line-height: var(--line-height-xs) !important;	
text-transform: uppercase !important;	
letter-spacing: 4px !important;	
}

/*no useHTML: true*/
.highcharts-tooltip{
line-height: 40px !important;  
}
.highcharts-tooltip-box{
fill: var(--bn-70) !important; 	
opacity: 1.0 !important;	
}
.highcharts-tooltip text {
font-size: var(--font-size-sm) !important;	
line-height: var(--line-height-sm) !important;
font-weight: 400 !important;	
font-variation-settings: "wght" 500 !important;
fill: var(--base-a-0-100) !important;
}
.highcharts-tooltip text tspan:nth-child(1){ 
font-size: calc(var(--font-size-sm) - 1px) !important;	
line-height: calc(var(--line-height-sm) - 1px) !important;
fill: var(--base-a-1-100) !important;  
}
.highcharts-tooltip text tspan:nth-last-child(2){ 
font-size: calc(var(--font-size-sm) + 1px) !important;	
line-height: calc(var(--line-height-sm) + 1px) !important; 
fill: var(--base-a-00-100) !important;  
}


/*--------------------*/
/*useHTML: true*/
/*estilo general tooltip*/
.highcharts-tooltip > span{
font-family: var(--fuente-secundaria) !important;	
text-rendering: optimizeLegibility !important;  
font-size: var(--font-size-sm) !important;	
line-height: var(--line-height-xs) !important;   
color: var(--base-a-00-100) !important;
text-shadow: none !important;  
/*color: magenta !important;*/  
}
/*corrige doble bold en safari*/
.highcharts-tooltip b{
font-weight: 480 !important;	
font-variation-settings: "wght" 580 !important;  
}
/*subtítulo tooltip*/
/*.highcharts-tooltip > span span:first-of-type{
font-size: calc(var(--font-size-sm) - 1px) !important;	
line-height: calc(var(--line-height-xs) - 4px) !important;
letter-spacing: 0.2px !important;
text-shadow: none !important;   
color: var(--base-a-1-100) !important;
}*/
/*dot tooltip*/
/*.highcharts-tooltip > span span{
font-size: calc(var(--font-size-sm) + 5px) !important;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
}*/
/*cifra resaltada*/
/*.highcharts-tooltip > span b{
font-size: var(--font-size-sm) !important;
font-weight: 400 !important;	
font-variation-settings: "wght" 500 !important;    
color: var(--base-a-0-100) !important; 
}*/

/*-----*/
/*subtítulo tooltip*/
.highcharts-tooltip span.hc-jerarquia-1{
font-size: calc(var(--font-size-sm) - 2px) !important;  
font-weight: 550 !important;	
font-variation-settings: "wght" 650 !important;  
letter-spacing: 0.4px !important;
text-shadow: none !important;   
color: var(--base-a-1-80) !important;    
}
/*color: magenta !important;*/
/*-----*/

/*-----*/
/*grupo dot + series name*/
.highcharts-tooltip div.hc-tooltip-grp-dot-name-series{
position: relative;
margin-top: 5px;  
}
/*opacity: 0.3;*/

.highcharts-tooltip div.hc-tooltip-grp-dot-name-series:first-of-type{
margin-top: 2px;  
}
/*dot tooltip*/
.highcharts-tooltip div.hc-tooltip-grp-dot-name-series .hc-tooltip-dot-series{
position: relative !important;  
top: 0.5px !important;  
font-size: calc(var(--font-size-sm) + 5px) !important;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);   
}
/*color: black !important;*/ 

/*cifra/texto resaltado (series name - dot convención*/
.highcharts-tooltip div.hc-tooltip-grp-dot-name-series .hc-jerarquia-2{
font-size: var(--font-size-sm) !important;
font-weight: 400 !important;	
font-variation-settings: "wght" 500 !important;    
color: var(--base-a-0-100) !important; 
}
/*color: green !important;*/

/*estilo auxiliar para cifra/texto resaltado (series name - dot convención*/
.highcharts-tooltip > span span:first-of-type:not(.hc-jerarquia-3):not(.hc-tooltip-dot-series){
font-size: calc(var(--font-size-sm) - 2px) !important;
line-height: calc(var(--line-height-xs) - 2px) !important;  
font-weight: 550 !important;	
font-variation-settings: "wght" 650 !important;  
letter-spacing: 0.4px !important;
text-shadow: none !important;   
color: var(--base-a-1-80) !important;  
}
/*color: magenta !important;*/
/*-----*/

/*-----*/
/*cifra destacada*/
.highcharts-tooltip span.hc-jerarquia-3{ 
font-size: calc(var(--font-size-sm) + 1px) !important;   
font-weight: 550 !important;	
font-variation-settings: "wght" 650 !important;	
fill: var(--base-a-1-100) !important;  
}
/*color: blue !important;*/
/*-----*/

/*--------------------*/


/*mapa hc*/
/*.art-grid-blq--hc-map{ 
}*/
.art-grid-blq--hc-map .grp .cj-100 {
min-height: 80vh !important;
}
@media screen and (max-width:1024px){
.art-grid-blq--hc-map .grp .cj-100 {
min-height: auto !important; 
}	
}
.art-grid-blq--hc-map .card > article {
padding: 0px 0px 0px 0px !important;
}
/*.art-grid-blq--hc-map .art-grid-blq.art-grid-blq--hc .card {
min-height: 500px;
}*/


/*tooltip en mapa (highmaps)*/
/*.art-grid-blq--hc-map .highcharts-tooltip > span{
opacity: 0.3 !important;  
}*/
/*.art-grid-blq--hc-map .highcharts-tooltip > span span:nth-of-type(2){
opacity: 0.1 !important;  
}*/

/*.art-grid-blq--hc-map .hc-jerarquia-2{
font-size: var(--font-size-sm) !important;
font-weight: 400 !important;	
font-variation-settings: "wght" 500 !important;    
color: var(--base-a-0-100) !important;   
}*/


/*tit barra gradiente*/
/*.art-grid-blq--hc-map .highcharts-label.highcharts-legend-title{
transform: translate(calc(50% - 324px), 2px) !important;
}*/
.art-grid-blq--hc-map .highcharts-coloraxis-labels > span{
display: block !important;
width: 180px !important;
height: 17px !important;
font-family: var(--fuente-secundaria) !important;
text-rendering: optimizeLegibility !important;  
font-size: calc(var(--font-size-xxs) + 3.5px) !important;
line-height: calc(var(--line-height-xxs) + 3.5px) !important;
fill: var(--base-a-2-100) !important;
font-weight: 500 !important;
font-variation-settings: "wght" 600 !important;
}

/*txt barra gradiente izq*/
/*.art-grid-blq--hc-map .highcharts-coloraxis-labels > span:first-of-type{}*/
.art-grid-blq--hc-map .highcharts-coloraxis-labels > span:first-of-type span{
position: relative;
left: 27px;  
/*opacity: 0.3 !important;*/  
}

/*txt barra gradiente der*/
/*.art-grid-blq--hc-map .highcharts-coloraxis-labels > span:last-of-type{}*/
.art-grid-blq--hc-map .highcharts-coloraxis-labels > span:last-of-type span{
position: relative;
right: 26px;  
/*opacity: 0.6 !important;*/  
}







/*cifra label (sobre barra)*/
.highcharts-data-label text,
.highcharts-stack-labels text /*(sumatoria columns stack)*/
{
font-size: calc(var(--font-size-sm) - 1px) !important;	
line-height: calc(var(--line-height-xs) - 4px) !important;    
font-weight: 400 !important;	
font-variation-settings: "wght" 500 !important;	
fill: var(--base-a-1-100) !important;	
}
.highcharts-data-label .highcharts-text-outline{
fill: var(--trans) !important;
}

.highcharts-bar-series rect,
.highcharts-bar-series path,
.highcharts-column-series rect,
.highcharts-column-series path{
stroke: var(--base-a-1-100) !important;
stroke-width: 0.5;  
}

.highcharts-crosshair-category.highcharts-crosshair{
stroke: var(--base-a-4-60) !important;     
opacity: 0.5 !important;  
} 

/*highcharts-legend*/
path.highcharts-legend-nav-active {
fill: var(--base-a-1-100) !important;
}
path.highcharts-legend-nav-inactive {
fill: var(--base-a-3-100) !important;
}
/*.highcharts-legend g g g:last-of-type{
opacity: 1 !important;  
}*/
.highcharts-legend-item-hidden{
opacity: 0.5 !important;  
}
.highcharts-legend-item text {
text-decoration: none !important;
}



/* Clase para cuando todas las convenciones están activas */
.ver-todos-activo{
opacity: 0.5 !important;
cursor: pointer !important;
pointer-events: none;  
}

/* Clase para cuando alguna capa está oculta */
.ver-todos-inactivo{
opacity: 1 !important;
cursor: not-allowed !important;
pointer-events: auto;  
}


.highcharts-scrolling::-webkit-scrollbar {
width: 8px !important;
height: 8px !important;
background-color: var(--base-a-3-100) !important;
cursor: pointer !important;
}
.highcharts-scrolling::-webkit-scrollbar-thumb {
background-color: var(--base-a-4-100) !important;
border: .5px solid var(--base-a-2-100) !important;
border-radius: var(--border-r-base) !important;  
cursor: pointer !important;
}
.highcharts-scrolling::-webkit-scrollbar-track {
background-color: var(--base-a-5-100) !important;
cursor: ew-resize !important;
}


@media screen and (max-width:677px){
/*highcharts*/	
.art-grid-blq--hc .art-grid-blq--card-cont{
padding: 10px 45px 0px 10px;	
}		
.art-grid-blq.art-grid-blq--hc > .grp {
min-height: 70vh;
}	
.art-grid-blq.art-grid-blq--hc .card > article {
padding: 5px 0px 0px 0px;
}	
}