/* Mapa Global OC ---------------------------------------------------------- */
/* Variables Colores */
:root {
	--mapaoc-color-naranja: #ff4600;
	--mapaoc-color-gris-10: #efefef;
	--mapaoc-color-gris-20: #dfdfdf;
	--mapaoc-color-gris-30: #cecece;
	--mapaoc-color-gris-40: #bebebe;
	--mapaoc-color-gris-50: #aeaeae;
	--mapaoc-color-gris-60: #9e9e9e;
	--mapaoc-color-gris-70: #8e8e8e;
	--mapaoc-color-gris-80: #7d7d7d;
	--mapaoc-color-gris-90: #6e6e6e;
	--mapaoc-color-gris-100: #5d5d5d;
	--mapaoc-color-gris-osc-75: #404040;
	--mapaoc-color-gris-osc-80: #4f4f4f;
	--mapaoc-color-gris-osc-85: #444444;
	--mapaoc-color-gris-osc-90: #393939;
	--mapaoc-color-gris-osc-95: #2e2e2e;
	--mapaoc-color-gris-osc: #232323;
	--mapaoc-color-gris-osc-rgb: 35, 35, 35;
	--mapaoc-color-cat001: #ff8700; /* Reconocimiento limitado */
	--mapaoc-color-cat002: #ff272d; /* Reconocimiento no limitado */
	--mapaoc-color-cat003: #00a254; /* Prohibición */
	--mapaoc-color-cat004: #666666; /* Sin reconocimiento */
	--mapaoc-color-cat001-over: #cc6c00;
	--mapaoc-color-cat002-over: #cc1f24;
	--mapaoc-color-cat003-over: #008243;
	--mapaoc-color-cat004-over: #525252;
	--mapaoc-color-cat001-over-zoom: #ffab4d;
	--mapaoc-color-cat002-over-zoom: #ff686c;
	--mapaoc-color-cat003-over-zoom: #4dbe88;
	--mapaoc-color-cat004-over-zoom: #949494;
	--mapaoc-color-referencia-si: #7df1d6;
	--mapaoc-color-referencia-no: #c5b1ff;
	--mapaoc-color-referencia-sininformacion: #bdbdbd;
	--mapaoc-color-detalles-adicional-link: #ffc23d;
	--mapaoc-detalles-scrollbar-width: 8px;
	
	--mapaoc-color-crema: #f8e3b7;

	--mapaoc-color-negro: #000000;
	--mapaoc-color-negro-rgb: 0, 0, 0;
	--mapaoc-color-blanco: #ffffff;
	--mapaoc-color-blanco-rgb: 255, 255, 255;
}







.mapaoc-idioma{
	display: flex;
	align-items: center;
	justify-content: center;

	position: absolute;
	right: 0;
	top: -7px;
	user-select: none;
}
.mapaoc-idioma a{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: var(--mapaoc-color-blanco);
	border-radius: 4px;
	border: 1px solid var(--mapaoc-color-gris-60);
	color: var(--mapaoc-color-gris-100);
	font-size: 14px;
	line-height: 1;
	min-height: 28px;
	padding: 4px 8px;
	pointer-events: all;
	text-decoration: none;
	text-transform: uppercase;
}
html.no-touchevents .mapaoc-idioma a:hover{
	background-color: var(--mapaoc-color-gris-osc);
	border-color: var(--mapaoc-color-gris-osc);
	color: var(--mapaoc-color-blanco);
	text-decoration: none;
}


@media only screen and (max-width: 970px){
	#mapaoc{
		margin-top: 30px;
	}
	.mapaoc-idioma a{
		border-color: var(--mapaoc-color-gris-20);
	}
}




#mapaoc{
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.3;
	padding-top: 10px;
	position: relative;
}


#mapaoc #mapaoc-solapas{
	display: flex;
	justify-content: center;

	padding: 0 10px;
}
#mapaoc #mapaoc-solapas .solapa{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: var(--mapaoc-color-gris-20);
	border-radius: 6px;
	color: var(--mapaoc-color-gris-osc-75);
	cursor: pointer;
	font-size: 20px;
	font-weight: 700;
	height: 50px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	user-select: none;
	width: 200px;
	-webkit-tap-highlight-color: transparent;
}
#mapaoc #mapaoc-solapas .solapa:last-of-type{
	margin-right:0;
}
html.no-touchevents #mapaoc #mapaoc-solapas .solapa:hover{
	background-color: var(--mapaoc-color-gris-40);
	color: var(--mapaoc-color-gris-osc);
}


#mapaoc[data-solapas-activa="categorias"] #mapaoc-solapas .solapa[data-solapa="categorias"],
#mapaoc[data-solapas-activa="indicadores"] #mapaoc-solapas .solapa[data-solapa="indicadores"],
#mapaoc[data-solapas-activa="paises"] #mapaoc-solapas .solapa[data-solapa="paises"]{
	background-color: var(--mapaoc-color-gris-osc) !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: var(--mapaoc-color-blanco) !important;
	transition: none;
}
#mapaoc[data-solapas-activa="categorias"] #mapaoc-solapas .solapa[data-solapa="categorias"]:after,
#mapaoc[data-solapas-activa="indicadores"] #mapaoc-solapas .solapa[data-solapa="indicadores"]:after,
#mapaoc[data-solapas-activa="paises"] #mapaoc-solapas .solapa[data-solapa="paises"]:after,
#mapaoc[data-solapas-activa=""][data-solapas-ultima="categorias"] #mapaoc-solapas .solapa[data-solapa="categorias"]:after,
#mapaoc[data-solapas-activa=""][data-solapas-ultima="indicadores"] #mapaoc-solapas .solapa[data-solapa="indicadores"]:after,
#mapaoc[data-solapas-activa=""][data-solapas-ultima="paises"] #mapaoc-solapas .solapa[data-solapa="paises"]:after{
	background-color: var(--mapaoc-color-gris-osc);
	bottom: -10px;
	content: '';
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	width: 100%;
}
#mapaoc[data-solapas-activa=""][data-solapas-ultima="categorias"] #mapaoc-solapas .solapa[data-solapa="categorias"]:after,
#mapaoc[data-solapas-activa=""][data-solapas-ultima="indicadores"] #mapaoc-solapas .solapa[data-solapa="indicadores"]:after,
#mapaoc[data-solapas-activa=""][data-solapas-ultima="paises"] #mapaoc-solapas .solapa[data-solapa="paises"]:after{
	bottom: -15px;
	height: 5px;
	z-index: 1;
}


#mapaoc #mapaoc-solapas-menu{
	position: relative;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu{
	background-color: var(--mapaoc-color-gris-osc);
	display: none;
	position: absolute;
	width: 100%;
	z-index: 4;
}
#mapaoc[data-solapas-activa="categorias"] #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"],
#mapaoc[data-solapas-activa="indicadores"] #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"],
#mapaoc[data-solapas-activa="paises"] #mapaoc-solapas-menu .solapa-menu[data-solapa="paises"]{
	display: block;
}




