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


/*GENERAL*/
.art-grid-blq .grp .cj .mapa {
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: flex-start;
flex-direction: row; 
position: relative;  
border-radius: var(--border-r-base);	
/*overflow: hidden;*/ /*¡!*/
border: 0.2px solid var(--base-a-4-100);
background-image: url(../../../imagenes/globales-oafcds-v5/patrones/textura-1/textura-01.png);
background-position: center;
background-repeat: repeat;
background-size: auto;
  
contain: layout style paint; /*****/
will-change: transform; /*****/  
}

.mapa::before {
content: '';
position: absolute;
top: 50%;
left: calc(50% + 75px);
transform: translateX(-50%) translateY(-50%);
width: 150px;
height: 150px;
z-index: 0;
background-image: url("../../../imagenes/globales-oafcds-v5/iconos/cont/base/a/2/sprite-cont-base-a-2-v3.png");
background-position: 40% 5%;
background-repeat: no-repeat;
background-size: auto 2100%;
opacity: 0.4;    
}

/*IMÁGENES / CAPA MAPA*/
.mapa > .img { 
position: relative;
/*width: 100%;*/  
width: calc(100% - 210px);
/*height: auto;*/  
/*height: 100%;*/ /*ok*/  
border-radius: 0px var(--border-r-base) var(--border-r-base) 0px;  
background-color: var(--base-a-6-100);
border-left: 0.1px solid var(--base-a-4-100);  
overflow: hidden;
margin-left: 210px;  
}

.mapa > .img picture img { 
will-change: scroll-position, transform, opacity; /*****/  
}

.mapa.mapa-no-conv > .img {
width: 100%;
border-radius: var(--border-r-base);  
margin-left: 0px;  
}

.mapa > .img::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: var(--base-a-3-100);
cursor: pointer;
}
.mapa > .img::-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;
}
.mapa > .img::-webkit-scrollbar-track {
background-color: var(--base-a-5-100);
cursor: ew-resize;
}

.mapa > .img picture { 
z-index: 2;  
}

.mapa--capa{
position: absolute;
top: 0px; 
left: 0px;	
width: 100%;
height: 100%;  
will-change: opacity;   
}
.mapa--capa-svg {
z-index: 3;
}
.mapa--capa-top {
opacity: 1;
z-index: 4 !important;  
}
.mapa--capa-txt {
opacity: 1;
z-index: 5 !important;  
}

.mapa--capa-flotante {
position: absolute;
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;
z-index: 6 !important; 
overflow: hidden;  
}
.mapa--capa-flotante-top-left {
top: 7px;
left: 7px;  
}
.mapa--capa-flotante-top-right {
top: 7px;
right: 7px;  
}
.mapa--capa-flotante-bottom-right {
bottom: 7px;
right: 7px;  
}
.mapa--capa-flotante-bottom-left {
bottom: 7px;
left: 7px;  
}

.mapa--capa-zoom { 
border-radius: var(--border-r-base);
border: 0.5px solid var(--base-a-4-100);  
overflow: hidden;
box-shadow: 
  0 0 0 1px rgba(53, 72, 91, .07), 
  0 2px 2px rgba(0, 0, 0, .01), 
  0 4px 4px rgba(0, 0, 0, .02), 
  0 10px 8px rgba(0, 0, 0, .03), 
  0 15px 15px rgba(0, 0, 0, .03), 
  0 30px 30px rgba(0, 0, 0, .04), 
  0 70px 65px rgba(0, 0, 0, .05);  
}
.mapa--capa-zoom img { 
width: 120px !important;
height: auto !important; 
}

.mapa--capa-rosa {
max-height: 100px !important;  
}
.mapa--capa-rosa img{
max-height: 100px !important;
}

.svg-capa-transicion {
transition: opacity 0.5s ease-in-out;
}
.svg-capa-transicion-single {
transition: opacity 0.5s ease-in-out;
}

.mapa-capa-toggle .mapa--capa-anim{
opacity: 1;
}
.capa-mapa-op100{
opacity: 1 !important; 
}
.capa-mapa-op50{
opacity: 0.50 !important; 
}
.capa-mapa-op0{
opacity: 0 !important; 
}

.capa-mapa-op100-single{
opacity: 1 !important; 
}
.capa-mapa-op50-single{
opacity: 0.50 !important; 
}
.capa-mapa-op0-single{
opacity: 0 !important; 
}

