body #content {
    padding-top: 70px !important;
}

body.home #content {
    padding-top: 0px !important;
}

#primary not(body.home #primary){
    padding: 20px !important;
}

.ast-primary-header-bar {
    position: fixed;
    width:100%;
}

body.home.is-scrolled .ast-primary-header-bar {
    background-color: #8d2d7f !important;
    transition: all 0.5s;
}

body .ast-primary-header-bar /*:not(body.home .ast-primary-header-bar)*/{
    background-color: #8d2d7f !important;
}

body.home .ast-primary-header-bar /*:not(body.home .ast-primary-header-bar)*/ {
    background-color: transparent !important;
}

.site-navigation li.menu-item ul.sub-menu  {
    background-color: #b96eaf !important;
}

.ast-logo-title-inline .ast-site-identity {
    padding: 0 !important;
}

.ast-blog-layout-6-grid .ast-article-post {
    width: 50%;

}

.ast-blog-layout-6-grid .ast-article-post  span.posted-on {
    display: block;
}

.ast-blog-layout-6-grid .ast-article-post   span.posted-by.vcard.author > a {
    display: block;
}

@media (min-width: 922px) {
    .ast-container {
        max-width: 1840px;
    }
}

/* Contenedor principal de la caja de login/logout */
.um-890.um-login {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Bloque superior con la imagen y el nombre */
.um-misc-with-img {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.um-misc-img img {
    border-radius: 50% !important; /* Foto circular */
    border: 2px solid #8d2d7f; /* Borde púrpura SEB */
}

/* Estilo de la lista tipo "List Group" de Bootstrap */
.um-misc-ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.um-misc-ul li {
    margin: 0;
}

.um-misc-ul li a {
    display: block;
    padding: 10px 12px;
    color: #8d2d7f !important; /* Púrpura institucional */
    text-decoration: none !important;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Efecto hover elegante */
.um-misc-ul li a:hover {
    background-color: #f4f0fa; /* Un lila muy suave */
    color: #330066 !important;
    padding-left: 18px; /* Pequeño desplazamiento al pasar el mouse */
}

/* Icono o decoración opcional para el enlace "Salir" */
.um-misc-ul li a[href*="logout"] {
    color: #d9534f !important; /* Rojo sutil tipo Bootstrap para logout */
}

.um-misc-ul li a[href*="logout"]:hover {
    background-color: #fdf2f2;
}