/* 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: #656565; 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%; }

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; }
/* 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"; }/* 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 0 0.5rem; 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:not(:is(.info, base, .warn)) .highlight { background: var(--color1-150); padding: 10px; border: 1px solid rgba(0,0,0,0.1); margin: 5px 0 10px; }

.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; }

.panel.base .icoDescarga            { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.3499998 6.3500002' version='1.1'%3E%3Cg style='display:inline' transform='translate(0,-290.64998)'%3E%3Cpath style='fill:none;stroke:%23fff;stroke-width:0.29514059;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none' d='m 3.1624241,290.82762 a 3.0099993,3.0099646 0 0 1 3.0100056,3.01001 3.0099993,3.0099646 0 1 1 -3.0100056,-3.01001 z'/%3E%3C/g%3E%3Cg style='display:inline'%3E%3Cpath d='M 2.3073669,0.5998652 2.3579159,2.234534 H 1.5732373 L 3.0965916,4.1886276 4.7121946,2.234534 H 3.9275165 L 3.8769676,0.5998652 Z' style='fill:%23fff;fill-rule:evenodd;stroke-width:0.48886555'/%3E%3Cpath d='M 1.5434165,3.9193604 V 5.1310138 H 4.6477131 V 3.8931082' style='fill:none;stroke:%23fff;stroke-width:0.34215704;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none'/%3E%3C/g%3E%3C/svg%3E"); }
.panel.warn .icoDescarga            { color: var(--text-color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.3499998 6.3500002' version='1.1'%3E%3Cg style='display:inline' transform='translate(0,-290.64998)'%3E%3Cpath style='fill:none;stroke:%23000;stroke-width:0.29514059;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none' d='m 3.1624241,290.82762 a 3.0099993,3.0099646 0 0 1 3.0100056,3.01001 3.0099993,3.0099646 0 1 1 -3.0100056,-3.01001 z'/%3E%3C/g%3E%3Cg style='display:inline'%3E%3Cpath d='M 2.3073669,0.5998652 2.3579159,2.234534 H 1.5732373 L 3.0965916,4.1886276 4.7121946,2.234534 H 3.9275165 L 3.8769676,0.5998652 Z' style='fill:%23000;fill-rule:evenodd;stroke-width:0.48886555'/%3E%3Cpath d='M 1.5434165,3.9193604 V 5.1310138 H 4.6477131 V 3.8931082' style='fill:none;stroke:%23000;stroke-width:0.34215704;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none'/%3E%3C/g%3E%3C/svg%3E"); }

/* COMIENZO SECCIONES VERSIÓN 2.0 */
ul:is(.secciones, .subSecc)                                                      { background: var(--bg-color); list-style: none; margin: 0em 0em 0em 0em; padding: 0em; /*position: relative;*/ }
ul:is(.secciones, .subSecc) > li                                                 { padding: 0; line-height: 24px; /*position: relative;*/ margin-top: 1px; }
ul:is(.secciones, .subSecc) > li:not(.title-incomplete)                          { box-shadow: 0 0 0 1px #fff; }
ul:is(.secciones, .subSecc) > li > ul:is(.secciones, .subSecc)                   { padding: 0px 0px 0 25px; }
ul:is(.secciones, .subSecc) > li > :is(a, span) ~ ul:is(.secciones, .subSecc)                   { display: none; }
ul:is(.secciones, .subSecc) > li > ul:is(.secciones, .subSecc) > .title.titleClose, 
ul:is(.secciones, .subSecc) > li > ul:is(.secciones, .subSecc) > .title.titleOpen { padding-top: 1px; line-height: 19px; font-weight: 400; margin: 0; }
ul:is(.secciones, .subSecc) > li > .title,
ul:is(.secciones, .subSecc) > li > a.title[aria-expanded]                        { display: inline-block; color: var(--text-color); background: transparent; cursor: pointer; padding: 0 0 0 25px; position: relative; }
ul:is(.secciones, .subSecc) > li > .title::before                                { content: "\f0d7"; cursor: pointer; position: absolute; left: 0px; top: 0; z-index: 1; width: 20px; height: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: var(--color2-bg); border: 1px solid var(--color2-bg); border-radius: 10px; text-align: center; padding: 0; line-height: 18px; transition: all 0.2s ease-in-out; }
ul:is(.secciones, .subSecc) > li > .title::after                                 { content: ""; width: 22px; height: 100%; position: absolute; left: 0; top: 0; background: var(--bg-color); }
ul:is(.secciones, .subSecc) > li > .title.titleOpen::before                      { transform: rotate(-90deg); }
ul:is(.secciones, .subSecc) > li > .title.titleOpen ~ ul:is(.secciones, .subSecc){ display: block; }
/*ul:is(.secciones, .subSecc) > li > .title + *:not(:is(.secciones, .subSecc))     { position: relative; left: 25px; }*/
ul:is(.secciones, .subSecc) > li > a > img,
ul:is(.secciones, .subSecc) > li > .additional > a > img                         { height: 20px; width: 20px; image-rendering: -webkit-optimize-contrast; }
ul:is(.secciones, .subSecc) > li > .note,
ul:is(.secciones, .subSecc) > li > .notaTextoNota                                { background: var(--color1-150); border-radius: 4px; border: 1px solid rgba(0,0,0,0.1); padding: 5px; margin: 0.5rem 0; }
ul:is(.secciones, .subSecc) > li > .note + .note,
ul:is(.secciones, .subSecc) > li > .notaTextoNota + .notaTextoNota               { margin-top: -1.5rem !important; border-top-color: #f0f0f0; padding-top: 1rem !important; }
ul:is(.secciones, .subSecc) > li > .note > .notetitle                            { padding: 0px 5px 0 5px; color: var(--text-color); background: var(--bg-color); float: left; display: block; 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 #ddd inset; height: calc(1.5rem + 2px); overflow: hidden; font-family: Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 600; }
ul:is(.secciones, .subSecc) > li[role="comment"] > *                             { padding: 0 0 0 25px; margin-top: 0; margin-bottom: 0; color: #212529; }
ul:is(.secciones, .subSecc) > li[role="comment"] > *::before                     { content: "\f249"; font-family: 'Font Awesome 5 Free'; font-weight: 400; padding-right: 5px; font-style: normal; }
ul:is(.secciones, .subSecc) > li.title-incomplete > *                            { background: var(--color1-150); display: block; padding-left: 25px; font-weight: 600; }
ul:is(.secciones, .subSecc) > li.title-incomplete > *::before                    { content: ""; position: absolute; left: 0; top: 4px; z-index: 1; width: 20px; height: 20px; color: var(--color2-bg); border: 1px solid var(--color2-bg); border-radius: 10px; transition: all 0.2s ease-in-out; }
ul:is(.secciones, .subSecc) > li.title-incomplete                                { position: relative; }
ul:is(.secciones, .subSecc) > li.title-incomplete::before                        { margin-left: -25px; content: ""; border: 1px solid var(--bg-color); border-width: 1px 0 0 0; display: block; }
ul:is(.secciones.highlight, .subSecc.highlight) > li:not([role="none"])          { background: var(--color1-150);}
ul:is(.secciones.highlight, .subSecc.highlight) > li > .title                    { background: var(--color1-150) !important; display: block; }
ul:is(.secciones.highlight, .subSecc.highlight) > li > .title::before            { margin-top: 2px; }
ul:is(.secciones.highlight, .subSecc.highlight)  > li > .title::after            { background: var(--color1-150); }
ul:is(.secciones.highlight, .subSecc.highlight) > li.full:not(.empty)            { width: 100%; background: var(--color1-150); }
ul:is(.secciones:not(.highlight), .subSecc:not(.highlight)) > li > .title::after,
ul:is(.secciones:not(.highlight), .subSecc:not(.highlight)) > li > .title::before{ top: 2px; }

ul:is(.secciones.simple, .subSecc.simple) > li > ul:is(.secciones, .subSecc)     { margin: 0; }
ul:is(.secciones.simple, .subSecc.simple) > li > .title,
ul:is(.secciones.simple, .subSecc.simple) > li > a.title[aria-expanded]          { padding: 2px 0 0 0; }
ul:is(.secciones.simple, .subSecc.simple) > li[role="comment"] > *               { padding: 0; }
ul:is(.secciones.simple, .subSecc.simple) > li > .title::before,
ul:is(.secciones.simple, .subSecc.simple) > li > .title::after                   { display: none; }

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

ul:is(.secciones, .subSecc) > li > a:focus,
ul:is(.secciones, .subSecc) > li > .title:focus                                  { transition: none; box-shadow: 0 0 0 2px var(--bg-color) inset, 0 0 0 1px var(--color1-100); outline: 0 none !important; border-radius: 0 !important; /*background: var(--color1-100) !important;*/ /*color: var(--bg-color) !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: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: #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:first-child>li>a{
	text-decoration: none;
}
.tabs>ul:first-child>li.On>a{
	text-decoration: none;
	color:white;
}

.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: #DDEEEC!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: #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: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: #457e76!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; }
}