/*----MAPA EN IMG MEDIUM MD*/
article.art-img-md-mapa{
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: center;
flex-direction: row;
position: relative;	
width: calc(100% - 100px);  
min-width: 900px;	
max-width: 1000px;	
height: auto;	
border-radius: var(--border-r-md);
overflow: hidden;
background-color: var(--bn-100);
border: 0.5px solid var(--base-a-4-100);
z-index: 1;
box-shadow: 
  0 0 0 1px rgba(53, 72, 91, .07), 
  0 2px 2px rgba(0, 0, 0, .01), 
  0 4px 4px rgba(0, 0, 0, .02), 
  0 10px 8px rgba(0, 0, 0, .03), 
  0 15px 15px rgba(0, 0, 0, .03), 
  0 30px 30px rgba(0, 0, 0, .04), 
  0 70px 65px rgba(0, 0, 0, .05);  
margin-top: 0px;	
padding: 0px;    
}
article.art-img-md-mapa .img{	
position: relative;
flex: 1;
}
section .blq-wrapper article.art-img-md-mapa{
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: center;
flex-direction: row;	
width: calc(100% + 100px);
height: 70vh;	
border-radius: var(--border-r-md);
overflow: hidden;
background-color: var(--bn-100);
border: 0.5px solid var(--base-a-4-100);
margin-top: 0px;	
padding: 0px;
}
section .blq-wrapper article.art-img-md-mapa .img{	
position: relative;
flex: 1;
/*aspect-ratio: 3 / 2;*/	
}
.art-img-md-mapa .img picture {
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%;	
height: 100%;	
}
.art-img-md-mapa .img picture img {
object-fit: contain;
}
.art-img-md-mapa .img picture img.img-cover {
object-fit: cover;
}

/*----TRANSICIONES*/
/*mapas*/
/* Fade carga imágenes mapas */
.img-mapa {
position: relative;  
will-change: opacity;
opacity: 0;
transition: opacity 0.5s ease;
}
.img-mapa.loaded {
opacity: 1; 
}


/*CLASES ADAPT. MÓVIL*/
/*bloquear scroll y al abrir el mapa*/
.body-mapa-mov{
overflow: hidden;
height: 100vh;
}

