@charset "UTF-8";

@import url(../../../../../../menus/_b/fonts/ods/style.css);

*{
	box-sizing: border-box;
}

.ui-dialog-titlebar {
	background-color: #89BEBA;
	background-image: linear-gradient(#DDEEEC, #89BEBA);
}

#navSecundario{
	display: flex;
	justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	top: 38px;
}

#navSecundario > .navIconos{
	flex-grow: 2;
    text-align: right;
	padding-right: 4px;
}	

#divDominiosPeq{ padding: 6px 0px 5px 4px; margin: 0px 0px 5px 0px; display: flex; flex-wrap: wrap; gap: 2px; width: 100%; position: relative; }

#divDominiosPeq .context-dropdown-menu button { display: block !important; height: 44px !important; width: 44px !important; padding: 0 !important; }
#divDominiosPeq .context-dropdown-menu button + ul { top: 43px !important; }

.divDominio{ flex: 1 1 auto; max-width: 44px; }

nav.fixed-top ~ main #navSecundario,
.fixed-top ~ #main #navSecundario			{ position: fixed; left: 0; z-index:2; width: 100%;}
nav.fixed-top ~ main #navSecundario::after,
.fixed-top ~ #main #navSecundario::after	{ content: ""; position: absolute; left: 0vw; top: 0; background: #fff; width: 100%; height: 100%; z-index: -1; border-bottom: 1px solid rgba(0,0,0,0.2); box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); }

.imgDominio {
    opacity: 0.3;
	height: 44px;
	filter: saturate(0);
	pointer-events: none;
}

.divDominio a {
    display: block;
    width: 44px;
    height: 44px;
}

.divDominio:hover a .imgDominio,
.divDominio:focus a .imgDominio {
	opacity: 1;
    filter: saturate(1);
}

.imgDominioSelected {
    border-width: 2px;
    border-color: #89BEBA;
    border-style: solid;
    opacity: 1;
    height: 44px;
	pointer-events: none;
}

.Inf > a > span{
	vertical-align: middle;
}

/*Dominios grandes*/

.grande, .grande > a {
	height: auto;
	width: 230px;
}

/********* Inicio *********************/
ul.iconos{
	padding-left: 0px;
    margin-left: 0px;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
	margin-bottom: 2rem;
}

ul.iconos > li{
	list-style-type: none;
	display: inline-block;
	margin: 5px;
}

ul.iconos > li:hover {
    box-shadow: 2px 2px 2px -5px black;
    border-color: gray gray var(--color1-100);
    transform: scale(1.08);
    padding: 1px;
    z-index: 8;
    border-radius: 4px;
    color: var(--text-color);
    background: var(--bg-color) !important;
}

ul.iconos a{
	display: block;
}

ul.iconos a object, ul.iconos a img {
	height: auto;
	width: 169px;
	height: 169px;
	/*margin: 5px;*/
	pointer-events: none;
	vertical-align: inherit;
	object-fit: cover;
}

