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

/*CONVENCIONES*/
.grp-sticky{
position: absolute;  
top: 0px;
left: 0px; 
width: 210px;   
height: calc(100% - 70px);	
cursor: default;
visibility: hidden; /*¡!*/  
z-index: 30;  
}

/*.convenciones{}*/
.mapa .convenciones{
position: -webkit-sticky !important;
position: sticky !important;
top: 10px; 
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
/*justify-content: stretch;*/
flex-direction: column;
visibility: hidden; /*¡!*/
width: calc(100% - 15px);  
height: auto;  
max-height: 88.5vh;
margin: 0 auto; 
margin-top: 7.5px;  
}

/*mapas orientación-h*/
/*ajusta height de convenciones en mapas con orientación apaisada para evitar desborde*/
.mapa-h .grp-sticky{
height: calc(100% - 20px);  
}
.mapa-h .convenciones{
max-height: 100%;  
}

/*--visibility: visible; desde acá:--*/
/*grp: título mapa + btn.ver/ocultar conv.*/
.grp-tit-convenciones{
width: 100%;
}
.conv--tit{ 
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;  
width: 100%;  
visibility: visible; 
background-color: var(--base-a-4-60); 
background-color: var(--bn-90);  
border: 1px solid var(--base-a-4-100);  
border-radius: var(--border-r-sm);
/*box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15);*/  
margin: 0px 0px 2px 0px;  
padding: 7px 10px 7px 10px; 
}
.conv--tit h5{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: calc(var(--font-size-xxs) + 2px);
line-height: calc(var(--line-height-xxs) + 2px);    
font-weight: 400;
font-variation-settings: "wght" 700;  
text-align: center;
color: var(--base-a-0-100);  
text-transform: uppercase;  
}
.conv--tit h5::selection {
background-color: var(--trans);
}

/*botón ver/ocultar convenciones (movil)*/
.grp-conv-btn{
display: none;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: relative;
width: 100%;  
z-index: 2;
visibility: visible;	
margin-bottom: 2px;  
}
.grp-conv-btn .btn {
flex: 0 0 30px;
width: 30px;
height: 30px;
}
.grp-conv-btn > div:last-of-type {
flex: 1;	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
width: auto;
height: 30px;
border-radius: var(--border-r-xs) var(--border-r-sm) var(--border-r-sm) var(--border-r-xs);
background-color: var(--bn-90);	
border: 1px solid var(--base-a-4-100);
cursor: pointer;
box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15);	
margin: 0px 0px 0px 3px;
padding: 0px 10px 0px 10px;
display: none;  
}


/*convenciones mapa*/
.grp-convenciones{
position: relative; /*¡!*/ 
width: 100%;
border-radius: var(--border-r-sm);  
background-color: var(--bn-90);	
border: 1px solid var(--base-a-4-100);
opacity: 1;
visibility: visible;  
padding: 0px 8px 7px 8px;  
max-height: calc(100vh - 35%);    
overflow: auto;  
}

.art-img-md-mapa .grp-convenciones{
max-height: none;  
overflow: none;
}
.grp-convenciones::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: var(--base-a-3-100);
cursor: pointer;
}
.grp-convenciones::-webkit-scrollbar-thumb {
background-color: var(--base-a-4-100);
border: .5px solid var(--base-a-2-100);
border-radius: var(--border-r-base);  
cursor: pointer !important;
}
.grp-convenciones::-webkit-scrollbar-track {
background-color: var(--base-a-5-100);
cursor: ew-resize;
}