#mapaoc #mapaoc-solapas-menu .solapa-menu .solapa-menu-grid{
	padding: 0 60px;
	position: relative;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu .solapa-menu-grid #solapa-menu-cerrar{
	display: flex;
	align-items: center;
	justify-content: center;

	height: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu .solapa-menu-grid #solapa-menu-cerrar:after{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: rgba( var(--mapaoc-color-blanco-rgb), 0.05 );
	border-radius: 100%;
	color: rgba( var(--mapaoc-color-blanco-rgb), 0.5 );
	content: '\f00d';
	cursor: pointer;
	font-family: 'Font Awesome 5';
	font-size: 14px;
	font-weight: 900;
	height: 100%;
	transition: all .2s ease-in-out;
	width: 100%;
}
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu .solapa-menu-grid #solapa-menu-cerrar:hover:after{
	background-color: rgba( var(--mapaoc-color-negro-rgb),0.5 );
	color: rgba( var(--mapaoc-color-blanco-rgb), 1.0 );
}


#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .solapa-menu-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 190px));
	grid-gap: 0 20px;
	justify-content: center;

	padding: 0 60px;
}

#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item{
	display: flex;

	color: rgba( var(--mapaoc-color-blanco-rgb), 0.8 );
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	height: 64px;
	line-height: 1.2;
	margin-top: 8px;
	padding-bottom: 8px;
	position: relative;
	transition: all .2s ease-in-out;
	user-select: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias-menu-estado="activa"],
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias-menu-estado=""]:hover{
	color: rgba( var(--mapaoc-color-blanco-rgb), 1.0 );
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat001"][data-categorias-menu-estado="activa"]{
	background-color: var(--mapaoc-color-cat001);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat002"][data-categorias-menu-estado="activa"]{
	background-color: var(--mapaoc-color-cat002);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat003"][data-categorias-menu-estado="activa"]{
	background-color: var(--mapaoc-color-cat003);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat004"][data-categorias-menu-estado="activa"]{
	background-color: var(--mapaoc-color-cat004);
}

#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item:after{
	background-color: var(--mapaoc-color-blanco);
	bottom: 4px;
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	transition: all .2s ease-in-out;
	width: 100%;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat001"]:after,
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat001"]:hover:after{
	background-color: var(--mapaoc-color-cat001);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat002"]:after,
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat002"]:hover:after{
	background-color: var(--mapaoc-color-cat002);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat003"]:after,
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat003"]:hover:after{
	background-color: var(--mapaoc-color-cat003);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat004"]:after,
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat004"]:hover:after{
	background-color: var(--mapaoc-color-cat004);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias-menu-estado="activa"]:after{
	background-color: var(--mapaoc-color-gris-osc);
}

html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias-menu-estado=""]:hover:after{
	bottom: -4px;
	height: 12px;
}

#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.nombre{
	margin-right: 40px;
	margin-top: 4px;
	padding-left: 8px;
	transition: padding-left .1s ease-in-out;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.info{
	cursor: pointer;
	display: block;
	height: 30px;
	position: absolute;
	right: 8px;
	top: 0;
	width: 30px;
	z-index: 1;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.info:after{
	display: flex;
	align-items: center;
	justify-content: flex-end;

	color: rgba( var(--mapaoc-color-blanco-rgb), 0.2 );
	content: '\f05a';
	font-family: 'Font Awesome 5';
	font-size: 16px;
	font-weight: 900;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .1s ease-in-out;
	width: 100%;
}
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.info{
	display: none;
	pointer-events: none;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias-menu-info-estado="activa"] span.info:after,
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.info:hover:after{
	color: rgba( var(--mapaoc-color-blanco-rgb), 1.0 ) !important;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.info:after{
	color: rgba( var(--mapaoc-color-blanco-rgb), 0.6 );
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.info-texto{
	background-color: rgba( var(--mapaoc-color-gris-osc-rgb), 0.9 );
	border-top: 4px solid var(--mapaoc-color-gris-osc);
	box-shadow: 0 4px 8px rgba( var(--mapaoc-color-negro-rgb), 0.5 );
	box-sizing: border-box;
	color: var(--mapaoc-color-blanco);
	font-size: 14px;
	margin-top: 20px;
	opacity: 0;
	padding: 10px;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transform: translateY( -10px );
	transition: all 0.3s ease;
	user-select: none;
	visibility: hidden;
	width: 100%;
	z-index: 2;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias-menu-info-estado="activa"] span.info-texto{
	opacity: 1;
	transform: translateY( 0 );
	visibility: visible;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat001"] span.info-texto{
	border-top-color: var(--mapaoc-color-cat001);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat002"] span.info-texto{
	border-top-color: var(--mapaoc-color-cat002);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat003"] span.info-texto{
	border-top-color: var(--mapaoc-color-cat003);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat004"] span.info-texto{
	border-top-color: var(--mapaoc-color-cat004);
}

#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item span.info-texto:before{
	display: flex;
	justify-content: center;
	align-items: center;

	content: '\f0d8';
	font-family: 'Font Awesome 5';
	font-size: 30px;
	font-weight: 900;
	left: 0;
	position: absolute;
	top: -26px;
	width: 100%;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat001"] span.info-texto:before{
	color: var(--mapaoc-color-cat001);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat002"] span.info-texto:before{
	color: var(--mapaoc-color-cat002);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat003"] span.info-texto:before{
	color: var(--mapaoc-color-cat003);
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .item[data-categorias="cat004"] span.info-texto:before{
	color: var(--mapaoc-color-cat004);
}




#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .solapa-menu-grid{
	display: grid;
	grid-template-columns: repeat(4, minmax(190px, 230px));
	grid-gap: 16px;
	justify-content: center;

	padding-bottom: 20px;
	padding-top: 20px;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .item{
	display: flex;
	align-items: center;

	background-color: var(--mapaoc-color-gris-osc-90);
	border-radius: 4px;
	box-sizing: border-box;
	color: var(--mapaoc-color-blanco);
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	padding: 8px 10px;
	transition: all .2s ease-in-out;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .item span.iniciales{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: var(--mapaoc-color-gris-40);
	border-radius: 2px;
	color: var(--mapaoc-color-negro);
	font-family: var(--font-mono);
	font-size: 11px;
	font-weight: 900;
	height: 20px;
	margin-right: 10px;
	min-width: 20px;
	text-align: center;
	transition: all .2s ease-in-out;
	width: 20px;
}
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .item:hover{
	background-color: var(--mapaoc-color-gris-osc-85);
}
html.no-touchevents #mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .item:hover span.iniciales{
	background-color: var(--mapaoc-color-blanco);
}

#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .item[data-indicadores-menu-estado="activa"]{
	background-color: var(--mapaoc-color-gris-20) !important;
	color: var(--mapaoc-color-gris-osc) !important;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .item[data-indicadores-menu-estado="activa"] span.iniciales{
	background-color: var(--mapaoc-color-gris-osc) !important;
	color: var(--mapaoc-color-blanco) !important;
}




#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="paises"] #mapaoc-paises-buscador{
	display: flex;
	align-items: center;
	justify-content: center;

	padding-bottom: 20px;
	padding-top: 20px;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="paises"] .mapaoc-paises-buscador-inner{
	position: relative;
	width: 420px;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="paises"] .mapaoc-paises-buscador-form,
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="paises"] .mapaoc-paises-buscador-form .easy-autocomplete{
	width: 100% !important;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="paises"] .mapaoc-paises-buscador-form input{
	appearance: none;
	border-radius: 8px;
	border: 0;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: 600;
	height: 50px;
	outline: none;
	padding: 4px 16px 4px 50px;
	width: 100%;
}
#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="paises"] #mapaoc-paises-buscador .paises-lista{
	background-color: var(--mapaoc-color-blanco);
	height: 360px;
	left: 0;
	overflow-y: scroll;
	position: absolute;
	top: 50px;
	width: 100%;
	z-index: 1;
}