ul.iconos a object.obj4836		{ background-color: #EB1C2D;}
ul.iconos a object.obj4841		{ background-color: #D6A029;}
ul.iconos a object.obj4846		{ background-color: #289B49;}
ul.iconos a object.obj4869		{ background-color: #C42030;}
ul.iconos a object.obj4977		{ background-color: #EE4129;}
ul.iconos a object.obj5003		{ background-color: #26BDE2;}
ul.iconos a object.obj4877		{ background-color: #FCC30B;}
ul.iconos a object.obj4882		{ background-color: #8B1839;}
ul.iconos a object.obj4895		{ background-color: #F07022;}
ul.iconos a object.obj4901		{ background-color: #DE1584;}
ul.iconos a object.obj4907		{ background-color: #FD9A27;}
ul.iconos a object.obj4910		{ background-color: #CF8C2A;}
ul.iconos a object.obj4915		{ background-color: #3F7E44;}
ul.iconos a object.obj5128		{ background-color: #0A97D9;}
ul.iconos a object.obj5198		{ background-color: #56C02B;}
ul.iconos a object.obj5252		{ background-color: #00689D;}
ul.iconos a object.obj5141		{ background-color: #163768;}

nav .image-links {
    align-items: center;
}

@media screen and (max-width: 1920px){
	ul.iconos a object, ul.iconos a img { width: 175px; height: 175px; }
}

@media screen and (max-width: 1600px){
	ul.iconos a object, ul.iconos a img { width: 182px; height: 182px; }
}

@media screen and (max-width: 1366px){
	ul.iconos a object, ul.iconos a img { width: 177px; height: 177px; }
}

@media screen and (max-width: 1280px){
	ul.iconos a object, ul.iconos a img { width: 165px; height: 165px; }
}

@media screen and (max-width: 1024px){
	ul.iconos a object, ul.iconos a img { width: 185px; height: 185px; }
}

@media screen and (max-width: 1024px){
	ul.iconos a object, ul.iconos a img { width: 160px; height: 160px; }
}

@media screen and (max-width: 800px){
	.AppToolBarContent			{ max-width: none; }
	main .cuerpo,
	.AppToolBarContent > div,
	#divDominiosPeq + section 	{ padding: 0 5px; }
	main .cuerpo p + .iconos 	{ margin-top: 10px; }
	.divDominio         		{ margin: 0; width: 44px; border: 0 none; padding: 0; float: none; }
	.grande						{width: auto;}

	ul.iconos > li 						{ list-style-type: none; display: inline-block; width: calc(33.33% - 3px); }
	ul.iconos a 						{ width: 100%; }
	ul.iconos a object, ul.iconos a img { height: auto; width: 100%; object-fit: contain; margin: 0; }

	.navbar a.sede>.tit,
	.navbar a.icoSocial:not([data-social-text])>.tit { display: none; }
}

@media screen and (max-width: 480px){
	.objetivo dl > dd, .objetivo dl > dt,
	section>div>*, section>ul>*  			{ font-size: 1rem !important; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.divDominio         		{ margin: 1px; float: left; }
}

/********* Fin Inicio *********************/


.objetivo{
	clear: both;
	display: inline-block;
	padding: 0;
	width:100%;
}

.objetivo .titulo{
	width: 100%;
	display: inline-block;
	margin: 0px;
}

.objetivo .titulo > img, .titulo > object.image{
	float: left;
	width: 128px;
	height: 128px;
}

.objetivo .titulo > div{
	padding: 1rem;
	display: inline-block;
    width: calc(100% - 128px);
    background-color: white;
    min-height: 128px;
	align-content: center;
}

.obj4836 > .titulo		{ background-color: #EB1C2D; border: solid 3px #EB1C2D;}
.obj4841 > .titulo		{ background-color: #D6A029; border: solid 3px #D6A029;}
.obj4846 > .titulo		{ background-color: #289B49; border: solid 3px #289B49;}
.obj4869 > .titulo		{ background-color: #C42030; border: solid 3px #C42030;}
.obj4977 > .titulo		{ background-color: #EE4129; border: solid 3px #EE4129;}
.obj5003 > .titulo		{ background-color: #26BDE2; border: solid 3px #26BDE2;}
.obj4877 > .titulo		{ background-color: #FCC30B; border: solid 3px #FCC30B;}
.obj4882 > .titulo		{ background-color: #8B1839; border: solid 3px #8B1839;}
.obj4895 > .titulo		{ background-color: #F07022; border: solid 3px #F07022;}
.obj4901 > .titulo		{ background-color: #DE1584; border: solid 3px #DE1584;}
.obj4907 > .titulo		{ background-color: #FD9A27; border: solid 3px #FD9A27;}
.obj4910 > .titulo		{ background-color: #CF8C2A; border: solid 3px #CF8C2A;}
.obj4915 > .titulo		{ background-color: #3F7E44; border: solid 3px #3F7E44;}
.obj5128 > .titulo		{ background-color: #0A97D9; border: solid 3px #0A97D9;}
.obj5198 > .titulo		{ background-color: #56C02B; border: solid 3px #56C02B;}
.obj5252 > .titulo		{ background-color: #00689D; border: solid 3px #00689D;}
.obj5141 > .titulo		{ background-color: #163768; border: solid 3px #163768;}

.objetivo h1{
	font-size: 1.3rem;
	color: var(--text-color);
	font-weight: initial;
	margin: 0.5rem 0rem;
}

.objetivo h2{
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--text-color);
	font-weight: bold;
}

.Inf > * {
    padding-right: 1em;
}

/****************** Objetivo *********************/
.objetivo > .metas > article {
	margin-top: 2rem;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 5px;
	border-radius: 12px 12px 0 0;
}

.objetivo > .metas > article > header{
	margin: 0; width: 100%;
	background: linear-gradient(45deg, #f0f0f0, #f0f0f0);
	border: 1px solid rgba(0,0,0,0.05);
	border-radius: 8px 8px 0 0;
	display: inline-block;
	cursor: pointer;
	padding: 5px 5px 0 30px;
	position: relative;
}

.objetivo > .metas > article>.expanded{
	z-index: 0;
}

/*.objetivo > .metas > article>:not(.expanded){
	background: transparent;
	display: inline-block;
	cursor: pointer;
	padding: 5px 0 0 30px;
	position: relative;
}*/

.objetivo > .metas > article > header::before	{
	left: 5px;
	top: 6px;
}

.objetivo > .metas > article table a > span		{ color: #457E76; font-weight: bold; text-decoration: underline; }

.objetivo > .metas table td,
.objetivo > .metas table th						{ vertical-align: top; }
.objetivo > .metas table caption				{ display: none; }
.objetivo > .metas > article > div {
	padding: 0;
}

.objetivo > .metas table{
	border-spacing: 5px;
	width: 100%;
}

.objetivo > .metas table td , .secciones table th {
	margin:0px;
	padding:4px 4px;
	white-space: normal;
}

.objetivo > .metas table > thead > tr > th{
	border-bottom: 1px solid #457E76;
	font-weight: bold;
}

.objetivo > .metas table tr td:first-child, .objetivo > .metas table tr th:first-child{
	text-align:left;
	min-width: 200px;
}

.objetivo > .metas table tr td:nth-child(2), .objetivo > .metas table tr th:nth-child(2){
	text-align:center;
	width: 17%;
}

.objetivo > .metas table tr td.nodisp, .secciones table tr td.disp{
	vertical-align: middle;
}

.objetivo > .metas table tr td.nodisp > span{
	background-color: orange;
	padding: 5px;
	white-space: nowrap;
	display: inline-block;
}

.objetivo > .metas table tr td.disp > span{
	background-color: #5cb85c;
	padding: 5px;
}

.objetivo > .metas table tr td.noapli > span{
	background-color: #E27874;
	padding: 5px;
}

.objetivo > .metas table tr td.norel > span{
	background-color: #999;
	padding: 5px;
}

.objetivo > .metas table tr td > a, .objetivo > .metas table tr td > a:visited, .objetivo > .metas table tr td > a:link, .objetivo > .metas table tr td > a:active{
	color: black;
	text-decoration: none;
	font-weight: 400;
}

.objetivo > .metas table tr td > a::before {
	content: none;
}

/****************** Fin Objetivo *********************/

/********** INDICADOR ******************/

.objetivo div.titulo 							{ margin: 0 25px 15px; width: calc(100% - 50px); }
.objetivo ul									{ margin-top: 1rem; margin-bottom: 2rem; }

.objetivo div > article:not(:first-of-type)		{ margin-top: 2rem; }
/*.objetivo header.titulo 						{ margin: 0 10px; width: calc(100% - 20px); }*/
.objetivo article {
    margin-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;

}
.objetivo div > article:not(:last-child) {
	border-bottom: solid 1px gray;
}

.objetivo article > header						{ margin-top: 2rem; }
.objetivo > .cuerpo								{ padding: 0; margin-top: 1em;}
.objetivo > .cuerpo > article > div,
.objetivo > .cuerpo > article > div article > div				{ padding-left:1rem; padding-right: 0rem; }
.objetivo > .cuerpo article > div > .mapGraph	{ width: 73%; }

.objetivo article aside 						{ background: #fff; padding: 0; border-radius: 5px; width: 23%; float: left; position: relative; overflow: hidden; min-height: 128px; margin-top: 25px; }
.obj4836 article aside							{ border: 3px solid #EB1C2D; }
.obj4841 article aside							{ border: 3px solid #D6A029; }
.obj4846 article aside							{ border: 3px solid #289B49; }
.obj4869 article aside							{ border: 3px solid #C42030; }
.obj4977 article aside							{ border: 3px solid #EE4129; }
.obj5003 article aside							{ border: 3px solid #26BDE2; }
.obj4877 article aside							{ border: 3px solid #FCC30B; }
.obj4882 article aside							{ border: 3px solid #8B1839; }
.obj4895 article aside							{ border: 3px solid #F07022; }
.obj4901 article aside							{ border: 3px solid #DE1584; }
.obj4907 article aside							{ border: 3px solid #FD9A27; }
.obj4910 article aside							{ border: 3px solid #CF8C2A; }
.obj4915 article aside							{ border: 3px solid #3F7E44; }
.obj5128 article aside							{ border: 3px solid #0A97D9; }
.obj5198 article aside							{ border: 3px solid #56C02B; }
.obj5252 article aside							{ border: 3px solid #03518F; }
.obj5141 article aside							{ border: 3px solid #163768; }
.objetivo article aside > div					{ color: #000; padding: 5px; display: block; font-size: 0.865em; line-height: 1.4rem; }
.objetivo article aside > div strong				{ font-weight: bold; color: rgba(0,0,0,0.7); }
.objetivo article aside > div.value strong		{ display: none; }
.objetivo article aside > div.value span		{ font-size: 3rem; display: block; clear: both; padding: 15px 0; text-align: center; width: 100%; color: #457e76; font-weight: bold; }
.objetivo article aside > div.aditional			{ background: #f0f0f0; border-top: 1px solid #ccc; display: flex; justify-content: space-between; }
.objetivo article aside > div.aditional strong	{ color: #000; }

/* Nuevo componente indicadores-list para visualizar múltiples tarjetas en ODS */
/* Actualmente usado en HyM */
.objetivo article .indicadores-list 							{ width: calc(23% + 15px); overflow: auto; margin: 0 0 0 -15px; padding: 0 10px 0 0; }
.objetivo article .indicadores-list aside 						{ width: 100%; margin: 0; }
.objetivo article .indicadores-list aside + aside 				{ margin-top: 15px; }
.objetivo article .indicadores-list aside > div					{ padding: 0 5px; }
.objetivo article .indicadores-list aside > div:not(.value) span{ color: #000; font-weight: bold; }
.objetivo article .indicadores-list aside > div + div			{ padding-top: 5px; }
.objetivo article .indicadores-list aside > div.nombre 			{ background: #f0f0f0; border-bottom: 1px solid #ccc; padding-right: 22px; }
.objetivo article .indicadores-list aside > div.nombre strong	{ font-weight: bold; font-size: 0.8rem; color: #000; width: 100%; }
.objetivo article .indicadores-list::-webkit-scrollbar 			{ width: 8px; }
.objetivo article .indicadores-list::-webkit-scrollbar-track	{ background-color: #fff; border-radius: 100px; }
.objetivo article .indicadores-list::-webkit-scrollbar-thumb	{ border-radius: 100px; background-image: linear-gradient(180deg, #f0f0f0 0%, #f0f0f0 99%); box-shadow: 2px 2px 5px 0 rgb(255 255 255 / 50%) inset; }

.objetivo.obj4836 .indicadores-list.colored aside > div.nombre		{ background: #EB1C2D; border: 0 none; }
.objetivo.obj4841 .indicadores-list.colored aside > div.nombre		{ background: #D6A029; border: 0 none; }
.objetivo.obj4846 .indicadores-list.colored aside > div.nombre		{ background: #289B49; border: 0 none; }
.objetivo.obj4869 .indicadores-list.colored aside > div.nombre		{ background: #C42030; border: 0 none; }
.objetivo.obj4977 .indicadores-list.colored aside > div.nombre		{ background: #EE4129; border: 0 none; }
.objetivo.obj5003 .indicadores-list.colored aside > div.nombre		{ background: #26BDE2; border: 0 none; }
.objetivo.obj4877 .indicadores-list.colored aside > div.nombre		{ background: #FCC30B; border: 0 none; }
.objetivo.obj4882 .indicadores-list.colored aside > div.nombre		{ background: #8B1839; border: 0 none; }
.objetivo.obj4895 .indicadores-list.colored aside > div.nombre		{ background: #F07022; border: 0 none; }
.objetivo.obj4901 .indicadores-list.colored aside > div.nombre		{ background: #DE1584; border: 0 none; }
.objetivo.obj4907 .indicadores-list.colored aside > div.nombre		{ background: #FD9A27; border: 0 none; }
.objetivo.obj4910 .indicadores-list.colored aside > div.nombre		{ background: #CF8C2A; border: 0 none; }
.objetivo.obj4915 .indicadores-list.colored aside > div.nombre		{ background: #3F7E44; border: 0 none; }
.objetivo.obj5128 .indicadores-list.colored aside > div.nombre		{ background: #0A97D9; border: 0 none; }
.objetivo.obj5198 .indicadores-list.colored aside > div.nombre		{ background: #56C02B; border: 0 none; }
.objetivo.obj5252 .indicadores-list.colored aside > div.nombre		{ background: #03518F; border: 0 none; }
.objetivo.obj5141 .indicadores-list.colored aside > div.nombre		{ background: #163768; border: 0 none; }
.objetivo .indicadores-list.colored .value span 			{ color: #000; }
.objetivo .indicadores-list.colored aside > div.nombre > * 	{ color: #fff;  }

.objetivo .indicadores-list.downfall aside											{ transition: all 0.3s ease-in-out; }
.objetivo .indicadores-list.downfall aside > .fas 									{ position: absolute; right: 4px; top: 4px; cursor: pointer; }
.objetivo .indicadores-list.downfall aside:not(.open) 								{ min-height: 0; padding: 0; }
.objetivo .indicadores-list.downfall aside:not(.open) > div:not(.nombre)			{ max-height: 0; overflow: hidden; padding: 0; }
.objetivo .indicadores-list.downfall aside:not(.open) > .nombre						{ background: #fff; }
.objetivo .indicadores-list.downfall aside.open > div:not(.nombre) 					{ max-height: 200px; overflow: inherit; transition: max-height 0.3s ease; }
.objetivo .indicadores-list.downfall.colored aside > .fas							{ color: #fff; }
.objetivo .indicadores-list.downfall aside.open > .fas::before						{ content: "\f068"; }
/*Comentamos esta línea - forja en content
.objetivo .indicadores-list.downfall aside > div.nombre > strong[data-value]::before { content: attr(data-value); float: right; padding: 0 4px; color: #000; background: rgba(255,255,255,0.75); margin: 0 0 0 8px; border-radius: 4px; line-height: 1.7442; }
*/
/* Fin Nuevo componente indicadores-list */
@media screen and (max-width: 800px){
	.objetivo article aside > div.aditional		{ display: block; justify-content: inherit; }
}

@media screen and (max-width: 640px){
	.objetivo article aside 						{ width: 100%; margin-bottom: 20px !important; }
	.objetivo article aside > div.aditional			{ display: flex; justify-content: space-between; }
	.objetivo > .cuerpo > article > div > .mapGraph { width: 100%; }
	.objetivo > .cuerpo > article > div				{ padding-left: 0; }
	.secciones table tr td.nodisp > span 			{ width: 100%; white-space: normal; }
}

.mapGraph {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mapGraph > div{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

div.mapGraph > div.grafSerie,
.container-simulated-graphSerie{
	width: 100%;
    min-height: 450px;
    max-height: 800px;
    overflow: hidden;
    position: relative;
    padding-right: 35px;
    align-self: flex-end;
}

div.mapGraph > div.pnlDchCont,
.container-simulated-pnlDchCont{
	width: 100%;
	min-height: 300px;
    max-height: 800px;
    display: flex;
	flex-direction: column;
}

.container-simulated-graphSerie,
.container-simulated-pnlDchCont{ background: #e0e0e0; margin: 25px 0 0 0 !important; border: 1px solid #ccc; }
.container-simulated-graphSerie::before { content: "Gráfico de barras / Serie"; height: 100%; width: 100%; text-align: center; margin: 0 auto; display: table; line-height: 250px; }
.container-simulated-pnlDchCont::before { content: "Gráfico con pestañas"; height: 100%; width: 100%; text-align: center; margin: 0 auto; display: table; line-height: 250px; }

div.mapGraph > div.pnlDchCont > .subGraphDiv{
	height:100%;
	min-height: 250px;
}

div.mapGraph > div.pnlDchCont > .subGraphDiv>* {
	min-height:450px;
}

.w_cuerpo_contorno{
	margin-bottom: 0px !important;
}

.jqplot-xaxis{
	min-height: 50px;
}

ol.notasTabla{
	list-style: decimal;
	padding: 2em 0em 1.5em 1.5em;
}

ul.lista_hori {
    margin-top: 0px;
    margin-bottom: 1rem;
    margin-left: 0;
    font-size: 1.1em;
    color: white;
    font-weight: bold;
}

ul.lista_hori li {
    padding: 0 3px;
    MARGIN: 0.2em;
    WIDTH: auto;
    BACKGROUND: /*#4E7D36*/ #457e76;
    border-radius: 25px;
    DISPLAY: inline-block;
}

ul.lista_hori li a {
    padding: 0.3em;
    DISPLAY: inline-block;
    FONT-WEIGHT: bold;
    WIDTH: auto;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    border-radius: 25px;
}

.contenido {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   	justify-content: space-between;
}

.contenido>*{
    align-self: flex-start;
	margin-top:0px!important;
}

.contenido>div{
	min-width:250px;

}

.contenido>dl{
	min-width:150px;
}

footer > a {
	color: #457e76 !important;
	text-decoration:underline !important;
}

/******************* Modo impresión *********************************/
section.print div.cuerpo{
	padding-left: 1em;
}

section.print article.meta > header{
	background: linear-gradient(45deg, #f0f0f0, #f0f0f0);
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.05);
    border-radius: 8px 8px 0 0;
    font-size: 1.2rem;
}

section.print article.indi > header{
	font-size: 1.1rem;
	font-weight: bold;
	padding: 5px;
	border: solid 1px gray;
	border-radius: 8px 8px 0 0;
}

section.print .nodisp {
    background-color: orange;
    padding: 5px;
}

section.print .noapli{
	background-color: #E27874;
	padding: 5px;
}

/*BORRAR CUANDO VENGA EL CODIGO NUEVO*/
.metadatos > .data > .row > .col-75 a[href*="numinv=54009"]{
    pointer-events: none;
}

/****************** Fin Indicador ******************/

ul.export{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0px;
	list-style-type: none;
	font-size: 0.5em;
}

.navbar a.icoShare											{ background: inherit; }
.navbar a.icoShare::before									{ content: "\f1e0"; position: absolute; right: 8px; top: -3px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 22px; }
.navbar a.icoShare:hover, .navbar a[aria-expanded="true"]	{ background: #fff; }

section.info{clear: both; border-top: 3px solid #ddeeec;}
section.info article{margin-bottom: 1rem;}

img												{ image-rendering: -webkit-optimize-contrast; }

.metadatos .logos								{ display: none; }
.metadatos .logos > div 						{ width: 50%; display: block; position: relative; float: left; }
.metadatos .logos img, .metadatos .logos object { width: 100%; max-width: 200px; max-height: 200px; object-fit: contain; margin: 0 auto; display: block; }

.metadatos h2 									{ text-align: center; margin-top: 25px;}
.metadatos .data 								{ margin-top: 25px; }
.metadatos .data .row 							{ border: 1px solid #ccc; border-top: 0 none; padding: 5px; align-items: center; display: flex; }
.metadatos .data .row:nth-child(2n)				{ background: rgba(0,0,0,0.06); }
.metadatos .data .row:nth-child(2n+1)			{ border-top: 1px solid #ccc; }
.metadatos .col-75 								{ flex: 75%; padding: 0 0 0 5px; position: relative; }
.metadatos .col-25 								{ flex: 25%; padding: 0 5px 0 0; position: relative; font-weight: bold;}

.metadatos .data > .row > .col-75::after 		{ content: ""; border-left:  1px solid #ccc; position: absolute; height: calc(100% + 10px); width: 100%; top: -5px; left: 0; z-index: -1; }
.metadatos .data > .row > .col-25::after 		{ content: ""; border-right: 1px solid #ccc; position: absolute; height: calc(100% + 10px); width: 100%; top: -5px; left: 1px; z-index: -1; }

.metadatos .data > .row > .col-75 > p 						{margin: 0px;}

.w_cuerpo_contorno { overflow: inherit !important; }

@media screen and (max-width: 800px) {
	.metadatos .data .row 						{ display: block; width: 100%; margin: 0;}
	.metadatos .data .row > div 				{ flex: none !important; width: 100%; }
	.metadatos .data > .row > .col-25			{ padding: 0 0 5px 0; font-weight: bold}
	.metadatos .data > .row > .col-75			{ padding: 0; }
	.metadatos .data > .row > .col-25::after,
	.metadatos .data > .row > .col-75::after 	{ display: none; }
}

@media print {
	.metadatos .data .row	{ flex: none !important; page-break-inside: avoid; break-inside: avoid; }
	.metadatos .logos {display:flex;}
	section.print .metadatos .logos	{display: none;}
	section.print .metadatos {page-break-inside: avoid  !important;}
	.metadatos {page-break-inside: avoid  !important;}
}