.grp-conv-filtro-todos{
border-top: 0.5px solid var(--base-a-3-100);
border-bottom: 0.5px solid var(--base-a-3-100);
padding-top: 4px;  
padding-bottom: 2px;
/*-----*/  
/*sticky para listado largo de convenciones*/  
position: sticky !important;
top: 0px;
background-color: var(--base-a-6-100);
z-index: 3;  
/*-----*/  
}
.grp-conv-filtro-todos > *{
margin-top: 7px; 
}
.item-conv.mapa_temp_btnTodos{
opacity: 1 !important;
cursor: pointer;
}
.item-conv.mapa_temp_btnTodos .conv{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
}
.item-conv.mapa_temp_btnTodos .icn{
width: 25px;  
height: 25px;
opacity: 0.6;  
margin-top: 0px !important;  
}
.cj-conv{
border-top: 0.5px solid var(--base-a-3-100);  
margin-top: 5px;
padding-top: 0px;  
}
.grp-convenciones .cj-conv:first-of-type{  
border-top: none;
margin-top: 0px;  
padding-top: 0px;    
}
.grp-convenciones-filtro{
background-color: var(--base-a-6-100);
border: 0.5px solid var(--base-a-3-100);  
border-radius: var(--border-r-sm);
margin-top: 10px;  
padding: 5px;  
}
.grp-convenciones-filtro .cj-conv{
border-top: none;
margin-top: 0px;  
padding-top: 0px;  
}
.cj-conv ul{  
border-bottom: 0.5px solid var(--base-a-3-100);
margin-top: 3.5px;  
padding-bottom: 4px;
}
.cj-conv ul:first-of-type{
padding-top: 7px;  
}
.cj-conv ul:first-of-type{
padding-top: 0px;  
}
.cj-conv ul:last-of-type{
border-bottom: none;
padding-bottom: 0px;  
}
.mapa--subtit{
padding: 14px 5px 0px 5px;  
}
.mapa--subtit h6{
font-family: var(--fuente-secundaria);  
text-rendering: optimizeLegibility;
font-size: calc(var(--font-size-xs) - 2px);
line-height: calc(var(--line-height-xs) - 5px);  
font-weight: 550;
font-variation-settings: "wght" 750;
color: var(--base-a-1-100);
text-transform: uppercase;
margin-bottom: 2px;  
}
.mapa--subtit h6::selection {
background-color: var(--trans);
}

.mapa--subtit h6 sup{ 
vertical-align: text-bottom;  
}

.item-conv{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/*-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;*/
-webkit-flex-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
justify-content: flex-start;
flex-direction: row;
width: 100%;  
border-radius: var(--border-r-sm);
overflow: hidden;
cursor: default;  
margin: 0px 0px 2px 0px;
padding: 6px 8px 6px 5px;  
}

.item-conv-icn{
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;    
justify-content: flex-start;  
}
.cj-conv ul .item-conv:last-of-type{ 
margin: 0px 0px 0px 0px;  
}
.item-conv > .grp{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; 
justify-content: center;    
margin-top: 2px;        
}
.item-conv .conv{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;  
justify-content: center;
margin: 0px 7px 0px 0px;  
}

.item-conv-icn .conv{ 
margin: 0px 2px 0px 0px;    
}
.item-conv-icn .cj-icn {
flex: 0 0 30px;
width: 30px;
height: 30px;
margin: 0px 2px 0px 0px;  
}
.item-conv-icn .cj-icn .icn {
width: calc(100% - 5px);
height: calc(100% - 5px);
}

.item-conv .txt{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;  
z-index: 1; 
pointer-events: none;  
margin: 0px 0px 0px 2px; 
}
.item-conv-list .txt{
margin: 3px 0px 0px 0px;    
}

.item-conv .txt h6{
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;	
font-size: calc(var(--font-size-xs) + 1px);
line-height: calc(var(--line-height-xs) - 3px);    
font-weight: 500;
font-variation-settings: "wght" 700;
color: var(--base-a-0-100);
margin-top: 1px;  
margin-bottom: 2px;
}
.item-conv .txt h6::selection {
background-color: var(--trans);
}

.item-conv-list .txt h6{
margin-top: 0px;  
}
.item-conv-list .txt h6::selection {
background-color: var(--trans);
}

.cj-conv > .txt{
margin: 5px 0px 5px 0px;  
padding: 10px 10px 0px 10px;    
}
.cj-conv > .txt ul{
list-style-type: disc;
margin: 10px 0px 0px 0px;  
padding-left: 13px;  
}
.cj-conv > .txt li{
margin: 10px 0px 10px 0px;    
}

.cj-conv > .txt p,
.cj-conv > .txt ul li p{
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-xs);
line-height: calc(var(--line-height-xs) - 4px);    
font-weight: 500;
font-variation-settings: "wght" 600;  
color: var(--base-a-1-100);
margin-top: -0.8px;
margin-bottom: 0px;  
}





.item-conv > .txt p{
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-xs);
line-height: calc(var(--line-height-xs) - 4px);    
font-weight: 500;
font-variation-settings: "wght" 600;  
color: var(--base-a-1-100);
margin-top: -0.8px;
margin-bottom: 0px;  
}
.item-conv > .txt p sup{
position: relative;
font-size: calc(var(--font-size-xs) - 2px);
top: 1px;  
line-height: 0px;   
}

.item-conv > .txt p::selection {
background-color: var(--trans);
}

.item-conv-icn > .txt p{
margin-top: 0px;
margin-left: 2px;  
}

