/* Estilos del componente IntelliMenu */
.intellimenu li                             { width: unset; margin: 0 !important; padding: 0px; }
.intellimenu > li                           { border-top: #fff 5px solid; }
.intellimenu li:last-child span.collapsed,
.intellimenu li span                        { cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px 20px 10px 10px; position: relative; white-space: normal; display: block; transition: all 0.3s ease-in-out 0.3s; transition-property: padding-left, margin-left; }
.intellimenu li a                           { padding: 10px; border: 0 none; color: #000; width: unset; display: block; transition: padding-left 0.3s ease-in-out 0.3s; }
.intellimenu li:not(:last-child) > a,
.intellimenu li:not(:last-child) > span     { border-bottom: 1px solid rgba(0,0,0,0.1) !important; }
.intellimenu > li:not(:last-child) > span.collapsed,
.intellimenu > li:not(:last-child) > a      { border: 0 none !important; }
.intellimenu li a:visited                   { color: #000; }

.intellimenu:not(.building) span + ul       { transition: max-height 0.3s ease-in-out; overflow: hidden; }
.intellimenu:not(.building) .collapsed + ul { max-height: 0 !important; }

.intellimenu .selected > a:link,
.intellimenu .selected > a:active,
.intellimenu .selected > a:visited          { color: #fff !important; }
.intellimenu li > a:hover,
.intellimenu li > span:hover                { background: #37655E !important; color: #fff !important; }

.intellimenu[data-loaded] span::after     				{ content: ""; margin-left: 0.255em; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; display: block; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); transition: transform 0.2s ease; }
.intellimenu[data-loaded] span:not(.collapsed)::after   { transform: translateY(-50%) rotate(180deg); }

.intellimenu .pad10:not(.collapsed) + ul > li > :not(ul) { padding-left: 10px !important; margin: 0 8px; }
.intellimenu :not(.collapsed) + ul .pad20:not(.collapsed) + ul > li > :not(ul) { padding-left: 20px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul .pad30:not(.collapsed) + ul > li > :not(ul) { padding-left: 30px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul .pad40:not(.collapsed) + ul > li > :not(ul) { padding-left: 40px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul .pad50:not(.collapsed) + ul > li > :not(ul) { padding-left: 50px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul .pad60:not(.collapsed) + ul > li > :not(ul) { padding-left: 60px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul .pad70:not(.collapsed) + ul > li > :not(ul) { padding-left: 70px !important; }

.intellimenu.fast:not(.building) span + ul  { transition: max-height 0.15s ease-in-out; }
.intellimenu.fast li span,
.intellimenu.fast li a                      { transition: padding-left 0.15s ease-in-out 0.15s;  }
.intellimenu.fast span::after               { transition: transform 0.1s ease; }

.intellimenu.slow:not(.building) span + ul  { transition: max-height 0.5s ease-in-out; }
.intellimenu.slow li span,
.intellimenu.slow li a                      { transition: padding-left 0.5s ease-in-out 0.5s;  }
.intellimenu.slow span::after               { transition: transform 0.3s ease; }
.intellimenu-layer 							{ float: left; padding: 0em; display: inline; width: auto; background: transparent !important; }
.intellimenu-layer.sticky 					{ position: sticky; top: 40px; }
.intellimenu-layer::after 					{ background-image: var(--img); background-repeat: no-repeat; height: 100%; width: var(--width); content: ""; margin-top: 5px; display: block; position: absolute; background-size: 100%; }

@media screen and (max-width: 479px) {
	.intellimenu-layer		{ width: 20px !important; height: 128px; position: absolute; list-style: outside none none; margin: 0; padding: 0; }
	a.intellimenu-trigger 	{ width: 100%; margin: 0 5px; display: block; letter-spacing: 2px; writing-mode: vertical-lr; height: 128px; text-align: center; font-size: 13px; background: #457e7c; padding: 0; line-height: 24px; color: #fff !important; font-weight: 400; border-radius: 0; transform: rotate(180deg); text-decoration: none; text-rendering: optimizelegibility; }
	.intellimenu-layer > ul.leftside { display: none; }
	.intellimenu-trigger.hover + ul { overflow: hidden; display: block; position: relative; top: -132px; left: 30px; z-index: 9999; background: #fff; height: auto; width: 320px; }

	.intellimenu-layer ~ div{ margin-right: 0; padding-right: 0; padding-left: 30px !important; width: calc(100% - 10px) !important; }
}

.intellimenu:not(.mobile) a:focus, 
.intellimenu:not(.mobile) [tabindex="0"]:focus,
.intellimenu:not(.mobile) a:focus-visible, 
.intellimenu:not(.mobile) [tabindex="0"]:focus-visible {
    outline: 0 none !important;
    box-shadow: 0 0 0 2px #457e76 inset, 0 0 0 4px #fff inset;
}

.intellimenu li span.oculto, 
.intellimenu li span.hidden							{ display: none; }

.intellimenu.menu-lateral li                        { color: #000; }
.intellimenu.menu-lateral li						{ background: #ddeeec; }
.intellimenu.menu-lateral li a:hover                { background: #457e76; color: #fff !important; }
.intellimenu.menu-lateral .selected                 { background: #457e76; font-weight: normal; color: #fff; }
.intellimenu.menu-lateral + img 					{ width: 100%; padding: 1rem 0rem; }

/* Estilos formularios basicos*/
form.nCols                                    { page-break-after: avoid; padding-bottom: 0px; margin-bottom: 0px; page-break-before: avoid; display: inline; }
form.nCols fieldset                           { min-width: 0; padding: 0; margin: 0; border: 0; }
form.nCols fieldset + fieldset:not(.actions)  { margin-top: 15px; }
form.nCols fieldset > div                     { display: flex; flex-flow: row wrap; gap: 10px; }
form.nCols fieldset > div > div               { display: flex; flex-flow: column nowrap; flex: 1 1 auto; }
form.nCols fieldset legend                    { border: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid #fff; border-radius: 4px 4px 0 0; color: var(--color2-bg); display: block; width: auto; padding: .5rem .5rem 0; margin: 0; position: relative; top: 1px; z-index: 2; font-size: 1rem; font-weight: bold; }
form.nCols fieldset legend + div              { border: 1px solid rgba(0,0,0,0.2); padding: .5rem; }
form.nCols fieldset.actions > legend + div    { border: 0 none; padding: 0; }
form.nCols fieldset.actions div [type="submit"]:not(:disabled) { cursor: pointer; display: block; width: auto; height: 30px; margin: 10px auto 0; }
form.nCols fieldset.info                      { width: 100%; display: block; font-size: 0.8rem; line-height: 1.3rem; border: 2px solid var(--color1-125); padding: 0.6em; }
form.nCols fieldset.info header               { margin: 0 0 5px 0; }
form.nCols fieldset.info header > h2          { font-size: 1rem; font-weight: bold; margin: 0; padding: 0;}
form.nCols fieldset.info ul strong            { color: var(--color1-100); }

form.nCols:not(.d-flex) label                 { margin: 4px 0; min-height: auto; font-weight: 400; color: #000; font-size: 0.8rem; line-height: 1.5rem; }
form.nCols:not(.d-flex) button, 
form.nCols:not(.d-flex) input,
form.nCols:not(.d-flex) select:not([multiple]){ overflow: hidden; border: 1px solid var(--color1-100); height: 24px; line-height: 22px; font-size: 0.9rem; margin: 0; padding: 0 4px; box-sizing: border-box; }
form.nCols:not(.d-flex) select                { line-height: 22px; font-size: 0.9rem; }
form.nCols:not(.d-flex) textarea              { overflow: auto; resize: vertical; width: 100%; }
form.nCols:not(.d-flex) button[disabled],
form.nCols:not(.d-flex) input[disabled], 
form.nCols:not(.d-flex) select[disabled]      { border-color: var(--border-gray); }
form.nCols:not(.d-flex) button[disabled]      { background: var(--border-gray); border-color: var(--border-gray); }

.custom-dropdown .search-box .input-search:focus,
.custom-dropdown .search-box .input-search:focus-within,
.custom-dropdown .search-box .input-search:active,
.custom-dropdown .search-box .input-search:focus-visible {
    border-radius: 0 !important;
    outline: 0 none !important;
    border: 1px solid var(--color1-100) !important;
    background: var(--color1-150);
    color: black;
    box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px #457e76;
}

li[lang="es"] cite, cite[lang="es"],
li[lang="en"] cite, cite[lang="en"]{ display: block; float: none; font-weight: bold; }
li[lang="es"] cite::before, cite[lang="es"]::before { content: " por "; font-weight: normal; }
li[lang="en"] cite::before, cite[lang="en"]::before{ content: " by "; font-weight: normal; }
.tooltipINE, 
.tooltip {
	padding: 0px;
	opacity: 1;
    display: inline-block;
    position: inherit;
}

.tooltipINE .texto{
	text-decoration: underline;
	cursor: pointer ;
}

.tooltipINE:hover > .tooltipINE-content,
.tooltipINE:focus > .tooltipINE-content{
	display:inline;
}

.tooltipINE:hover + .tooltipINE-content,
.tooltipINE:focus + .tooltipINE-content{
	display:inline-table;;
}

.tooltipINE-content {
    display: none;
    z-index: 99999;
    background-color: white;
    border: 1px solid var(--color1-090);
    border-radius: 1px;
    position: absolute;
    padding: 2px 4px;
    font-size: inherit;
    font-weight: normal;
	margin: 0;
	box-sizing: border-box;
	min-width: 100px;
	max-width: 50%;
}

@media screen and (max-width: 800px){
	.tooltipINE-content {
		max-width: initial;
	}
}

dl.tooltipINE-content{
	min-width: 20em;
}
dl.tooltipINE-content>dt{
	float:left;
	clear: both;
	margin-right: 5px;
	font-weight: bolder;
}
dl.tooltipINE-content>dd {
	margin:0px;
}

.inebase_tabla>.tooltipINE{
	opacity: 1;
	position:relative;
	display:inline-block;
	line-height:inherit;
	font-family: inherit;
	font-size:inherit;
	z-index: auto;
}

/* ESTILOS PARA MODALES */
.modal                          { display: block; position: fixed; padding-top: 10px; left: 50%; top: 50%; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); border: 1px solid rgba(0,0,0,0.4); transform: translate(-50%, -50%); z-index: 9999; }
.modal-content                  { position: relative; background-color: rgba(0, 0, 0, 0.2); margin: auto; padding: 0; border: 1px solid rgba(0, 0, 0, 0.2); width: 96%; height: auto; text-align: center; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.3s; max-width: 96%; max-height: 96%; min-width: 346px; display: flex; flex-direction: column; pointer-events: auto; left: 48%; top: calc(48% +  15px); transform: translate(-50%, -50%); }
.modal .close                   { background: transparent; border: 0 none; color: var(--text-color); float: right; font-size: 28px; font-weight: bold; position: absolute; top: -8px; right: 0; padding: 0; margin: 10px 0; cursor: pointer; min-height: 36px; min-width: 36px; }
.modal .close i                 { color: var(--text-color); position: relative; top: 3px; }
.modal .close:hover,
.modal .close:focus,
.modal-footer button:hover,
.modal-footer button:focus      { background: var(--color1-150); color: var(--text-color); text-decoration: none; cursor: pointer; }
.modal-header                   { padding: 0 8px !important; margin: 0; background-color: var(--color1-150) !important; color: var(--text-color) !important; border-bottom: 1px solid var(--color1-125); min-height: 40px; line-height: 40px; text-align: left; }
.modal-body                     { padding: 0 8px; margin: -1px 0; background: var(--bg-color); min-height: 64px; display: flex; align-items: center; justify-content: center; overflow: hidden; display:inline-block}
.modal-footer                   { padding: 0 8px; margin: 0; background-color: var(--bg-color); border-top: 1px solid var(--color1-150); color: var(--bg-color); text-align: right; display: block; border-radius: 0; }
.modal-footer button            { background: var(--color1-100); color: var(--bg-color); border: 1px solid rgba(0,0,0,0.2); margin: 8px 0; cursor: pointer; min-height: 36px; min-width: 36px; font-weight: 600; padding: 0 10px; font-size: 0.9rem; }
.modal-footer button + button   { float: left; background: var(--bg-color); color: var(--text-color); }
.modal-body, 
.modal-body > div,
.modal iframe                   { height: auto; flex: 1 1 100%; margin: 0; padding: 10px 0; border: 0 none; width: 100%; max-width: 100%; max-height: 100%; z-index: 0; }
.modal-body                     { overflow:auto; position: initial; }
.modal h2, .modal h3, .modal h4 { margin: 1rem 0 0.5rem; }

.modal.warn .modal-header,
.modal.warn .modal-body,
.modal.warn .modal-footer       { background-color: #F4E7E1 !important; }

.modal.err .modal-header        { background-color: var(--bg-color) !important; }
.modal.err .modal-body, 
.modal.err .modal-footer        { background-color: #ffe2e2 !important; }

.modal.iframe .modal-header     { border: 0 none; font-weight: 600; }
.modal.iframe .modal-body       { overflow: inherit; max-height: 100%; padding: 5px; }
.modal.iframe iframe            { max-height: 100%; padding: 0px;  }

.modal.thickboxFrame .modal-content     { opacity: 0; transition: opacity 0.3s ease; min-height:250px}
.modal.thickboxFrame iframe,
.modal.thickboxFrame .modal-body, 
.modal.thickboxFrame .modal-body > div  { height: 100%; }
.modal.thickboxFrame iframe             { padding: 5px 0 0 5px; }
.modal.thickboxFrame .modal-body        { padding: 0; }
.modal.thickboxFrame .modal-body > div  { padding: 0; }
.modal.thickboxFrame #thickBoxINE       { overflow: hidden; }

.modal.draggable .modal-header          { cursor: move; -moz-user-select: none; -webkit-user-select: none; user-select: none; }

@keyframes animatetop{from{ opacity: 0 } to{  opacity: 1 } }

@media screen and (max-width: 480px){
    .modal-content    {  min-width: initial;  }
}










/* COMIENZO SECCIONES ANTIGUO */
.secciones>li,ul.subSecc>li,
#tablas_mas_consultadas ul.col.secciones>li:not(.inebase_tabla) 									{ padding: 0px 0px 0 0px; line-height: 24px; position: relative; }
.secciones > li > ul.subSecc,
.secciones > li > .title + ul       		                        								{ padding: 0px 0px 0px 20px; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li > :is(div:not(.marcoINE):not(.notab), .title + p, .title + ul:not(:is(.subSecc, .list))),
.secSimple li > :is(div:not(.marcoINE):not(.notab), .title + p, .title + ul:not(.subSecSimp))		{ padding: 0px 0px 0px 27px; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li > ul.list										{ padding: 0px 0px 0px 32px; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li > ol.list										{ padding: 0px 0px 0px 40px; }
ul:is(.secciones, .subSecc, .secciones>li *:not(div) .title~ul)>li > div:not(.marcoINE)				{ line-height: 1.42rem; }
.secSimple ul.subSecc>li>a 				                        									{ padding: 0px; }

.secciones[data-type] > li >ul:not(:is(.contenedorArbol, .list)) > li:not([role="none"]):not(.selCri)  			{ padding: 0px 0 0 0; }

.secciones>li>*:not(ul),
ul.subSecc>li>*:not(ul)					                											{ min-height: inherit; }

ul.seccSimple li > a + a,
ul.secciones li > a + a 				                											{ padding: 0; }

.secciones > li ul > li > dl + span,
.secciones > li ul > li > dl + span + a                 											{ padding: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title					                	{ display: inline-block; margin-top: 0; border: 0 none; padding: 0 0 0 25px; border-radius: 0; position: relative; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.titleOpen,
.secciones article>.titleOpen			                											{ color: black; display: inline-block; cursor: pointer; padding: 5px 5px 0 25px; position: relative; z-index: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.titleOpen,
.secciones article>.titleOpen,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.titleClose,
.secciones article>.titleClose			                											{ color: black; background: transparent; cursor: pointer; padding: 0 0 0 25px; position: relative; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li.title-incomplete                          	{ padding-left: 25px !important; position: relative; }

ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.titleOpen::before,
.secciones article>.titleOpen::before,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.titleClose::before,
.secciones article>.titleClose::before,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li.title-incomplete::before	                { content: "\f0d7"; cursor: pointer; position: absolute; left: 0px; top: 2px; z-index: 1; width: 20px; height: 20px; font-family: "Font Awesome 5 Free", "INEIcons"; font-weight: 900; font-size: 18px; color: #a70332; border: 1px solid #a70332; border-radius: 10px; text-align: center; padding: 0; line-height: 18px; transition: all 0.2s ease-in-out; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li.title-incomplete::before                  	{ content: ""; font-size: 10px; cursor: default; }

.secciones .inebase_tabla                               											{ margin: 0; line-height: 1.6; }

ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>ul                                			{ padding-left: 25px; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li:not(.opciones) i ul:not(.contenedorArbol)  	{ background: #fff !important; padding-left: 15px; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li .contenedorArbol>.filtro ul               	{ margin: 0; padding: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li ul.subSecc > li								{ padding: 0; }

/*Negrita o no, tamaño de fuente a 0.9 o no¿?para el miercoles*/
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title.titleClose,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title.titleOpen                      		{ padding-top: 1px; line-height: 19px; font-weight: 400; margin: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>h2.title.titleClose,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>h2.title.titleOpen 							{ font-weight: 600; font-size: 1rem; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title.titleClose::before,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title.titleOpen::before              		{ top: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title.titleOpen::before                  	{ transform: rotate(-90deg); }

div#cuerpo .secciones li                                { /*line-height: 1.42rem;*/ line-height: 1.5; padding: 3px 0; }

ul.secSimple>li>*,ul.subSecSimp>li>*                    { padding-left: 0px; }
ul.secSimple li>.title                                  { color: black; display: block; cursor: pointer; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title ~ .grid 							{ transition: all 0.3s ease-in-out;}
ul.secSimple li>.titleClose                             { color: black; display: block; cursor: pointer; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.titleClose ~ .grid 						{ display: none; }
ul.secSimple li>.titleOpen                              { color: black; display: block; cursor: pointer; }
ul.secSimple li>ul.subSecSimp                           { margin-left:16px; }


.secciones ul.variables                                 { display: inline-block; width: 100%; }

ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title.titleOpening::before 				{ content: "\f0d7"; transform: rotate(-90deg); }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li>.title.titleOpening.loadingCapitulo::before{ content: "\f110"; /*content: "\f1ce";*/ -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; font-size: 100%; }

/* CASUÍSTICA ESPECIAL PARA TABLAS MÁS CONSULTADAS */
#tablas_mas_consultadas .secciones 											{ /*margin-left: 30px;*/ }
#tablas_mas_consultadas .secciones li 										{ display: table; margin: 0; clear: both; min-height: 24px; line-height: 24px; padding: 0; }
#tablas_mas_consultadas .secciones li ul									{ padding-left: 25px; }
section#tablas_mas_consultadas ul>li.inebase_tabla>*:not(dl) 				{ display: table-cell; }
#tablas_mas_consultadas .secciones [role="menuitem"] ~ .inebase_tabla		{ /*margin-left: -25px;*/ }
section#tablas_mas_consultadas ul>li>a:not(.titulo) 						{ padding: 2px 0 2px 0 !important; line-height: 20px; height: auto; width: 25px; text-align: left; }
section#tablas_mas_consultadas ul>li>a.titulo 								{ margin: 0; }
section#tablas_mas_consultadas .secciones li>.title.titleClose,
section#tablas_mas_consultadas .secciones li>.title.titleOpen 			{ padding-top: 0; line-height: 24px; }

section#tablas_mas_consultadas .secciones li>.title.titleClose::before,
section#tablas_mas_consultadas .secciones li>.title.titleOpen::before 	{ top: 2px; }
section#tablas_mas_consultadas .secciones img.icono 						{ margin-top: -3px; }

/* CASUÍSTICA ESPECIAL PARA LISTADO INEBASE */
#listadoInebase .secciones:not(.unico)								{ margin-left: 30px; display: flex; flex-flow: row wrap; flex-direction: row; }
#listadoInebase .secciones:not(.unico) li 							{ display: block; float: none; clear: both; min-height: 24px; line-height: 24px; padding: 0; margin: 2px 0 0 0; overflow: hidden; width: 100%; }
#listadoInebase .secciones:not(.unico) li ul						{ padding-left: 25px; display: flex; flex-flow: row wrap; flex: auto; margin: 0; }
#listadoInebase ul>li.inebase_tabla>*:not(dl):not(.tooltip-content):not(.grid):not(img)	{ display: block; vertical-align: top; /*flex: auto; flex-basis: min-content;*/ width: 100%; }
#listadoInebase ul>li.inebase_tabla>img,
#listadoInebase .inebase_tabla>a>img,
#listadoInebase .inebase_tabla>.additional>a>img					{ width: 20px; height: 20px; margin: 3px auto 0; display: flex; }
#listadoInebase ul>li.inebase_tabla>.indice							{ padding: 0 5px; }
#listadoInebase .secciones .inebase_capitulo ~ .inebase_tabla 		{ margin-left: -27px; }
#listadoInebase .secciones .inebase_tabla .additional > a 			{ display: table-cell; min-width: 24px; vertical-align: top; min-height: 20px; }
#listadoInebase .secciones li>.title.titleClose,
#listadoInebase .secciones li>.title.titleOpen 					{ padding-top: 0; line-height: 24px; }

#listadoInebase .secciones li>.title.titleClose::before,
#listadoInebase .secciones li>.title.titleOpen::before 			{ top: 2px; }
#listadoInebase .secciones .grid 									{ background: #fff; }
#listadoInebase .secciones li a,
#listadoInebase .secciones li span:not(.tooltip-content)			{ /*background: #DDEEEC;*/ display: inline-block; min-height: 24px; /*padding-top: 2px; padding-bottom: 2px; */}
#listadoInebase .secciones li a + span.tooltip 						{ display: inline-block; }
#listadoInebase ul>li.inebase_tabla>span.additional 				{ flex-grow: 0 !important; width: auto !important; float: left; padding-right: 4px; }
#listadoInebase .secciones li ul.subelement 						{ min-width: 100%; flex-flow: column; flex: 100%; background: #fff; }

#listadoInebase .secciones li.inebase_tabla 						{ display: flex; flex-flow: row nowrap; flex: 100%; overflow: hidden; }
#listadoInebase .secciones li.inebase_tabla > * 					{ flex-basis: content; flex: 1 1 auto; max-width: 100%; }
#listadoInebase .secciones a:focus 									{ box-shadow: 0 0 0 2px #457e76 inset; outline: 0 none !important; border-radius: 4px !important; }
/*#listadoInebase .secciones img.icono 								{ margin-top: -3px; }*/

/*.secciones a.tooltip.tooltip-evnt > .fas 	{ color: #a70332; font-size: 12px; border: 1px solid #a70332; width: 30px !important; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; vertical-align: top; display: table-cell; padding: 0; }
a.tooltip.tooltip-evnt > .fas:before 		{ content: "\f129"; }*/

.secciones.unico li > div:not(.marcoINE):not(.notab) 				{ padding: 0; }
.secciones.unico li ul,
.secciones.unico li > div:not(.marcoINE):not(.notab),
.secciones.unico li > .title + p,
.secciones.unico li > .title + ul:not(.subSecc),
.secSimple.unico li > div:not(.marcoINE):not(.notab),
.secSimple.unico li > .title + p,
.secSimple.unico li > .title + ul:not(.subSecSimp) 					{ padding: 0 0 0 25px; }

/* FIN SECCIONES */


ul:is(.secciones, .subSecc, .secciones>li .title~ul) .titleClose + div p             { display: none; }

ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li p.nota,
ul:is(.secciones, .subSecc, .secciones>li .title~ul) li.nota,
.secciones.cites > li > ul > li					                                          { background: #DDEEEC; border-radius: 4px; border: 1px solid rgba(0,0,0,0.1); padding: 5px; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul) li.nota > p                          { border: 0 none; padding: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li :not(.with-title) .nota::before,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li :not(.with-title) .nota::before	{ content: "\f05a"; font-family: 'Font Awesome 5 Free', "INEIcons"; font-weight: 900; padding: 0px 5px 0 5px; color: #000; background: #fff; font-size: 18px; float: left; display: block; margin: -2px 0 0 -6px; margin-right: 5px; border: 1px solid rgba(0,0,0,0.2); border-width: 1px 1px 1px 0; border-radius: 0 4px 4px 0px; box-shadow: -2px 0 3px 0 #ddd inset; height: 24px; overflow: hidden; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li p.nota > :first-child,
ul:is(.secciones, .subSecc, .secciones>li .title~ul) li.nota > :first-child               { margin-top: 0; padding-top: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li p.nota > *:not(.link):last-child,
ul:is(.secciones, .subSecc, .secciones>li .title~ul) li.nota > *:not(.link):last-child    { margin-bottom: 0; padding-bottom: 0; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul) li.nota p::before                    { display: none; }

ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li .nota + .nota                     { margin-top: -1.3em !important; border-top-color: #f0f0f0; padding-top: 1rem !important; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li .nota + .nota::before             { display: none; }

ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li .nota > .notetitle,
.secciones.cites > li > ul > li > :first-child  { padding: 0px 5px 0 5px; color: #000; background: #fff; float: left; display: block; margin: -2px 0 0 -6px; margin-right: 5px; border: 1px solid rgba(0,0,0,0.2); border-width: 1px 1px 1px 0; border-radius: 0 4px 4px 0px; box-shadow: -2px 0 3px 0 #ddd inset; height: 22px; overflow: hidden; font-family: Arial, sans-serif; font-size: 0.9rem; line-height: 1.25rem; font-weight: 600; }
.secciones .with-title .nota::before            { display: none !important; }
ul:is(.secciones, .subSecc, .secciones>li .title~ul) li.nota > .notetitle,
.secciones.cites > li > ul > li > :first-child  { margin-top: 3px; line-height: 1rem; height: 1.2rem; }

.secciones-titulo                               { display: block; font-size: 1rem; font-weight: 600; margin-top: 1.22rem; }
/*ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li a,
ul:is(.secciones, .subSecc, .secciones>li .title~ul)>li a strong 							{ color: #457e76; font-weight: normal; }*/
ul:is(.secciones, .secSimple, .subSecc, .secciones>li .title~ul)>li a img								{ max-width: 20px; }
.secciones p,
.secciones a,
.secciones-titulo ~ .secciones-titulo			{ line-height: 1.42rem; }
.secciones-titulo a:active                      { color: #000 !important; }

.secciones .nota a.link 						{ background: #fff; padding: 3px 5px; border: 1px solid rgba(0,0,0,0.1); }

.secciones.cites > li							{ margin-bottom: 10px; }
.secciones.cites > li > ul > li					{ padding: 5px !important; border-top: 4px solid #457e76; border-radius: 0 0 4px 4px; }
.secciones.cites > li > ul > li > * 			{ margin: 5px 0; }
.secciones.cites .title cite,
.secciones.cites a cite 						{ display: block; font-weight: bold; }
.secciones.cites .title cite::before,
.secciones.cites a cite::before,
.secciones.cites .title[lang="es"] cite::before { content: "por"; margin-right: 0.3rem; font-weight: normal; }
.secciones.cites .title[lang="en"] cite::before,
.secciones.cites a[lang="en"] cite::before 		{ content: "by"; }
.secciones.cites a:link,
.secciones.cites a:active,
.secciones.cites a:visited 						{ color: #335B55; }
.secciones.cites a::before						{ content: "\f0c1"; font-family: 'Font Awesome 5 Free', "INEIcons"; font-weight: 900; margin-right: 5px; display: inline-block; }
.secciones.cites a[target="_blank"]::before		{ content: "\f35d"; font-family: 'Font Awesome 5 Free', "INEIcons"; font-weight: 900; margin-right: 5px; display: inline-block; }

.secciones>li[role="comment"] > * 				{ padding: 0 0 0 25px; margin-top: 0; margin-bottom: 0; color: #212529; }
.secciones>li[role="comment"] > *::before 		{ content: "\f249"; /* content: "\f10e"; */ font-family: 'Font Awesome 5 Free', "INEIcons"; font-weight: 400; padding-right: 5px; font-style: normal; }
:is(.secciones, .secSimple) li > p 				{ margin: 0; }

.secciones li>.title.titleClose + ul:is(.subSecc) { display: none !important; }

@keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% {-webkit-transform:rotate(1turn);transform:rotate(1turn)}}


/* INICIO  TABS de selección role= "tablist"  y "tabpanel" */
.tabs>ul, #tabs>ul,
.tabs>div>div>ul, #tabs>div>div>ul, #lista_subtemas_hori    {
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0 !important;
    font-size: 1.0rem !important;
    list-style: none !important;
    margin: 0em 0em 0em 0em !important;
    padding: 0em !important;
    border-top: unset !important;
    border-right: unset !important;
    border-left: unset !important;
    border-bottom: #457e76 3px solid !important;
    margin-block-start: 0;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    display: inline-block !important;
    border-radius: 0px !important;
    line-height: 1rem;
    border: none;
}

.tabs>ul>li>a, .tabs>div>div>ul>li>a { text-decoration: none; }

.tabs>ul>li.On>a,
.tabs>div>div>ul>li.On>a                                { text-decoration: none; color: white; }

.tabs>ul>li,
#tabs>ul>li.ui-tabs-tab,
.tabs>div>div>ul>li,
#tabs>div>div>ul>li.ui-tabs-tab,
#lista_subtemas_hori>li {
    border-left: 0px !important;
    padding: 0 !important;
    margin: 5px 5px 0px 0px !important;
    background: #DDEEEC !important;
    display: inline-block !important;
    float: left;
    border-radius: 0px !important;
    border: unset;
    line-height: 1rem;
    border: none;
}

.tabs>div .titleTab, 
.tabs>div>div .titleTab {
    display: none;
}

/*.tabs>ul>li
, #tabs>ul>li.ui-tabs-tab
, */
#lista_subtemas_hori>li.bordeL:hover {
    background: #457e76 !important;
    color: white !important;
}

#lista_subtemas_hori>li.On span.cata_titulo a:link,
#lista_subtemas_hori>li.On span.cata_titulo a:active,
#lista_subtemas_hori>li.On span.cata_titulo a:visited {
    color: white !important;
}

#lista_subtemas_hori>li.bordeL:hover a {
    color: white !important;
}

ul#lista_subtemas_hori li a:link {
    color: black !important;
}

ul#lista_subtemas_hori li a:visited {
    color: black !important;
}

/*fin*/

.tabs>ul>li>*,
#tabs>ul>li.ui-tabs-tab>*,
.tabs>div>div>ul>li>*,
#tabs>div>div>ul>li.ui-tabs-tab>*,
#lista_subtemas_hori>li>* {
    padding: 10px;
    margin: 0px;
    display: block;
}

.tabs>ul>li.On,
#tabs>ul>li.ui-tabs-active,
#tabs>ul>li.ui-state-active,
.tabs>div>div>ul>li.On,
#tabs>div>div>ul>li.ui-tabs-active,
#tabs>div>div>ul>li.ui-state-active,
#lista_subtemas_hori>li.On {
    background: #457e76 !important;
    padding: 0 !important;
    border: 0px !important;
    color: white !important;
    font-weight: bolder !important;
}

.tabs.scrolled                                  { position: relative; overflow: hidden; }
.tabs.scrolled > div > div > ul                 { position: relative; }
.tabs.scrolled > ul li,
.tabs.scrolled > ul li a,
.tabs.scrolled > div > div > ul li,
.tabs.scrolled > div > div > ul li a            { white-space: nowrap;}
/*.tabs.scrolled > ul > li:first-child          { position: absolute; left: 0; margin-left: 0 !important; }*/
/*.tabs.scrolled > ul > li:last-child           { position: absolute; right: 0; margin-right: 0 !important; }*/
.tabs.scrolled button                           { background: var(--bg-color); color: var(--color1-100); border-color: var(--color1-100); font-size: 1.5rem; line-height: 1rem; padding: 0 10px; margin-top: 5px; z-index: 9; }
.tabs.scrolled button i                         { pointer-events: none; }
.tabs.scrolled > div                            { display: flex; gap: 5px; }
.tabs.scrolled > div > div                      { width: calc(100% - 65px); position: relative; }
.tabs.scrolled > div > div > ul > li:last-child { margin-right: 0 !important;}
/* FIN  TABS de selección  */

@media print {
    main > .tabs > div > div > ul,
    main .tabs > div:first-child    { display: none !important; }

    main > .tabs > div              { display: block !important; overflow: auto; background-color: #fff; margin-top: 0px; border-bottom: #457e76 3px solid; padding-left: 10px; padding-bottom: 11px; padding-top: 10px; }

    .tabs>ul>li,
    #tabs>ul>li.ui-tabs-tab
    .tabs>div>div>ul>li,
    #tabs>div>div>ul>li.ui-tabs-tab {
        display: none !important;
    }

    .tabs>ul>li,
    #tabs>ul>li.ui-tabs-tab,
    .tabs>div>div>ul>li,
    #tabs>div>div>ul>li.ui-tabs-tab,
    #lista_subtemas_hori>li {
        display: none !important;
    }

    .tabs>.resultados {
        height: auto !important;
        display: block !important;
    }

    .tabs>.resultados>* {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .tabs>.resultados>table thead,
    thead{
        page-break-before: avoid !important;
        display: table-row-group !important;
        break-inside: avoid !important;
    }

    .tabs>.resultados>table tfoot,
    tfoot {
        display: table-row-group !important;
    }

    .tabs>.resultados>table tr,
    tr {
        page-break-inside: avoid !important;
    }

    .tabs>div .titleTab
    .tabs>div>div .titleTab {
        display: block;
        font-size: 1.2rem;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }

    .tabs>div .titleTab+div>.title
    .tabs>div>div .titleTab+div>.title {
        display: none;
    }
}

/* Estilos del componente toggleButton */
.toggle-button,
.toggle-button:link,
.toggle-button:active,
.toggle-button:visited,
.toggle-container a:link,
.toggle-container a:active,
.toggle-container a:visited                 { color: var(--text-color); position: relative; padding: 1px 0 0 0; line-height: 23px; font-weight: 400; margin: 0; display: inline-block;  }
.toggle-button,
.toggle-button:link,
.toggle-button:active,
.toggle-button:visited						{ padding-left: 25px; margin-bottom: 5px;}
.toggle-container a:link,
.toggle-container a:active,
.toggle-container a:visited                 { font-weight: 600; }
.toggle-button::before                      { content: "\f0d7"; cursor: pointer; position: absolute; left: 0px; top: 2px; z-index: 1; width: 20px; height: 20px; font-family: "Font Awesome 5 Free", "INEIcons"; font-weight: 900; font-size: 18px; color: #a70332; border: 1px solid #a70332; border-radius: 10px; text-align: center; padding: 0; line-height: 18px; transition: all 0.2s ease-in-out;} 
.toggle-button.expanded::before 			{ transform: rotate(-90deg); }
.toggle-container                           { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding: 0 0 0 25px; }
.toggle-container > *                       { margin: 0.9rem 0 0 0; }
.toggle-container a::before                 { content: "\f0c1"; font-family: "Font Awesome 5 Free", "INEIcons"; font-weight: 900; font-size: 0.8rem; color: #457e76; margin-right: 5px; }
.toggle-container a[target="_blank"]::before{ content: "\f35d"; }
.toggle-button.expanded + .toggle-container { max-height: 50000px; font-weight: normal; margin-bottom: 10px;}
/*Modo light quitando elementos*/
.toggle-button.light,
.toggle-button.light:link,
.toggle-button.light:active,
.toggle-button.light:visited						{ padding-left: initial; margin-bottom: initial;}
.toggle-button.light::before                      { content: initial; border: initial; } 
.toggle-container.light > *                       { margin: 0; }
.toggle-container.light a::before                 { content: initial; font-family: initial; font-weight: initial; font-size: initial; color: initial; margin-right: initial; }
.toggle-container.light a[target="_blank"]::before{ content: initial; }