/* 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}
/* Fondo del panel de secciones desplegado en movil (#navPanel). */
@media screen and (max-width:980px){html body #navPanel{background-color:#ffffff!important}html body #navPanel .link{background:transparent!important;border-top-color:rgba(255,255,255,.24)!important}html body #navPanel .link.depth-0{color:#202020!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::before{display: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;font-size:18px!important;font-weight:700!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}
/* El CTA conserva su forma y sombra; sus dos colores se editan desde el panel. */
html body .publicar-anuncio-boton{background:#c91428!important;border-color:#c91428!important;color:#ffffff!important}
html body .publicar-anuncio-boton:hover,html body .publicar-anuncio-boton:focus{color:#ffffff!important}
/* Acciones pequeñas de cuenta, favoritos y publicación situadas arriba a la derecha. */
html body .portal-acciones-top{clear:both!important;background:#241038!important}
/* Ya no es una barra del menu: ocupa el inicio del contenido y conserva el fondo de la pagina. */
html body .portal-acciones-top--contenido{background:transparent!important}
html body .portal-acciones-top a{color:#ffffff!important;border-color:#ffffff!important}
html body .portal-acciones-top a.portal-acciones-top__destacado,html body .portal-acciones-top a.portal-acciones-top__unete{background:#e83d78!important;color:#ffffff!important;border-color:#e83d78!important}
html body .portal-acciones-top a:hover,html body .portal-acciones-top a:focus{background:#4b2465!important;color:#ffffff!important;border-color:#4b2465!important}
/* Acciones comunes de todas las categorias y publicaciones. Los iconos se
   apilan sobre el texto para conservar la misma tarjeta compacta en cada zona. */
html body .acciones-publicacion .acciones-publicacion__boton{box-sizing:border-box!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:62px!important;min-height:46px!important;padding:5px 7px!important;border:1px solid #f3b3ca!important;border-radius:10px!important;background:#ffffff!important;color:#e82d78!important;font-size:11px!important;font-weight:700!important;line-height:1.05!important;text-align:center!important;white-space:normal!important;box-shadow:none!important;transform:none!important}
html body .acciones-publicacion .acciones-publicacion__boton:hover,html body .acciones-publicacion .acciones-publicacion__boton:focus{background:#ffffff!important;color:#e82d78!important;border-color:#e82d78!important;box-shadow:0 4px 10px rgba(232,45,120,.14)!important;transform:translateY(-1px)!important}
html body .acciones-publicacion .acciones-publicacion__boton.acciones-publicacion__boton--guardar.esta-guardado,html body .acciones-publicacion .acciones-publicacion__boton.acciones-publicacion__boton--guardar.esta-guardado:hover,html body .acciones-publicacion .acciones-publicacion__boton.acciones-publicacion__boton--guardar.esta-guardado:focus{background:#e82d78!important;border-color:#e82d78!important;color:#ffffff!important}
html body .acciones-publicacion .acciones-publicacion__icono{color:inherit!important;font-size:15px!important;line-height:1!important}
html body .categoria-portada-actividad .acciones-publicacion{gap:5px!important;flex-wrap:wrap!important}
html body .categoria-portada-actividad .acciones-publicacion__boton,html body .acciones-publicacion--tarjeta .acciones-publicacion__boton{min-width:58px!important;min-height:42px!important}