#mapaoc-paises-buscador .easy-autocomplete{
	position: relative;
}
#mapaoc-paises-buscador .easy-autocomplete:before{
	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--mapaoc-color-gris-100);
	content: '\f002';
	font-family: 'Font Awesome 5';
	font-size: 22px;
	font-weight: 900;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50px;
}
#mapaoc-paises-buscador .easy-autocomplete-container ul{
	background-color: var(--mapaoc-color-gris-10);
	border-radius: 4px;
	border-top: none;
	box-shadow: 0 4px 10px rgba( var(--mapaoc-color-negro-rgb) ,0.3 );
	overflow: hidden;
	top: 2px;
}
#mapaoc-paises-buscador .easy-autocomplete-container ul li,
#mapaoc-paises-buscador .easy-autocomplete-container ul .eac-category{
	border: 0;
	font-size: 24px;
	padding: 8px 20px;
}
#mapaoc-paises-buscador .easy-autocomplete-container ul li b{
	font-weight: 600;
}

#mapaoc-paises-buscador .easy-autocomplete-container ul li.selected{
	background-color: var(--mapaoc-color-gris-40);
	color: var(--mapaoc-color-blanco);
}
#mapaoc-paises-buscador .easy-autocomplete-container ul[data-categorias="cat001"] li.selected{
	background-color: var(--mapaoc-color-cat001);
}
#mapaoc-paises-buscador .easy-autocomplete-container ul[data-categorias="cat002"] li.selected{
	background-color: var(--mapaoc-color-cat002);
}
#mapaoc-paises-buscador .easy-autocomplete-container ul[data-categorias="cat003"] li.selected{
	background-color: var(--mapaoc-color-cat003);
}
#mapaoc-paises-buscador .easy-autocomplete-container ul[data-categorias="cat004"] li.selected{
	background-color: var(--mapaoc-color-cat004);
}





#mapaoc-mundo{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: var(--mapaoc-color-gris-20);
	border-top: 1px solid var(--mapaoc-color-gris-40);
	position: relative;
}

#mapaoc-mundo-zoom-efecto{
	background-color: var(--mapaoc-color-gris-20);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#mapaoc-mundo #mapaoc-mundo-contenedor{
	display: flex;
	align-items: flex-start;
	justify-content: center;

	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

html.touchevents #mapaoc-mundo #mapaoc-mundo-contenedor{
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
#mapaoc-mundo #mapaoc-mundo-contenedor::-webkit-scrollbar{
	display: none;
}




#mapaoc-mundo svg{
	height: auto;
	max-width: 1181px;
	width: 100%;
}
@media only screen and (max-height: 760px){
	#mapaoc-mundo svg{
		max-width: 740px;
	}
}


html.no-touchevents #mapaoc[data-zoom="activa"] #mapaoc-mundo svg:hover{
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

#mapaoc-mundo svg path{
	cursor: pointer;
	pointer-events: none;
	stroke-width: 1px;
	stroke: var(--mapaoc-color-gris-20);
	transition: fill .2s ease-in-out;
	-webkit-tap-highlight-color: transparent;
}
#mapaoc-mundo svg path[data-mundo-pais-categoria]{
	pointer-events: auto;
}

#mapaoc[data-paneo="activa"] #mapaoc-mundo svg path{
	pointer-events: none;
}

#mapaoc-mundo svg path[data-mundo-pais-categoria="cat001"]{
	fill: var(--mapaoc-color-cat001);
}
#mapaoc-mundo svg path[data-mundo-pais-categoria="cat002"]{
	fill: var(--mapaoc-color-cat002);
}
#mapaoc-mundo svg path[data-mundo-pais-categoria="cat003"]{
	fill: var(--mapaoc-color-cat003);
}
#mapaoc-mundo svg path[data-mundo-pais-categoria="cat004"]{
	fill: var(--mapaoc-color-cat004);
}

html.no-touchevents #mapaoc[data-zoom="activa"] svg path[data-mundo-pais-categoria="cat001"]:hover{
	fill: var(--mapaoc-color-cat001-over-zoom);
}
html.no-touchevents #mapaoc[data-zoom="activa"] svg path[data-mundo-pais-categoria="cat002"]:hover{
	fill: var(--mapaoc-color-cat002-over-zoom);
}
html.no-touchevents #mapaoc[data-zoom="activa"] svg path[data-mundo-pais-categoria="cat003"]:hover{
	fill: var(--mapaoc-color-cat003-over-zoom);
}
html.no-touchevents #mapaoc[data-zoom="activa"] svg path[data-mundo-pais-categoria="cat004"]:hover{
	fill: var(--mapaoc-color-cat004-over-zoom);
}

html.no-touchevents #mapaoc-mundo svg path[data-mundo-pais-categoria="cat001"]:hover,
html.no-touchevents #mapaoc[data-zoom=""] svg path[data-mundo-pais-categoria="cat001"]:hover{
	fill: var(--mapaoc-color-cat001-over);
}
html.no-touchevents #mapaoc-mundo svg path[data-mundo-pais-categoria="cat002"]:hover,
html.no-touchevents #mapaoc[data-zoom=""] svg path[data-mundo-pais-categoria="cat002"]:hover{
	fill: var(--mapaoc-color-cat002-over);
}
html.no-touchevents #mapaoc-mundo svg path[data-mundo-pais-categoria="cat003"]:hover,
html.no-touchevents #mapaoc[data-zoom=""] svg path[data-mundo-pais-categoria="cat003"]:hover{
	fill: var(--mapaoc-color-cat003-over);
}
html.no-touchevents #mapaoc-mundo svg path[data-mundo-pais-categoria="cat004"]:hover,
html.no-touchevents #mapaoc[data-zoom=""] svg path[data-mundo-pais-categoria="cat004"]:hover{
	fill: var(--mapaoc-color-cat004-over);
}

#mapaoc-mundo svg path[data-mundo-pais-detalle="activa"]{
	stroke-linejoin: round;
	stroke: var(--mapaoc-color-gris-osc);
}
#mapaoc-mundo svg path[data-mundo-pais-categoria="cat001"][data-mundo-pais-estado="activa"][data-mundo-pais-detalle="activa"]{
	fill: var(--mapaoc-color-cat001) !important;
}
#mapaoc-mundo svg path[data-mundo-pais-categoria="cat002"][data-mundo-pais-estado="activa"][data-mundo-pais-detalle="activa"]{
	fill: var(--mapaoc-color-cat002) !important;
}
#mapaoc-mundo svg path[data-mundo-pais-categoria="cat003"][data-mundo-pais-estado="activa"][data-mundo-pais-detalle="activa"]{
	fill: var(--mapaoc-color-cat003) !important;
}
#mapaoc-mundo svg path[data-mundo-pais-categoria="cat004"][data-mundo-pais-estado="activa"][data-mundo-pais-detalle="activa"]{
	fill: var(--mapaoc-color-cat004) !important;
}

#mapaoc-mundo svg path[data-mundo-pais-estado="desactivada"]{
	fill: var(--mapaoc-color-gris-40);
}