.item-conv > .txt p.conv-txt-cifra-1{
font-family: var(--fuente-principal);
text-rendering: optimizeLegibility;	
font-size: calc(var(--font-size-base) - 2px);
line-height: calc(var(--line-height-sm) - 2px);    
/*font-weight: 650;
font-variation-settings: "wght" 750;*/
font-weight: 550;
font-variation-settings: "wght" 650;  
color: var(--base-a-1-100);
}

.item-conv > .txt ul{
list-style-type: none;
margin: 2.5px 0px 0px 0px;  
}
.item-conv > .txt ul li{
margin-top: 4.5px; 
}
.item-conv > .txt ul li:first-of-type{
margin-top: 0px; 
}
.item-conv > .txt ul li h6{
font-size: var(--font-size-xxs);
line-height: calc(var(--line-height-xxs) - 3px);
font-weight: 550;
font-variation-settings: "wght" 650;  
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--base-a-1-100);  
}
.item-conv > .txt ul li p{
color: var(--base-a-0-100);  
margin: 0px;  
}
/*.item-conv > .txt ul li p sup{ 
vertical-align: text-bottom;  
}*/

.item-conv .conv > .dot,
.item-conv .conv > .ln,
.item-conv .conv > .icn,
.item-conv .conv > .pin,
.item-conv .conv > .num,
.item-conv .conv > .txt,
.item-conv .conv > .img,
.item-conv .conv > .barra{
position: relative;    
z-index: 1;  
}

.item-conv .conv > .icn,
.item-conv .conv > .barra{
margin-top: 5.2px;  
}
/*.item-conv .conv > .pin,*/
.item-conv .conv > .num
{
margin-top: 1.8px;  
}
/*.item-conv .conv > .dot{
margin-top: 2.2px;
margin-bottom: 3.5px;  
}*/
.item-conv .conv > .ln{
margin-top: 0.5px; 
}
.item-conv .conv > .txt{
margin-top: 2px;  
}

.item-conv .conv > .dot,
.item-conv .conv > .ln
{
width: 17px;  
height: 17px; 		
}

.item-conv .conv > .img{
width: 17px;  
height: 17px; 		
}

.item-conv .conv > .pin,
.item-conv .conv > .num
{
flex: 0 0 35px;
width: 35px;
height: 35px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;    
}

.item-conv .conv > .icn:not(.icn-bold){  
width: 25px;  
height: 25px;  
background-position: center;
background-size: contain;
background-repeat: no-repeat; 		
}

.item-conv .conv > .txt:not(.icn-bold){
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; 
justify-content: center;
flex: 0 0 22px;  
width: 22px;  
height: 22px;
border-radius: var(--border-r-xs);  
border: 0.5px solid var(--base-a-0-100); 
margin-left: 0px;
padding: 0px;  
}
.item-conv .conv > .txt:not(.icn-bold) p{
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-xs);
line-height: calc(var(--line-height-xs) - 2px);    
font-weight: 500;
font-variation-settings: "wght" 700;
text-align: center;  
color: var(--base-a-0-80);  
margin: 0px;  
}

.item-conv .conv > .ln,
.item-conv .conv > .barra{
width: auto;  
min-width: 18px;  
height: 16px;  		
}

.item-conv .conv > .dot{ 
border-radius: var(--border-r-100p);			
}
.item-conv .conv > .ln{
width: 100%;  
background-position: center;
background-repeat: no-repeat;
background-size: contain;   
}
.item-conv .conv > .img{  
background-position: center;
background-repeat: no-repeat;
background-size: contain; 
border-radius: var(--border-r-sm); 
margin-top: 2.2px;
margin-bottom: 4.2px;  
}

.item-conv-num{
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;  
}

.item-conv .conv > .barra{  
width: 100%;  
}
.item-conv-grad{
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;    
justify-content: flex-start;
flex-direction: column; 
}
.item-conv-grad .conv{ 
flex-direction: column;  
width: 100%;
margin-top: 4px;  
}
.item-conv-grad .conv .grad{
position: relative;    
width: 100%;  
height: 10px; 
z-index: 1;
border-radius: var(--border-r-xs);    
}
.item-conv-grad .conv .grp{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; 
justify-content: space-between;
flex-direction: row;  
width: 100%;
margin-top: 4px;  
padding: 0px 4px 0px 4px;    
}
.item-conv-grad .conv .grp .cj-icn{
flex: 0 0 12px;  
width: 12px;
height: 12px;
border-radius: 0px;
color: var(--base-a-1-90);
margin-top: 2px;
margin-bottom: 0px;  
}
.item-conv-grad .conv .grp p{
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;
font-size: calc(var(--font-size-xs) - 3px);
line-height: calc(var(--line-height-xs) - 5px);
font-weight: 500;
font-variation-settings: "wght" 600;
color: var(--base-a-1-90);
margin-top: 2px;
margin-bottom: 0px;  
}
.item-conv-grad .conv .grp p::selection{
background-color: var(--trans);
}
.item-conv-grad .conv .grp .cj-icn .icn{
position: relative;    
min-width: 16px;  
height: 16px; 
z-index: 1;  
margin-right: 7px;  
}

