/* 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: padding-left 0.3s ease-in-out 0.3s; }
.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: 1.2rem; 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: 20px !important; }
.intellimenu :not(.collapsed) + ul .pad20:not(.collapsed) + ul > li > :not(ul) { padding-left: 30px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul .pad30:not(.collapsed) + ul > li > :not(ul) { padding-left: 40px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul .pad40:not(.collapsed) + ul > li > :not(ul) { padding-left: 50px !important; }
.intellimenu :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul :not(.collapsed) + ul .pad50: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 .pad60:not(.collapsed) + ul > li > :not(ul) { padding-left: 70px !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: 80px !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; }

@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 { 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 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; padding: 0; font-size: 0.8rem; line-height: 1.3rem;}
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: #808080; 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        { 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) textarea      { overflow: auto; resize: vertical; width: 100%; }


/* IMÁGENES RESPONSIVE */
picture img                             { width: 100%; height: auto; object-fit: cover; }

/* LILSTADO DE IMÁGENES*/
.image-links 						    { display: flex; flex-flow: row wrap; gap: 15px; justify-content: center; align-items: start; padding: 15px 0; }
.image-links.filled                     { background: #DDEEEC; padding: 5px; }
.image-links > li			            { flex: calc(20% - 15px); max-width: 20%; }
.image-links.xsmall > li			    { max-width: calc(33.3333% - 15px); flex: calc(33.3333% - 15px); }
.image-links.small > li			        { max-width: calc(25% - 15px); flex: calc(25% - 15px); }
.image-links.large > li			        { max-width: calc(16.6667% - 15px); flex: calc(16.6667% - 15px); }
.image-links.xlarge > li			    { max-width: calc(12.5% - 15px); flex: calc(12.5% - 15px); }
.image-links > li > :is(a, span)	    { display: block; border: 0 none; display: flex; flex-direction: column; padding: 1em; width: 100%; }
.image-links > li > :is(a, span) > .image,
.image-links > li > :is(a, span) > .highlight,
.image-links > li > :is(a, span) > .text		    { display: block; margin: 0 auto; }
.image-links > li > :is(a, span) > .image		    { width: auto; height: 100%; max-height: 90px; padding: 0 0 10px 0; }
.image-links > li > :is(a, span) > .highlight	    { font-weight: bold; color: #9E1834; font-size: 1.40rem; text-align: center; margin: 2px auto 4px; }
.image-links > li > :is(a, span) > .text		    { font-weight: 400; color: #212529; font-size: 1.20rem; text-align: center; padding-bottom: 4px; }
.image-links > li > :is(a, span) > .image + .text   { margin-top: 1rem; }

.image-links.filled > li.selected,
.image-links.filled > li:hover,
.image-links.filled > li:focus	    { background: #ffffff; color: #457e76; }
.image-links > li.selected,
.image-links > li:hover,
.image-links > li:focus			        { background: #ddeeec; color: #457e76; }

@media screen and (max-width: 900px)    {
    .image-links > li                   { flex: calc(25% - 15px) !important; max-width: calc(25% - 15px) !important; }
}

@media screen and (max-width: 640px)    {
    .image-links > li                   { flex: calc(50% - 15px) !important; max-width: calc(50% - 15px) !important; }
}

@media screen and (max-width: 480px)    {
    .image-links > li                   { flex: 100% !important; max-width: 100% !important; }
}


/* TOOLBAR VERTICAL */
.toolbar                                         { position: relative; z-index: 99; }
.toolbar button,
.toolbar > button						 { border-radius: 50px 50px !important; border-bottom: 0 none; border: 1px solid #a70332; color: #a70332; background: transparent; width: 29px; height: 29px; }
.toolbar .grp button:not(:last-of-type) { border-bottom: 0 none !important; border-radius: 0 !important; }
.toolbar .grp button:last-of-type		 { border-radius: 0 0 5px 5px !important; }
.toolbar > button::before				 { /*content: "\271B";*/ content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 24px; line-height: 28px; transition: all 0.3s ease; transform: rotate(0deg); display: block; padding: 0; margin: 0; position: relative; top: -6px; }
.toolbar .grp 						     { width: 30px; background: #fff; border-width: 0px 0px 1px 1px; border-radius: 0 0 0 50px; display: none; position: absolute; top: 28px; }
.toolbar.active .grp 					 { display: block; }
.toolbar.active .grp button:first-child { padding-top: 3px !important; }
.toolbar.active > button 				 { border-radius: 5px 5px 0 0 !important; border-bottom: 0 none; }
.toolbar.active > button::before		 { /*content: "\2715";*/ transform: rotate(180deg) !important; top: 4px; }
.toolbar.active > button,
.toolbar.active button 				 { border-radius: 50px 50px 0 0 !important; border-bottom: 0 none;  border: 1px solid #a70332 !important; }
.expanded .toolbar > button::before	 { content: "\2715"; }

/* 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: #2B2D73; 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"; font-weight: 900; font-size: 18px; color: #0D5798; border: 1px solid #0D5798; 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 									{ outline: 0 none !important; border-radius: 4px !important; box-shadow: 0px 0px 3px 0.15rem #b34b31 !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'; 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; width: 20px; image-rendering: -webkit-optimize-contrast;}
.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'; font-weight: 900; margin-right: 5px; display: inline-block; }
.secciones.cites a[target="_blank"]::before		{ content: "\f35d"; font-family: 'Font Awesome 5 Free'; 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'; 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)}}
/* Estilos del componente CUASTOM-SELECT */
.custom-dropdown > button:focus, select:focus + .custom-dropdown > button {
    outline: var(--color1-100) auto 2px;
    border: 1px solid var(--color1-100) !important;
    background: var(--color1-150);
    color: var(--text-color);
    outline-offset: 2px;
    border-radius: 0;
    outline-style: solid;
}

.custom-dropdown > button[aria-expanded="true"]:focus, select:focus + .custom-dropdown > button[aria-expanded="true"] {
    color: var(--bg-color);
}

.custom-dropdown li:not(.search-box):hover {
    background: var(--color1-100);
    color: var(--bg-color);
    cursor: pointer;
}
/* INICIO  TABS de selección role= "tablist"  y "tabpanel" */
.tabs>ul:first-child
, #tabs>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: #E5E7F3 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:first-child>li>a{
	text-decoration: none;
}
.tabs>ul:first-child>li.On>a{
	text-decoration: none;
	color:#333;
}

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

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

/*.tabs>ul:first-child>li
, #tabs>ul>li.ui-tabs-tab
, */#lista_subtemas_hori>li.bordeL:hover
{
		background: #b6c5df!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:first-child>li>*
, #tabs>ul>li.ui-tabs-tab>*
, #lista_subtemas_hori>li>*
{
	padding:10px;
	margin:0px;
	display: block;
}

.tabs>ul:first-child>li.On
, #tabs>ul>li.ui-tabs-active
, #tabs>ul>li.ui-state-active
, #lista_subtemas_hori>li.On{
	background: #B6C5DF!Important;
	padding: 0!Important;
    border: 0px!Important;
    color: white!Important;
    font-weight: bolder!Important;
}
/* FIN  TABS de selección  */

@media print {
    .tabs>ul:first-child>li,
	#tabs>ul>li.ui-tabs-tab 					{ display: none !important; }

	.tabs>ul:first-child>li,
	#tabs>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 				        { 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 	        { display: none; }
}
/*EJEMPLO DE USO EN: Q:\tecdifuDocs\WebServer\raiz\Pablo\MetodosYProjectos\intellimenu\documentos-trabajo-flex-table.shtml */
.table-container 									{ display: block; }
.flex-table 										{ display: flex; flex-flow: row wrap; border: solid 1px rgba(0,0,0,0.1); padding: 5px; margin-bottom: 15px; gap: 8px; transition: 0.5s; }
.flex-table [role=rowgroup] 						{ width: 100%; }
.flex-table [role=rowgroup] > * 					{ flex: 100%; flex-flow: row wrap; display: flex; gap: 8px; padding: 0; margin: 0; }
.flex-table [role=rowgroup] > * > div 				{ background: #89BEBA; color: #000; border-color: rgba(0,0,0,0.1); font-weight: 600; border: 0 solid rgba(0,0,0,0.1); padding: 5px; outline: 1px solid rgba(0,0,0,0); outline-offset: 2px; flex: 1 1 33%; }
.flex-table [role=rowgroup] [role="cell"]			{ background: rgba(0, 0, 0, 0); font-weight: normal; }
.flex-table .nogrow									{ flex: 0 0 auto; }
.flex-table [role=row]:nth-child(2n)	 			{ background: #f0f0f0; }
/* Estilos del componente toggleButton */
.toggle-button:link,
.toggle-button:active,
.toggle-button:visited,
.toggle-container a:link,
.toggle-container a:active,
.toggle-container a:visited                 { color: #335B55; position: relative; padding: 1px 0 0 0; line-height: 19px; font-size: 0.9rem; font-weight: 400; margin: 0; display: inline-block; text-decoration: underline; }
.toggle-button:link,
.toggle-button:active,
.toggle-button:visited						{ padding-left: 25px; }
.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"; 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(180deg); }
.toggle-container                           { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding: 0 0 10px 25px; }
.toggle-container > *                       { margin: 0.9rem 0 0 0; }
.toggle-container a::before                 { content: "\f0c1"; font-family: "Font Awesome 5 Free"; 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: 1000px; font-weight: normal; }
/* Componente Paneles */
.panel                  { padding: 5px; margin: 0.5rem 0; line-height: 1.7rem; white-space: normal; }
.panel *, 
.panel *::before,
.panel *::after         { box-sizing: border-box; margin-top: 0; margin-bottom: 0; }
.panel > header         { padding: 0; font-family: Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 600; width: 100%; float: none; position: relative; overflow: inherit; margin: 0; border: 0 none; border-radius: 0; text-align: left; height: auto; box-shadow: none; }
.panel.joined           { margin-top: -1.5rem !important; padding-top: 1rem !important; }
.panel > mark           { display: block; background: var(--bg-color); border-radius: 4px; line-height: 1.5rem; height: auto; width: 100%; padding: .5rem 0; margin: 0; border: 0 none; }
.panel > dl,
.panel > mark > dl      { margin: 0; padding: 0;}
.panel > dl > dt, 
.panel > mark > dl > dt { padding-right: 5px; float: left; }
.panel > mark > dl > dt::after,
.panel > dl > dt::after { content: ":"; }
.panel > dl > dd, 
.panel > mark > dl > dd { display: list-item; list-style: none; clear: right; margin: 0; }
.panel > a, 
.panel > a:link,
.panel > a:active,
.panel > a:visited
.panel > mark > a,
.panel > dl > dt > a,
.panel > dl > dd > a        { color: var(--color1-100); }
.panel > a::before,
.panel > mark > a::before,
.panel > dl > dt > a::before,
.panel > dl > dd > a::before{ content: "\f0c1"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 4px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }

.panel.info                 { background: var(--color1-150); color: var(--text-color) ; border-radius: 4px; border: 1px solid rgba(0,0,0,0.1); }
.panel.info.joined          { border-top-color: transparent; }
.panel.info > header        { color: #000; background: #fff; float: left; display: block; padding: 0px 5px 0 5px; margin: 0 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 rgba(0,0,0,0.2) inset; height: calc(1.35rem + 2px); overflow: hidden; width: auto; }

.panel.warn                 { background: #ffd8bc; border: 1px solid rgba(0,0,0,0.2); }

.panel.base              { background: var(--color1-100); color: var(--bg-color); border-radius: 4px; }
.panel.base > header     { width: 100%; float: none; position: relative; overflow: inherit; margin: 0 0 10px; background: var(--color1-075); border: 1px solid var(--color1-100); border-radius: 4px; text-align: center; padding: 5px; height: auto; box-shadow: none; }
.panel.base > a,
.panel.base > mark > a,
.panel.base > dl > dt > a,
.panel.base > dl > dd > a,
.panel.base > a::before,
.panel.base > mark > a::before,
.panel.base > dl > dt > a::before,
.panel.base > dl > dd > a::before   { color: var(--color1-150); }

.panel.info > mark,
.panel.base > mark,
.panel.warn > mark                  { margin: 8px 0; padding: .5rem; }