#mapaoc-zoom-control{
	background-color: var(--mapaoc-color-gris-osc);
	border-radius: 2px;
	bottom: 50px;
	box-shadow: 0 0 8px rgba( var(--mapaoc-color-negro-rgb), 0.2 );
	color: var(--mapaoc-color-blanco);
	position: absolute;
	right: 40px;
	user-select: none;
	z-index: 3;
}
#mapaoc-zoom-control .mapaoc-zoom-control-boton{
	display: flex;
	align-items: flex-start;
	justify-content: center;

	border-bottom: 1px solid rgba( var(--mapaoc-color-blanco-rgb), 0.1 );
	cursor: pointer;
	height: 30px;
	position: relative;
	width: 30px;
	-webkit-tap-highlight-color: transparent;
}
#mapaoc-zoom-control .mapaoc-zoom-control-boton:last-of-type{
	border-bottom: none;
}
#mapaoc-zoom-control .mapaoc-zoom-control-boton:after{
	display: flex;
	align-items: center;
	justify-content: center;

	color: rgba( var(--mapaoc-color-blanco-rgb), 0.5 );
	content: '';
	cursor: pointer;
	font-family: 'Font Awesome 5';
	font-size: 10px;
	font-weight: 900;
	height: 100%;
	position: absolute;
	transition: all .2s ease-in-out;
	width: 100%;
}
html.no-touchevents #mapaoc-zoom-control .mapaoc-zoom-control-boton:hover:after{
	color: rgba( var(--mapaoc-color-blanco-rgb), 1.0 );
}
#mapaoc-zoom-control #mapaoc-zoom-control-mas.mapaoc-zoom-control-boton:after{
	content: '\f067';
}
#mapaoc-zoom-control #mapaoc-zoom-control-menos.mapaoc-zoom-control-boton:after{
	content: '\f068';
}
#mapaoc-zoom-control #mapaoc-zoom-control-reinicio.mapaoc-zoom-control-boton:after{
	content: '\f0ac';
}




#mapaoc-tooltip{
	background-color: var(--mapaoc-color-gris-osc);
	border-radius: 4px;
	box-shadow: 0 2px 16px rgba(0,0,0,0.4);
	color: var(--mapaoc-color-blanco);
	display: none;
	font-size: 20px;
	font-weight: 600;
	max-width: 180px;
	opacity: 1;
	pointer-events: none;
	position: fixed;
	text-align: center;
	width: auto;
	z-index: 1;
}
#mapaoc-tooltip.open{
	display: block;
}
#mapaoc-tooltip #mapaoc-tooltip-contenedor{
	display: block;
	padding: 6px 10px;
	position: relative;
}
#mapaoc-tooltip #mapaoc-tooltip-contenedor:after{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--mapaoc-color-gris-osc);
	bottom: -10px;
	content: '';
	height: 0;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	width: 0;
}




#mapaoc-detalles.activa{
	left: calc( 500px + var(--mapaoc-detalles-scrollbar-width) );
	transition: all 0.4s ease 0s;
	width: 460px;
}
#mapaoc-detalles{
	background-color: var(--mapaoc-color-gris-osc);
	color: var(--mapaoc-color-blanco);
	height: 100%;
	left: 0;
	overflow: overlay;
	/*padding-right: var(--mapaoc-detalles-scrollbar-width);*/
	padding-right: 0;
	position: absolute;
	top: 0;
	transform: translateX( calc( -460px - var(--mapaoc-detalles-scrollbar-width) ) );
	transition: all 0.4s ease 0s;
	width: 460px;
	z-index: 2;
}

@-moz-document url-prefix() {
	#mapaoc-detalles{
		overflow: auto;
		padding-right: 0;
		scrollbar-width: var(--mapaoc-detalles-scrollbar-width);
	}
}


#mapaoc[data-paneo="activa"] #mapaoc-detalles{
	user-select: none;
}

#mapaoc-detalles #detalles-contenedor:after{
	background-color: var(--mapaoc-color-gris-osc);
	content: '';
	display: block;
	height: 100%;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-color .2s ease-in-out;
	width: 100%;
	z-index: 3;
}
#mapaoc-detalles.activa #detalles-contenedor:after{
	background-color: transparent;
	width: 0;
}

#mapaoc-detalles::-webkit-scrollbar{
	width: var(--mapaoc-detalles-scrollbar-width);
}
#mapaoc-detalles::-webkit-scrollbar-track{
	background: var(--mapaoc-color-gris-100);
}
#mapaoc-detalles::-webkit-scrollbar-thumb{
	background: var(--mapaoc-color-gris-60);
	border-radius: calc( var(--mapaoc-detalles-scrollbar-width) / 2 );
}
#mapaoc-detalles::-webkit-scrollbar-thumb:hover{
	background: var(--mapaoc-color-gris-10);
}

#mapaoc-detalles .mapaoc-detalles-caja{
	box-sizing: border-box;
	padding: 0 30px;
	width: 100%;
}


#mapaoc-detalles #detalles-contenedor{
	margin-bottom: 40px;
	position: relative;
}
#mapaoc-detalles #detalles-contenedor-transicion{
	background-color: var(--mapaoc-color-gris-osc);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 1;
}


#mapaoc-detalles .titulo{
	display: flex;
	align-items: center;

	background-color: var(--mapaoc-color-gris-osc);
	box-shadow: 0 4px 8px rgba(0,0,0,0.4);
	min-height: 70px;
	position: sticky;
	top: 0;
	z-index: 1;
}


#mapaoc-detalles[data-categorias="cat001"] .titulo{
	background-color: var(--mapaoc-color-cat001);
}
#mapaoc-detalles[data-categorias="cat002"] .titulo{
	background-color: var(--mapaoc-color-cat002);
}
#mapaoc-detalles[data-categorias="cat003"] .titulo{
	background-color: var(--mapaoc-color-cat003);
}
#mapaoc-detalles[data-categorias="cat004"] .titulo{
	background-color: var(--mapaoc-color-cat004);
}

#mapaoc-detalles .titulo h2{
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
	margin: 12px 40px 12px 0;
}


#mapaoc-detalles .titulo #mapaoc-detalles-cerrar{
	display: flex;
	align-items: center;
	justify-content: center;

	height: 100%;
	position: absolute;
	right: 20px;
	top: 0;
	width: 40px;
}
#mapaoc-detalles .titulo #mapaoc-detalles-cerrar span{
	display: flex;
	align-items: center;
	justify-content: center;

	height: 40px;
	width: 100%;
}
#mapaoc-detalles .titulo #mapaoc-detalles-cerrar span:after{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: rgba( var(--mapaoc-color-negro-rgb), 0.1 );
	border-radius: 100%;
	content: '\f00d';
	cursor: pointer;
	font-family: 'Font Awesome 5';
	font-size: 18px;
	font-weight: 900;
	height: 32px;
	transition: all .2s ease-in-out;
	width: 32px;
}
html.no-touchevents #mapaoc-detalles .titulo #mapaoc-detalles-cerrar span:hover:after{
	background-color: var(--mapaoc-color-gris-osc);
}


#mapaoc-detalles .item .detalles-item-contenido{
	border-bottom: 1px solid rgba( var(--mapaoc-color-blanco-rgb), 0.2 );
	padding: 30px 0;
}
#mapaoc-detalles .item.referencias .detalles-item-contenido,
#mapaoc-detalles .item:last-of-type .detalles-item-contenido{
	border-bottom: none;
}
#mapaoc-detalles .item.referencias .detalles-item-contenido{
	padding: 0;
}


#mapaoc-detalles .item h3{
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}
#mapaoc-detalles .item.referencias h3{
	color: var(--mapaoc-color-gris-20);
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}
#mapaoc-detalles .item.indicadores h3{
	margin-bottom: 24px;
}