/*caja botón*/
.art-grid-blq.artGridBlqMapaMov{  
width: calc(100% - 50px);
box-shadow: none;
border: none;  
border-radius: var(--border-r-base) !important;
background-image:url("../../../imagenes/globales-oafcds-v5/fondos/fondos-botones/boton-mapa-mov/regular/fondo-boton-01-dk.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;  
margin: 5px 0px 5px 0px;  
padding: 0px;  
}
.art-grid-blq.artGridBlqMapaMov{  
width: calc(100% - var(--ancho-desborde-tablet));
overflow: visible;
  
box-shadow: 
  0 0 0 1px rgba(53, 72, 91, .07), 
  0 2px 2px rgba(0, 0, 0, .01), 
  0 4px 4px rgba(0, 0, 0, .02), 
  0 10px 8px rgba(0, 0, 0, .03), 
  0 15px 15px rgba(0, 0, 0, .03), 
  0 30px 30px rgba(0, 0, 0, .04), 
  0 70px 65px rgba(0, 0, 0, .05);
  
padding: 0px;  
}

/*elemento para opción anchor al cerrar mapa*/
/*.art-grid-blq.artGridBlqMapaMov > div:first-of-type{ 
position: absolute;
bottom: 0px;
left: 0px;
width: 1px;
height: 400px;  
z-index: 2;
opacity: 0;  
}*/

.art-grid-blq.artGridBlqMapaMov .grp{
padding: 0px;  
}
.art-grid-blq.artGridBlqMapaMov .grp .cj {
min-height: auto;
padding: 0px;  
}
.conv--tit.conv--tit-mov {
min-height: 70px;  
flex-direction: row;
justify-content: flex-start;
background-color: var(--trans);
border-radius: none;
border: none;  
box-shadow: none;  
margin: 0px 0px 0px 0px;
padding: 15px;  
}

.conv--tit.conv--tit-mov .btn{  
margin-right: 10px;  
}
.conv--tit.conv--tit-mov h5 {
font-family: var(--fuente-creditos);
text-rendering: optimizeLegibility;
font-size: var(--font-size-xxs);
line-height: var(--line-height-xxs);
font-weight: 400;
font-variation-settings: "wght" 700;
text-align: left;  
color: var(--bn-100);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0px;
}
.btn-mapa-mov{
position: absolute;
top: 10px;
left: 10px;  
background-color: var(--base-a-1-100);  
}
.btn-mapa-mov a{
position: absolute;
top: 0px;
left: 0px;  
z-index: 2;
opacity: 0;  
}

/*mapa mov (modal)*/
.mapa-mov{
/*height: 100vh;*/
height: 100%;  
/*background-color: var(--bn-100);*/
background-color: var(--base-a-5-100);  
opacity: 0.0;
padding: 0px 0px 75px 0px;  
}
/*.mapa-mov .img-mapa picture:first-of-type{}*/
.mapa-mov .conv--tit {
width: calc(100% - 48px);  
height: 40px;
margin-left: 48px;  
}
.mapa-mov .conv--tit h5 {
font-size: calc(var(--font-size-xxs) + 1px);
line-height: calc(var(--line-height-xxs) - 0.5px);
}

.mapa-mov .pie-mapa{
top: 63px;
right: 10px;
left: auto;
max-width: 200px;  
-webkit-flex-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end; 
flex-direction: column;  
}
.mapa-mov .pie-mapa .bnt-pie {
height: auto;  
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.mapa-mov .pie-mapa > .txt {
margin: 2px 0px 0px 0px;
}

/*transición mapa móvil*/
.mapa-mov-dis-block {
display: block !important;
}
.mapa-mov-op100 {
opacity: 1;
}
.mapa-mov-op0 {
opacity: 0;
}

/*5.----MEDIA QUERIES*/
@media screen and (orientation:landscape) and (max-width:1280px){
/*.grp-convenciones {
max-height: calc(100% - 60px) !important;  
}*/
.art-grid-blq .grp .cj .mapa > .img {
/*width: 100%;*/  
overflow-x: auto; 
overflow-y: hidden;  
}	
.art-grid-blq .grp .cj .mapa > .img picture, 
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-anim,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-top,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-txt{
width: 130%;	
}	  
}

@media screen and (orientation:landscape) and (max-width:1180px){	
.art-grid-blq .grp .cj .mapa > .img picture, 
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-anim,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-top,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-txt{
width: 160%;	
}	  
}

@media screen and (orientation:landscape) and (max-width:1024px){	
.art-grid-blq .grp .cj .mapa > .img picture, 
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-anim,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-top,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-txt{
width: 180%;	
}	  
}

@media screen and (max-width:1024px){
/*----MAPA EN IMG MEDIUM MD*/  
article.art-img-md-mapa {
min-width: auto;    
max-width: calc(750px + 40px);    
}
}

/*@media screen and (orientation:portrait){*/
@media screen and (max-width:851px){
  
.mapa::before {
left: calc(50% + 0px);    
}  
  
.art-grid-blq .grp .cj .mapa > .img,
.mapa.mapa-mov > .img   
{
width: 100%;  
overflow-x: auto;
border-left: none;  
margin-left: 0px;  
}	
  
.mapa > .img::-webkit-scrollbar {
width: 0; /* oculta la barra */
height: 0;
background-color: transparent; /* fondo trans */
}
.mapa > .img::-webkit-scrollbar-thumb {
background-color: transparent; /* invisible "thumb" */
border: none;
}
.mapa > .img::-webkit-scrollbar-track {
background-color: transparent;
}  
  
/*ajuste evitar solapar tit mapa con mapa*/  
.mapa.mapa-mov > .img{
top: 57px;  
height: calc(100% + 18px);
border-top: 1px solid var(--base-a-4-100);
border-bottom: 1px solid var(--base-a-4-100);  
border-radius: 0px;  
opacity: 1;  
}	 
  
.art-grid-blq .grp .cj .mapa > .img .mapa--capa-svg,
.art-grid-blq .grp .cj .mapa > .img picture, 
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-anim,  
.art-grid-blq .grp .cj .mapa > .img picture.mapa--capa-txt{
width: 200%;  
}
  
/*.mapa.mapa-mov > .img .mapa--capa-svg,*/  
.mapa.mapa-mov > .img picture, 
.mapa.mapa-mov > .img picture.mapa--capa,  
.mapa.mapa-mov > .img picture.mapa--capa-anim,  
.mapa.mapa-mov > .img picture.mapa--capa-txt{
height: 100%;
width: max-content; 
width: -webkit-max-content;  
}	
  
.mapa.mapa-mov > .img .mapa--capa-svg{
width: auto;
}  
     
.mapa.mapa-mov > .img picture img,
.mapa.mapa-mov > .img picture.mapa--capa img, 
.mapa.mapa-mov > .img picture.mapa--capa-anim img,
.mapa.mapa-mov > .img picture.mapa--capa-txt img
{
width: auto;  
object-fit: contain; 
object-position: left;  
}  
 
.mapa.mapa-mov > .img picture.mapa--capa-zoom{
height: auto;
}  
.mapa.mapa-mov > .img picture.mapa--capa-zoom img {
width: 100px;
height: auto;
}  
.mapa--capa-flotante-top-left {
top: auto;
bottom: 20px;  
left: 5px;  
}
.mapa--capa-flotante-top-right{
top: auto;
bottom: 20px;
right: auto;  
left: 5px; 
}
 
  
/*----MAPA EN IMG MEDIUM MD*/
article.art-img-md-mapa {
width: 100%;    
min-width: auto;
max-width: calc(100% - 40px) !important;
}
}	

@media screen and (max-width:677px){
.art-grid-blq.artGridBlqMapaMov {
width: calc(100% - 40px);
}
  
/*----MAPA EN IMG MEDIUM MD*/ 
article.art-img-md-mapa {
flex-direction: column;
width: 100%;     
max-width: none !important;	
max-height: none;
border-radius: 0px;
border: none;	
}
article.art-img-md-mapa .img {
border-bottom: 0.5px solid var(--base-a-4-100);
}
article.art-img-md-mapa .img:last-of-type {
border-bottom: none;
}    
article.art-img-md-mapa .img picture {
height: auto;    
max-height: 75vh;
} 
article.art-img-md-mapa .img picture img {
height: auto;    
max-height: 75vh;
}  
}