/* La altura elegida representa todo el espacio anterior al menu. */
html body .cabecera{height:40px!important;min-height:0!important;padding:0!important}
html body,html body input,html body select,html body textarea,html body button{font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif!important}
/* El fondo pertenece a la pagina completa y puede ser color plano o textura repetida. */
html body{color:#4b5563!important;font-size:17px!important;background-color:#f7f7f7!important;background-image:none!important;background-repeat:repeat!important;background-position:top left!important}
/* La anchura elegida solo se fuerza en escritorio; debajo de 981 px siguen mandando las reglas adaptables originales. */
@media screen and (min-width:981px){html body .container{width:min(calc(100% - 30px),1200px)!important;max-width:1200px!important}}
/* Todas las familias de cajas comparten borde y forma, pero conservan fondos independientes. */
html body .box,html body .boxprincipal,html body .boxcontenido,html body .cabecera-seccion-publica{box-sizing:border-box!important;border:1px solid #d7dee5!important;border-radius:6px!important}
html body .box,html body .boxprincipal,html body .boxcontenido{background-color:#ffffff!important;background-image:none!important;background-repeat:repeat!important;background-position:center!important}
/* El fondo especifico de contenido prevalece sobre el general dentro de publicaciones y tarjetas de contenido. */
html body #content,html body .boxcontenido{background-color:#ffffff!important;background-image:none!important;background-repeat:repeat!important;background-position:center!important}
/* H1 de las publicaciones, separado del H1 de categorias/subcategorias. */
html body #content>section>h1{color:#27313a!important;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif!important;font-size:40px!important;text-shadow:none!important}
html body .cabecera-seccion-publica h1{color:#ffffff!important;font-family:"Segoe UI", Arial, sans-serif!important;font-size:40px!important;text-shadow:none!important}
html body h2,html body #content h2,html body .box h2,html body .boxprincipal h2,html body .boxcontenido h2,html body .contenido-taxonomias h2{color:#27313a!important;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif!important;font-size:30px!important;text-shadow:none!important}
html body a:not(.button):not(.btn){color:#007aa6!important}
html body a:not(.button):not(.btn):hover,html body a:not(.button):not(.btn):focus{color:#ffffff!important;background-color:#007aa6!important}
/* Un enlace dentro del H1 conserva el color configurado para el propio H1. */
html body h1 a:not(.button):not(.btn){color:inherit!important}
html body h2 a:not(.button):not(.btn){color:inherit!important}
/* Fondo administrable de las cabeceras de categoria y subcategoria. */
html body .cabecera-seccion-publica{background-color:#20558b!important;background-image:none!important;background-repeat:repeat!important;background-position:center!important}
/* Personalizacion completa del menu superior y de cada caja de enlace. */
html body #header-wrapper{background-color:#ffffff!important;background-image:none!important;background-repeat:repeat!important;background-position:center!important}
@media screen and (min-width:981px){
html body #header-wrapper #nav>ul{gap:8px!important;height:79px!important}
html body #header-wrapper #header{height:79px!important;min-height:79px!important}
html body #header-wrapper #nav>ul>li{height:79px!important}
html body #header-wrapper #nav>ul>li>a{box-sizing:border-box!important;width:auto!important;min-width:auto!important;height:79px!important;padding:0 15px!important;border:0px solid #dbe2e8!important;border-radius:0px!important;background-color:#ffffff!important;background-image:none!important;background-repeat:repeat!important;color:#202020!important;font-family:"Exo", Arial, sans-serif!important;font-size:18px!important;box-shadow:none!important}
html body #header-wrapper #nav>ul>li>a:hover,html body #header-wrapper #nav>ul>li:hover>a{background-color:#f4f7f5!important;background-image:none!important;color:#159957!important}
html body #header-wrapper #nav>ul>li>ul li a{background-color:#ffffff!important;color:#202020!important;font-family:"Exo", Arial, sans-serif!important;font-size:18px!important}
html body #header-wrapper #nav>ul>li>ul li a:hover{background-color:#f4f7f5!important;color:#159957!important}
}
html body #navPanel a{color:#202020!important;font-family:"Exo", Arial, sans-serif!important;font-size:18px!important}