#mapaoc-detalles .referencia-icono .icono{
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	text-indent: 400px;
	width: 20px;
}
#mapaoc-detalles .referencia-icono .icono:after{
	display: flex;
	align-items: center;
	justify-content: center;

	content: '\f192';
	font-family: 'Font Awesome 5';
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	text-indent: 0;
	top: 0;
	width: 100%;
}


#mapaoc-detalles .referencia-icono .nombre,
#mapaoc-detalles .referencia-icono .icono{
	color: var(--mapaoc-color-gris-osc-85);
}
#mapaoc-detalles .referencia-icono[data-referencia="si"] .nombre,
#mapaoc-detalles .referencia-icono[data-referencia="no"] .nombre,
#mapaoc-detalles .referencia-icono[data-referencia="sininformacion"] .nombre{
	color: var(--mapaoc-color-blanco);
}


#mapaoc-detalles .referencia[data-referencia="si"],
#mapaoc-detalles .referencia-icono[data-referencia="si"] .icono{
	color: var(--mapaoc-color-referencia-si);
}
#mapaoc-detalles .referencia-icono[data-referencia="si"] .icono:after{
	content: '\f058';
}
#mapaoc-detalles .referencia[data-referencia="no"],
#mapaoc-detalles .referencia-icono[data-referencia="no"] .icono{
	color: var(--mapaoc-color-referencia-no);
}
#mapaoc-detalles .referencia-icono[data-referencia="no"] .icono:after{
	content: '\f057';
}
#mapaoc-detalles .referencia[data-referencia="sininformacion"],
#mapaoc-detalles .referencia-icono[data-referencia="sininformacion"] .icono{
	color: var(--mapaoc-color-referencia-sininformacion);
}
#mapaoc-detalles .referencia-icono[data-referencia="sininformacion"] .icono:after{
	content: '\f059';
}


#mapaoc-detalles .referencias{
	background-color: rgba( var(--mapaoc-color-blanco-rgb), 0.05 );
}
#mapaoc-detalles .referencias .detalles-item-contenido{
	display: flex;
	align-items: center;

	min-height: 50px;
}
#mapaoc-detalles .referencias .referencia{
	display: flex;
	align-items: center;

	font-size: 14px;
	font-weight: 400;
	margin-left: 18px;
	position: relative;
}


#mapaoc-detalles .categorias .categoria{
	padding-left: 26px;
	position: relative;
}
#mapaoc-detalles .categorias .categoria h4{
	display: block;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 4px 0;
}
#mapaoc-detalles .categorias .categoria p{
	color: var(--mapaoc-color-gris-40);
	display: block;
	font-size: 14px;
	margin: 0;
}
#mapaoc-detalles .categorias .categoria:before{
	display:flex;

	content: '\f45c';
	font-family: 'Font Awesome 5';
	font-size: 18px;
	font-weight: 900;
	height: 100%;
	left: 0;
	position: absolute;
	top: 3px;
	width: 20px;
}
#mapaoc-detalles .categorias .categoria[data-categorias="cat001"]:before{
	color: var(--mapaoc-color-cat001);
}
#mapaoc-detalles .categorias .categoria[data-categorias="cat002"]:before{
	color: var(--mapaoc-color-cat002);
}
#mapaoc-detalles .categorias .categoria[data-categorias="cat003"]:before{
	color: var(--mapaoc-color-cat003);
}
#mapaoc-detalles .categorias .categoria[data-categorias="cat004"]:before{
	color: var(--mapaoc-color-cat004);
}


#mapaoc-detalles .indicadores .detalles-grilla{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 12px 24px;
}
#mapaoc-detalles .indicadores .indicador{
	display: flex;
	font-size: 14px;
}
#mapaoc-detalles .indicadores .indicador .icono{
	min-width: 20px;
}
#mapaoc-detalles .indicadores .indicador .icono:after{
	font-size: 16px;
	top: -1px;
}


#mapaoc-detalles .normas .norma a,
#mapaoc-detalles .normas .norma .norma-bloque{
	display: flex;
	align-items: center;
	justify-content: space-between;

	border-bottom: 1px solid rgba( var(--mapaoc-color-blanco-rgb), 0.05 );
	box-sizing: content-box;
	color: var(--mapaoc-color-blanco);
	min-height: 46px;
	text-decoration: none;
}
#mapaoc-detalles .normas .norma:last-of-type a,
#mapaoc-detalles .normas .norma:last-of-type .norma-bloque,
#mapaoc-detalles .normas .norma .norma-bloque.norma-visible-ultima{
	border-bottom: none;
}
#mapaoc-detalles .normas .norma[data-referencia="si"] a,
#mapaoc-detalles .normas .norma[data-referencia="si"] .norma-bloque{
	cursor: pointer;
	transition: all .2s ease-in-out;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
#mapaoc-detalles .normas .norma .nombre{
	flex-grow: 1;
	font-size: 16px;
	font-weight: 400;
}
#mapaoc-detalles .normas .norma .masinfo{
	color: var(--mapaoc-color-referencia-si);
	display: none;
	font-size: 12px;
	font-weight: 600;
	padding-right: 12px;
	position: relative;
	text-transform: uppercase;
}
#mapaoc-detalles .normas .norma .masinfo:after{
	content: '\f054';
	display: block;
	font-family: 'Font Awesome 5';
	font-size: 10px;
	font-weight: 900;
	position: absolute;
	right: 0;
	top: 1px;
}
#mapaoc-detalles .normas .norma[data-referencia="si"] .masinfo{
	display: block;
}
html.no-touchevents #mapaoc-detalles .normas .norma[data-referencia="si"] a:hover,
html.no-touchevents #mapaoc-detalles .normas .norma[data-referencia="si"] .norma-bloque:hover{
	background-color: rgba( var(--mapaoc-color-blanco-rgb), 0.05 );
	padding: 0 10px;
}



.mapaoc-popup{
	height: calc(100vh - 80px);
	margin: 0 auto;
	max-width: 680px;
	overflow-y: scroll;
	position: relative;
	text-align: left;
}
.mapaoc-popup .mapaoc-popup-caja{
	padding: 0 30px;
}