/*botones para convención mapa*/
.conv-btn{
position: relative;  
cursor: pointer;  
}
/*.conv-btn .frm{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: var(--base-a-4-70);   
z-index: 0;  
}*/
.conv-btn::before{
content: '';  
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: var(--base-a-4-70); 
z-index: 0;  
}

.grp-conv-instrc{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row; 
border-bottom: 0.5px solid var(--base-a-3-100);  
margin-bottom: -2px;
}
.grp-conv-instrc p::selection {
background-color: var(--trans);
}

.grp-conv-instrc + *{
border-top: none; 
}
.grp-conv-instrc .btn{
flex: 0 0 35px;
width: 35px;
height: 40px;
border-radius: 0px;
margin-right: 2px;
cursor: auto;
}
.grp-conv-instrc .btn .icn {
width: calc(100% - 10px);
height: calc(100% - 10px);
opacity: 0.75;
cursor: auto;
}

/*convenciones*/
/*.item-conv.conv-btn .frm{
opacity: 0; 
}
.item-conv.conv-btn:hover .frm{
opacity: 1; 
}*/
.conv-btn::before{
opacity: 0;  
}
.conv-btn:hover::before{
opacity: 1;  
}


.item-conv.mapa_temp_btnTodos{
background-color: var(--trans);
}
.item-conv.mapa_temp_btnTodos:hover{
background-color: var(--base-a-4-70);
}


/*5.----MEDIA QUERIES*/
@media screen and (max-width:1280px){
.grp-conv-btn .btn {
background-color: var(--base-a-0-70);
}
.grp-conv-btn:hover .btn {
background-color: var(--base-a-0-70);	
}
}

/*@media screen and (orientation:portrait){*/
@media screen and (max-width:851px){
/*CLASES ADAPT. MÓVIL*/  
.mapa-mov .grp-sticky{
position: absolute;
top: 0px;
left: 0px;
right: inherit;
-webkit-flex-align: flex-start; 
-ms-flex-align: flex-start; 
-webkit-align-items: flex-start; 
align-items: flex-start;  
width: 100%;
height: calc(100% - 170px);  
}
 
/*grupo convenciones*/
.grp-sticky {
position: absolute;
top: 0px;
left: auto;
right: 0px;
width: 220px;
}
  
/*mapa*/	
.mapa .cont-sticky {
top: 160px;
}  
  
.grp-conv-btn {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}  
 
.mapa .convenciones {
top: 145px;
} 
.mapa .grp-convenciones {
max-height: calc(50vh - 20px);
} 
.grp-convenciones::-webkit-scrollbar {
width: 0; /* Oculta la barra */
height: 0;
background-color: transparent; /* Fondo transparente */
}

.grp-convenciones::-webkit-scrollbar-thumb {
background-color: transparent; /* Hace invisible el "thumb" */
border: none;
}

.grp-convenciones::-webkit-scrollbar-track {
background-color: transparent;
}  
  
/*CLASES ADAPT. MÓVIL*/ 
.mapa-mov .grp-conv-btn{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100px;
margin-top: 13px;  
}   
.mapa-mov .convenciones {
top: 0px;
left: 16px;  
width: 100%;  
height: 100vh;  
margin: 10px 0px 15px 0px; 
padding-left: 10px;
padding-right: 10px;  
}  
.mapa-mov .grp-convenciones { 
width: 180px;  
max-height: calc(100vh - 150px);  
} 
  
/*----TRANSICIONES*/
/*ver/ocultar convenciones mapa*/
.mapa .grp-convenciones{  
opacity: 0.0;
visibility: hidden;	
}
.mapa .grp-convenciones-act{
opacity: 1;
}
.mapa .grp-convenciones-vis{
visibility: visible;	
}
.icn-mapa-conv-noact{
background-position: 30% 0%;	
}

.item-conv{
opacity: 1;		
}
.item-conv-act{
opacity: 1;	
}
.item-conv-inact{
opacity: 0.2;	
}   
} 

@media screen and (max-width:677px){
.mapa .cont-sticky {
top: 150px; 
}   
}