@charset "UTF-8";.grp-sticky{
position: absolute;
top: 0px;
left: 0px;
width: 210px;
height: calc(100% - 10px);
cursor: default;
visibility: hidden;
z-index: 30;
}.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;flex-direction: column;
visibility: hidden;
width: calc(100% - 15px);
height: auto;
max-height: 88.5vh;
margin: 0 auto;
margin-top: 7.5px;
}.mapa-h .grp-sticky{
height: calc(100% - 15px);
}
.mapa-h .convenciones{
max-height: 100%;
}.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);
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) + 1px);
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);
}.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;
}.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: 80vh;
overflow: auto;
}.art-img-md-mapa .grp-convenciones{
max-height: none;
overflow: none;
}
.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;
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: 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;
}
.grp-tit-convenciones + .grp-convenciones > .cj-conv:first-of-type > ul .item-conv:first-of-type{
padding: 10px 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) - 3.5px);
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-xs) - 5px);
font-weight: 550;
font-variation-settings: "wght" 650;
color: var(--base-a-1-100);
margin-top: 4px;
}.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 .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 > .num
{
margin-top: 1.8px;
}.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;
}.conv-btn{
position: relative;
cursor: pointer;
}.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 30px;
width: 30px;
height: 30px;
border-radius: 0px;
margin-right: 2px;
cursor: auto;
}
.grp-conv-instrc .btn .icn {
width: calc(100% - 5px);
height: calc(100% - 5px);
opacity: 0.75;
cursor: auto;
}.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);
}@media (hover: none) {
.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){
.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);
}.grp-sticky {
position: absolute;width: 220px;
}
.mapa .cont-sticky {
top: 160px;
}
.mapa .grp-sticky {
height: calc(100% - 75px);
}
.grp-conv-btn {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.mapa .convenciones {top: 107px;
}
.mapa .grp-convenciones {
max-height: calc(75vh - 20px);
}
.mapa-mov .grp-conv-btn{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 40px;
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 - 250px);
}.mapa .grp-convenciones{
opacity: 0.0;
visibility: hidden;
}
.mapa .grp-convenciones-act{
opacity: 1;
}
.mapa .grp-convenciones-vis{
visibility: visible;
}
.icn-mapa-1-1-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;
}
}