.mapaoc-popup-contenido-texto-articulos article{
	border-bottom: 1px solid var(--mapaoc-color-gris-osc-90);
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.mapaoc-popup-contenido-texto-articulos article:last-of-type{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.mapaoc-popup-contenido-texto-articulos article h5{
	font-size: 22px;
	font-weight: 700;
	margin: 0;
}
.mapaoc-popup-contenido-texto-articulos article p{
	font-weight: 400;
	line-height: 1.4;
	margin: 10px 0;
}
.mapaoc-popup-contenido-texto-articulos article b,
.mapaoc-popup-contenido-texto-articulos article strong{
	font-weight: 600;
}
.mapaoc-popup-contenido-texto-articulos article a{
	color: var(--mapaoc-color-negro);
	font-weight: 600;
	transition: all .2s ease-in-out;
}
html.no-touchevents .mapaoc-popup-contenido-texto-articulos article a:hover{
	color: var(--mapaoc-color-detalles-adicional-link);
	text-decoration: none;
}




.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-memu{
	background-color: rgba( var(--mapaoc-color-blanco-rgb), 0.05 );
	margin-bottom: 20px;
	padding: 14px 20px 20px 20px;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-memu h5{
	border-bottom: 1px solid rgba( var(--mapaoc-color-blanco-rgb), 0.2 );
	color: var(--mapaoc-color-crema);
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 14px;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-memu ul,
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-memu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-memu ul li{
	border-bottom: 1px solid rgba( var(--mapaoc-color-blanco-rgb), 0.05 );
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-memu ul li:last-of-type{
	border-bottom-color: rgba( var(--mapaoc-color-blanco-rgb), 0.2 );
}
.mapaoc-popup-contenido-texto-articulos#mapaoc-detalles-norma-popup-contenido-texto-articulos article.ficha .ficha-memu ul li a{
	display: block;
	font-size: 18px;
	margin: 0;
	outline: none;
	padding: 20px 0 20px 22px;
	white-space: normal;
}
.mapaoc-popup-contenido-texto-articulos#mapaoc-detalles-norma-popup-contenido-texto-articulos article.ficha .ficha-memu ul li a:after{
	align-items: flex-start;

	color: var(--mapaoc-color-referencia-si);
	content: '\f063';
	font-size: 14px;
	height: auto;
	left: 0;
	right: auto;
	top: 26px;
}
html.no-touchevents .mapaoc-popup-contenido-texto-articulos#mapaoc-detalles-norma-popup-contenido-texto-articulos article.ficha .ficha-memu ul li a:hover{
	color: var(--mapaoc-color-referencia-si);
}
html.no-touchevents .mapaoc-popup-contenido-texto-articulos#mapaoc-detalles-norma-popup-contenido-texto-articulos article.ficha .ficha-memu ul li a:hover:after{
	color: var(--mapaoc-color-blanco);
	top: 30px;
}


.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-fallo{
	border-bottom: 2px solid var(--mapaoc-color-blanco);
	margin-bottom: 60px;
	padding-bottom: 60px;
	padding-top: 40px;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-item{
	margin-bottom: 24px;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-item:last-of-type{
	margin-bottom: 0;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-item h5{
	color: var(--mapaoc-color-crema);
	font-size: 14px;
	margin: 0 0 6px 0;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-item h5:first-of-type{
	margin-top: 0;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-item h5 span{
	color: var(--mapaoc-color-referencia-si);
	font-weight: 400;
	text-transform: uppercase;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-fallo-titulo p,
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-item p{
	margin: 0 0 0.625em 0;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-fallo-titulo p:last-of-type,
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-item p:last-of-type{
	margin-bottom: 0;
}

.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-fallo-titulo{
	border-bottom: 1px solid rgba( var(--mapaoc-color-blanco-rgb), 0.1 );
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-fallo-titulo h5{
	color: var(--mapaoc-color-referencia-si);
	font-size: 16px;
	margin-bottom: 5px;
}
.mapaoc-popup-contenido-texto-articulos article.ficha .ficha-fallo-titulo p{
	font-size: 24px;
	font-weight: 700;
}




#mapaoc-detalles-norma-popup{
	background-color: var(--mapaoc-color-gris-osc);
	color: var(--mapaoc-color-blanco);
}
#mapaoc-detalles-norma-popup-titulo{
	display: flex;
	align-items: center;

	color: var(--mapaoc-color-blanco);
	min-height: 50px;
}
#mapaoc-detalles-norma-popup[data-categorias="cat001"] #mapaoc-detalles-norma-popup-titulo{
	background-color: var(--mapaoc-color-cat001);
}
#mapaoc-detalles-norma-popup[data-categorias="cat002"] #mapaoc-detalles-norma-popup-titulo{
	background-color: var(--mapaoc-color-cat002);
}
#mapaoc-detalles-norma-popup[data-categorias="cat003"] #mapaoc-detalles-norma-popup-titulo{
	background-color: var(--mapaoc-color-cat003);
}
#mapaoc-detalles-norma-popup[data-categorias="cat004"] #mapaoc-detalles-norma-popup-titulo{
	background-color: var(--mapaoc-color-cat004);
}

#mapaoc-detalles-norma-popup-titulo h2{
	font-size: 24px;
	font-weight: 600;
	margin: 0;
	padding: 10px 0;
}

#mapaoc-detalles-norma-popup-contenido-titulo{
	background-color: rgba( var(--mapaoc-color-blanco-rgb), 0.05 );
	border-bottom: 1px solid var(--mapaoc-color-gris-osc-90);
	border-top: 1px solid var(--mapaoc-color-gris-osc-90);
	margin-bottom: 30px;
	padding: 20px 0 14px 0;
}
#mapaoc-detalles-norma-popup-contenido-titulo h4{
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}
#mapaoc-detalles-norma-popup-contenido-titulo h3{
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
}
#mapaoc-detalles-norma-popup-contenido-texto-articulos{
	padding-bottom: 40px;
}
#mapaoc-detalles-norma-popup-contenido-texto-articulos article .articulos-enlace{
	margin-top: 16px;
	padding-left: 10px;
	position: relative;
}
#mapaoc-detalles-norma-popup-contenido-texto-articulos article .articulos-enlace:before{
	display: flex;
	align-items: center;
	justify-content: flex-start;

	color: var(--mapaoc-color-blanco);
	content: '\f054';
	font-family: 'Font Awesome 5';
	font-size: 8px;
	font-weight: 900;
	height: 100%;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 0;
}
#mapaoc-detalles-norma-popup-contenido-texto-articulos article .articulos-enlace p{
	font-size: 14px;
	margin: 0;
}
#mapaoc-detalles-norma-popup-contenido-texto-articulos article a{
	color: var(--mapaoc-color-blanco);
	margin-left: 4px;
	margin-right: 4px;
	padding-right: 16px;
	position: relative;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}
#mapaoc-detalles-norma-popup-contenido-texto-articulos article a:after{
	display: flex;
	align-items: center;
	justify-content: flex-start;

	color: var(--mapaoc-color-blanco);
	content: '\f35d';
	font-family: 'Font Awesome 5';
	font-size: 11px;
	font-weight: 900;
	height: 100%;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s ease-in-out;
}
html.no-touchevents #mapaoc-detalles-norma-popup-contenido-texto-articulos article a:hover{
	color: var(--mapaoc-color-detalles-adicional-link);
}
html.no-touchevents #mapaoc-detalles-norma-popup-contenido-texto-articulos article a:hover:after{
	color: var(--mapaoc-color-detalles-adicional-link);
}



#mapaoc-submenu-popup{
	background-color: var(--mapaoc-color-gris-10);
	color: var(--mapaoc-color-negro);
}
#mapaoc-submenu-popup-contenido-titulo{
	background-color: var(--mapaoc-color-gris-20);
	margin-bottom: 20px;
	border-top: 10px solid var(--mapaoc-color-naranja);
}
#mapaoc-submenu-popup-contenido-titulo h3{
	color: var(--mapaoc-color-negro);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
	padding: 20px 0;
	position: relative;
}
#mapaoc-submenu-popup-contenido-titulo h3,
#mapaoc-submenu-popup-contenido-texto-articulos{
	padding-left: 30px;
}
#mapaoc-submenu-popup-contenido-texto-articulos{
	padding-bottom: 80px;
	padding-top: 10px;
}



#mapaoc-submenu-popup[data-submenu="regionales"] #mapaoc-submenu-popup-contenido-texto-articulos,
#mapaoc-submenu-popup[data-submenu="comoconstruyo"] #mapaoc-submenu-popup-contenido-texto-articulos{
	user-select: none;
}



#mapaoc-submenu-popup-contenido-texto-articulos article a[target="_blank"]{
	display: inline-block;
	padding-right: 16px;
	position: relative;
}
#mapaoc-submenu-popup-contenido-texto-articulos article a[target="_blank"]:after{
	display: flex;
	align-items: center;
	justify-content: flex-start;

	color: var(--mapaoc-color-negro);
	content: '\f35d';
	font-family: 'Font Awesome 5';
	font-size: 12px;
	font-weight: 900;
	height: 100%;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s ease-in-out;
}
html.no-touchevents #mapaoc-submenu-popup-contenido-texto-articulos a:hover:after{
	color: var(--mapaoc-color-detalles-adicional-link);
}


#mapaoc-submenu-popup-contenido-texto-articulos h3{
	font-size: 20px;
	font-weight: 700;
	margin: 60px 0 10px 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos h4{
	font-size: 18px;
	font-weight: 700;
	margin: 50px 0 10px 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos h5{
	font-size: 16px;
	font-weight: 700;
}


#mapaoc-submenu-popup-contenido-texto-articulos ul.lista-sin-bullet,
#mapaoc-submenu-popup-contenido-texto-articulos ul.lista-sin-bullet li{
	list-style: none;
	margin: 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos ul.lista-sin-bullet li{
	margin-bottom: 20px;
	margin-top: 20px;
}
#mapaoc-submenu-popup-contenido-texto-articulos ul.lista-sin-bullet li:last-of-type{
	margin-bottom: 0;
}

#mapaoc-submenu-popup-contenido-texto-articulos .titulos-inline h5,
#mapaoc-submenu-popup-contenido-texto-articulos .titulos-inline p{
	display: inline;
}
#mapaoc-submenu-popup-contenido-texto-articulos span[data-categorias="cat001"]{
	color: var(--mapaoc-color-cat001);
}
#mapaoc-submenu-popup-contenido-texto-articulos span[data-categorias="cat002"]{
	color: var(--mapaoc-color-cat002);
}
#mapaoc-submenu-popup-contenido-texto-articulos span[data-categorias="cat003"]{
	color: var(--mapaoc-color-cat003);
}
#mapaoc-submenu-popup-contenido-texto-articulos span[data-categorias="cat004"]{
	color: var(--mapaoc-color-cat004);
}


#mapaoc-submenu-popup-contenido-texto-articulos article p.fecha-actualizacion{
	color: var(--mapaoc-color-gris-100);
	font-size: 14px;
	margin-bottom: 20px;
	text-align: right;
}

#mapaoc-submenu-popup-contenido-texto-articulos article sup.cita a,
#mapaoc-submenu-popup-contenido-texto-articulos article .citas .cita span a{
	color: var(--mapaoc-color-naranja);
	font-weight: 700;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
html.no-touchevents #mapaoc-submenu-popup-contenido-texto-articulos article sup.cita a:hover,
html.no-touchevents #mapaoc-submenu-popup-contenido-texto-articulos article .citas .cita span a:hover{
	color: var(--mapaoc-color-negro);
}
#mapaoc-submenu-popup-contenido-texto-articulos article .citas{
	border-top: 1px solid var(--mapaoc-color-gris-40);
	margin-top: 40px;
	font-size: 12px;
	padding-top: 40px;
}
#mapaoc-submenu-popup-contenido-texto-articulos article .citas .cita{
	position: relative;
}
#mapaoc-submenu-popup-contenido-texto-articulos article .citas .cita span{
	color: var(--mapaoc-color-naranja);
	display: block;
	font-weight: 600;
	left: -35px;
	position: absolute;
	text-align: right;
	top: 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos article .citas .cita span a{
	display: block;
	padding-right: 10px;
	width: 20px;
}
#mapaoc-submenu-popup-contenido-texto-articulos article .citas .cita span a:after{
	display: flex;
	align-items: center;
	justify-content: flex-start;

	color: var(--mapaoc-color-gris-80);
	content: '\f30c';
	font-family: 'Font Awesome 5';
	font-size: 10px;
	font-weight: 900;
	height: 100%;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s ease-in-out;
}

#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas-item{
	border-bottom: 1px solid var(--mapaoc-color-gris-20);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas-item:first-of-type{
	margin-top: 10px;
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas-item:last-of-type{
	margin-bottom: 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas h3{
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas p{
	color: var(--mapaoc-color-gris-osc);
	font-size: 14px;
	margin: 4px 0 0 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas a{
	padding-left: 40px;
	text-decoration: none;
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas a[target="_blank"]{
	padding-right: 0;
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas a[target="_blank"]:after{
	display: none;
}
html.no-touchevents #mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas a:hover{
	color: var(--mapaoc-color-naranja);
}
#mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas a:before{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;

	color: var(--mapaoc-color-naranja);
	content: '\f1c1';
	font-family: 'Font Awesome 5';
	font-size: 30px;
	font-weight: 900;
	height: 100%;
	line-height: 1;
	position: absolute;
	left: -34px;
	left: 0;
	top: 7px;
	transition: all .2s ease-in-out;
}
html.no-touchevents #mapaoc-submenu-popup-contenido-texto-articulos .lista-descargas a:hover:before{
	color: var(--mapaoc-color-gris-osc);
}




.mapaoc-popup-class .mfp-content{
	text-align: center;
}
.mapaoc-popup-class .mfp-bg{
	background-color: var(--mapaoc-color-negro) !important;
	opacity: 0.90 !important;
}
.mapaoc-popup-class .mfp-wrap{
	-webkit-backdrop-filter: saturate(0%);
	backdrop-filter: saturate(0%);
}
.mapaoc-popup-class .mfp-close{
	background-color: rgba( var(--mapaoc-color-blanco-rgb), 0.8 ) !important;
	border-radius: 100%;
	color: var(--mapaoc-color-negro) !important;
	height: 40px;
	line-height: 40px;
	opacity: 1;
	overflow: hidden;
	position: relative;
	text-indent: -1000px;
	transition: all .2s ease-in-out;
	width: 40px;
}
.mapaoc-popup-class .mfp-close:after{
	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--mapaoc-color-negro) !important;
	content: '\f00d';
	font-family: 'Font Awesome 5';
	font-size: 18px !important;
	font-weight: 900;
	height: 100%;
	left: 0;
	position: absolute;
	text-indent: 0;
	top: 0;
	transition: all .2s ease-in-out;
	width: 100%;
}
.mapaoc-popup-class .mfp-close-btn-in .mfp-close{
	color: var(--mapaoc-color-negro) !important;
	position: fixed;
	right: 20px;
}
.mapaoc-popup-class .mfp-close-btn-in .mfp-close,
.mapaoc-popup-class .mfp-close-btn-in .mfp-close:active{
	top: 20px;
}
html.no-touchevents .mapaoc-popup-class .mfp-close:hover{
	background-color: var(--mapaoc-color-blanco) !important;
	color: var(--mapaoc-color-negro) !important;
}
html.no-touchevents .mapaoc-popup-class .mfp-close:hover:after{
	color: var(--mapaoc-color-negro) !important;
}





#mapaoc-detalles .adicional{
	display: none;
}
#mapaoc-detalles .adicional .detalles-item-contenido{
	font-size: 12px;
}
#mapaoc-detalles .adicional .detalles-item-contenido h4{
	font-size: 14px;
	font-weight: 700;
	margin: 24px 0 12px 0;
}
#mapaoc-detalles .adicional .detalles-item-contenido p{
	margin: 10px 0;
}
#mapaoc-detalles .adicional .detalles-item-contenido a{
	color: var(--mapaoc-color-blanco);
	margin-right: 4px;
	padding-right: 14px;
	position: relative;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}
#mapaoc-detalles .adicional .detalles-item-contenido a:after{
	display: flex;
	align-items: center;
	justify-content: flex-start;

	color: var(--mapaoc-color-blanco);
	content: '\f35d';
	font-family: 'Font Awesome 5';
	font-size: 10px;
	font-weight: 900;
	height: 100%;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s ease-in-out;
}
html.no-touchevents #mapaoc-detalles .adicional .detalles-item-contenido a:hover{
	color: var(--mapaoc-color-detalles-adicional-link);
	text-decoration: none;
}
html.no-touchevents #mapaoc-detalles .adicional .detalles-item-contenido a:hover:after{
	color: var(--mapaoc-color-detalles-adicional-link);
}
#mapaoc-detalles .adicional .detalles-item-contenido ul{
	margin: 20px 0;
	padding-left: 16px;
}
#mapaoc-detalles .adicional .detalles-item-contenido ul li{
	margin-bottom: 10px;
}




#mapaoc-actualizacion{
	display: flex;
	align-items: center;
	justify-content: flex-end;

	bottom: 0;
	min-height: 40px;
	position: absolute;
	right: 40px;
}
#mapaoc-actualizacion p{
	color: var(--mapaoc-color-gris-osc-85);
	font-size: 12px;
	margin: 0;
}




#mapaoc-actualizacion-nota{
	background-color: var(--mapaoc-color-gris-osc);
	padding: 10px 0;
}
#mapaoc-actualizacion-nota .contenedor{
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
}
#mapaoc-actualizacion-nota .caja{
	margin: 0 var(--caja-margen);
}
#mapaoc-actualizacion-nota .contenido{
	text-align: center;
}
#mapaoc-actualizacion-nota p{
	color: var(--mapaoc-color-blanco);
	font-size: 13px;
	font-weight: 600;
	margin: 0;
}




#mapaoc-submenu{
	background-color: var(--mapaoc-color-gris-10);
	border-bottom: 1px solid var(--mapaoc-color-gris-40);
	border-top: 1px solid var(--mapaoc-color-gris-40);
	margin-bottom: 0;
}
#mapaoc-submenu nav{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 240px));
	justify-content: center;
}
#mapaoc-submenu nav .item{
	display: flex;
	justify-content: center;

	border-left: 1px solid var(--mapaoc-color-gris-40);
	color: var(--mapaoc-color-negro);
	font-weight: 600;
	text-align: center;
	width: 100%;
}
#mapaoc-submenu nav .item:last-of-type{
	border-right: 1px solid var(--mapaoc-color-gris-40);
}
#mapaoc-submenu nav .item a,
#mapaoc-submenu nav .item span{
	box-sizing: border-box;
	color: var(--mapaoc-color-gris-osc-75);
	cursor: pointer;
	display: block;
	min-height: 90px;
	padding: 36px 20px 20px 20px;
	position: relative;
	text-decoration: none;
	transition: all .2s ease-in-out;
	width: 100%;
}
html.no-touchevents #mapaoc-submenu nav .item a:hover,
html.no-touchevents #mapaoc-submenu nav .item span:hover{
	background-color: var(--mapaoc-color-gris-30);
    color: var(--mapaoc-color-gris-osc);
}
#mapaoc-submenu-popup-contenido-titulo h3:before,
#mapaoc-submenu nav .item a:before,
#mapaoc-submenu nav .item span:before{
	display: flex;
	align-items: center;
	justify-content: center;

	font-family: 'Font Awesome 5';
	font-size: 16px;
	font-weight: 900;
	height: 26px;
	left: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 100%;
}
#mapaoc-submenu-popup-contenido-titulo h3:before{
	justify-content: flex-start;

	font-size: 24px;
	height: 100%;
	left: -8px;
	text-align: left;
	top: 0;
	width: 30px;
}
#mapaoc-submenu-popup[data-submenu="regionales"] #mapaoc-submenu-popup-contenido-titulo h3:before,
#mapaoc-submenu nav .item[data-submenu="regionales"] a:before,
#mapaoc-submenu nav .item[data-submenu="regionales"] span:before{
	content: '\f57d';
}
#mapaoc-submenu-popup[data-submenu="descargar"] #mapaoc-submenu-popup-contenido-titulo h3:before,
#mapaoc-submenu nav .item[data-submenu="descargar"] a:before,
#mapaoc-submenu nav .item[data-submenu="descargar"] span:before{
	content: '\f56d';
}
#mapaoc-submenu-popup[data-submenu="comoconstruyo"] #mapaoc-submenu-popup-contenido-titulo h3:before,
#mapaoc-submenu nav .item[data-submenu="comoconstruyo"] a:before,
#mapaoc-submenu nav .item[data-submenu="comoconstruyo"] span:before{
	content: '\f5ba';
}
#mapaoc-submenu-popup[data-submenu="recursos"] #mapaoc-submenu-popup-contenido-titulo h3:before,
#mapaoc-submenu nav .item[data-submenu="recursos"] a:before,
#mapaoc-submenu nav .item[data-submenu="recursos"] span:before{
	content: '\f5fd';
}





@media only screen and (max-width: 1040px){
	#mapaoc-submenu nav{
		grid-template-columns: repeat(4, minmax(100px, 240px));
	}
}


@media only screen and (max-width: 940px){
	#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .solapa-menu-grid{
		grid-template-columns: 1fr 1fr;
	}
	#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .solapa-menu-grid{
		grid-template-columns: repeat(3, minmax(100px, 1fr));
	}
}


@media only screen and (max-width: 700px){
	#mapaoc-detalles.activa{
		display: block;
		left: 0;
		position: relative;
		width: 100%;
	}
	#mapaoc-detalles{
		display: none;
		height: auto;
		overflow: visible;
		padding-right: 0;
		position: relative;
		transform: none;
		width: 100%;
		z-index: 0;
	}
	body.menu-pegado #mapaoc-detalles .titulo{
		min-height: 50px;
		top: 50px;
	}
	body.menu-pegado #mapaoc-detalles .titulo h2{
		font-size: 30px;
	}

	#mapaoc-submenu nav{
		grid-template-columns: 1fr 1fr;
	}
	#mapaoc-submenu nav .item:nth-child(2){
		border-right: 1px solid var(--mapaoc-color-gris-40);
	}
	#mapaoc-submenu nav .item:nth-child(-n+2){
		border-bottom: 1px solid var(--mapaoc-color-gris-40);
	}
}


@media only screen and (max-width: 660px){
	#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .solapa-menu-grid{
		grid-template-columns: 1fr 1fr;
	}
	#mapaoc-zoom-control{
		bottom: 30px;
		right: 20px;
	}
	#mapaoc-actualizacion{
		min-height: 30px;
		right: 20px;
	}
	#mapaoc-actualizacion p{
		font-size: 10px;
	}
	#mapaoc-actualizacion-nota p{
		font-size: 12px;
	}
}


@media only screen and (max-width: 500px){
	#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="categorias"] .solapa-menu-grid{
		grid-template-columns: 1fr;
	}
	#mapaoc #mapaoc-solapas .solapa{
		font-size: 18px;
	}
	#mapaoc-submenu nav .item{
		font-size: 14px;
	}
}


@media only screen and (max-width: 430px){
	#mapaoc #mapaoc-solapas .solapa{
		font-size: 14px;
		height: 40px;
	}

	#mapaoc #mapaoc-solapas-menu .solapa-menu[data-solapa="indicadores"] .solapa-menu-grid{
		grid-template-columns: 1fr;
	}

	#mapaoc-submenu .caja{
		margin: 0 10px;
	}
}