/* Clasicotas visual-only dark theme and responsive overrides. */
html,
body {
    min-width: 0;
    overflow-x: hidden;
}

html {
    -webkit-text-size-adjust: 100%;
}

#wrapper,
#maincontainer,
#contenido_principal,
#bg_buscador,
#main,
#sidebar,
.post,
.post-contenedor,
.comentario-post,
.registro,
.box,
.box_c,
.box_cuerpo,
.searchBar,
.b_cat,
input,
textarea,
select,
button,
.btn {
    box-sizing: border-box;
}

#wrapper,
#maincontainer {
    max-width: 100%;
}

#contenido_principal,
#bg_buscador,
#main,
#sidebar,
.post-wrapper,
.post-contenedor,
.post-contenido {
    min-width: 0;
}

#bg_buscador {
    width: 100%;
}

img,
iframe,
object,
embed,
video {
    max-width: 100%;
}

img,
video,
.post-contenido img,
.comment-content img,
.box_c img,
.box_cuerpo img {
    height: auto;
}

.post-contenido img,
.comment-content img,
.box_c img,
.box_cuerpo img {
    max-width: 100% !important;
}

.post-contenido,
.comment-content,
.box_c,
.box_cuerpo,
.commenttext,
.Container,
.resumen {
    overflow-wrap: anywhere;
}

#head {
    height: auto;
    min-height: 70px;
}

#head > #wrapper {
    display: flex;
    align-items: center;
    min-height: 70px;
    gap: 12px;
}

#head #logo,
#head #logoi {
    float: none;
    flex: 0 0 300px;
}

#head #logoi {
    background-size: contain !important;
    background-position: left center !important;
}

#head .buscador-h {
    float: none;
    flex: 0 1 350px;
    margin: 10px 0 0 auto;
    width: 350px;
}

#head .buscador-h > div[style] {
    clear: none !important;
}

/* Mantener visible el logo rotativo original dentro del header.
   El enlace #logoi necesita ser bloque porque el CSS responsive quitaba el float original. */
#head #logo {
    display: block;
    width: 300px;
    height: 70px;
    flex: 0 0 300px;
}

#head #logoi {
    display: block;
    width: 300px;
    height: 70px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: left center !important;
}

#head .theme-switcher {
    margin-left: auto;
}

#sidebar .quick-search-sidebar,
#sidebar .sidebar-vip-button {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
}

#sidebar .sidebar-vip-button {
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    text-decoration: none !important;
}

.admin-vip-info .box_c {
    line-height: 1.5;
}

.admin-vip-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.admin-vip-info li {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 0;
    border-bottom: 1px dotted #d0d1d3;
}

.admin-vip-info li:last-child {
    border-bottom: 0;
}

.admin-vip-info .vip-label {
    font-weight: bold;
}

.admin-vip-info .vip-value {
    text-align: right;
}

html[data-theme="dark"] .admin-vip-info li {
    border-bottom-color: #38384b;
}

.theme-switcher {
    flex: 0 0 auto;
    margin: 15px 0 0 0;
}

.theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.theme-toggle:hover,
.theme-toggle:focus {
    background: rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.7);
    outline: none;
    text-decoration: none;
}

.theme-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    font-size: 12px;
    line-height: 18px;
}

#menu #wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

#menu .menuTabs {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: stretch;
    list-style: none;
    min-width: 0;
}

#menu .menuTabs li,
#menu .userInfoLogin ul li {
    float: none;
}

#menu .menuTabs li.clearBoth {
    display: none;
}

#menu .opciones_usuario {
    float: none;
    flex: 0 0 auto;
    height: auto;
    margin-left: auto;
}

#menu .userInfoLogin ul,
#menu div.anon {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.subMenu ul.tabsMenu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.subMenu ul.tabsMenu li {
    display: block;
}

.subMenu select,
.subMenu .filterCat {
    max-width: 100%;
}

.post-contenedor,
#post-comentarios,
#post-comentarios .comentarios-title,
#post-comentarios .miComentario .answerTxt,
.comment-box,
.buscador-home,
.bus-resul,
.bus-side,
#resultados,
#showResult,
.paginadorCom,
.linksList,
.registro,
.sidebar-tabs .avatar-big-cont,
.bodymp,
#imagenes,
.breadcrump {
    max-width: 100%;
}

.buscador-resultados {
    width: 710px;
    max-width: 100%;
    margin: 7px 0 0;
}

.linksList {
    max-width: 100%;
    table-layout: auto;
}

.linksList th,
.linksList td {
    word-break: break-word;
}

.searchBar,
select.b_cat,
.form-line input,
.form-line select,
input.login,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="number"],
select {
    max-width: 100%;
}

.post_portada img,
.saga img,
.p-rela img,
.post-user-img a img,
.avatar-box img,
div.comentario-post .avatar-32 {
    object-fit: cover;
}

html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] #brandday,
html[data-theme="dark"] #maincontainer,
html[data-theme="dark"] #contenido_principal {
    background: #111118;
    color: #e6e6ef;
}

html[data-theme="dark"] a {
    color: #b59cff;
}

html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus {
    color: #d5c7ff;
}

html[data-theme="dark"] hr,
html[data-theme="dark"] footer hr {
    background: #343448 !important;
    color: #343448 !important;
}

html[data-theme="dark"] #head {
    background: #311b92;
    border-bottom-color: #20105e;
}

html[data-theme="dark"] #menu,
html[data-theme="dark"] #subMenuCapsula {
    background: #111827;
    color: #d8dbe8;
}

html[data-theme="dark"] .menuTabs li a,
html[data-theme="dark"] .userInfoLogin a,
html[data-theme="dark"] .userInfoLogin .usernameMenu a,
html[data-theme="dark"] div.anon a.opcion {
    color: #d8dbe8 !important;
}

html[data-theme="dark"] .menuTabs li a:hover,
html[data-theme="dark"] .menuTabs li.tabbed.here a,
html[data-theme="dark"] #menu ul.menuTabs li.here,
html[data-theme="dark"] .menuTabs li#tabbedhome.here,
html[data-theme="dark"] .userInfoLogin li:hover,
html[data-theme="dark"] div.anon a.opcion:hover {
    background: #1f2937;
    color: #fff !important;
}

html[data-theme="dark"] .subMenu,
html[data-theme="dark"] .subMenu-bg {
    background-color: #181827;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .subMenu ul.tabsMenu li a,
html[data-theme="dark"] .subMenu .filterCat span {
    color: #c9cede;
}

html[data-theme="dark"] .subMenu ul.tabsMenu li:hover a,
html[data-theme="dark"] .subMenu ul.tabsMenu li.here a {
    color: #fff;
}

html[data-theme="dark"] .subMenu ul.tabsMenu li.here {
    background: #23233a;
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] #sidebar,
html[data-theme="dark"] .box,
html[data-theme="dark"] .box h2,
html[data-theme="dark"] .box_c,
html[data-theme="dark"] .box_cuerpo,
html[data-theme="dark"] .post,
html[data-theme="dark"] .post_portada,
html[data-theme="dark"] .post-contenedor,
html[data-theme="dark"] .comentario-post,
html[data-theme="dark"] .comment-content,
html[data-theme="dark"] .registro,
html[data-theme="dark"] .wMod,
html[data-theme="dark"] .boxy,
html[data-theme="dark"] .boxy-content,
html[data-theme="dark"] .notificaciones-list,
html[data-theme="dark"] #mydialog #cuerpo,
html[data-theme="dark"] .dialog_box,
html[data-theme="dark"] .bubble-content,
html[data-theme="dark"] .hovercard-inner .footer,
html[data-theme="dark"] .answerTxt .Container,
html[data-theme="dark"] .comentarioTxt .Container,
html[data-theme="dark"] .paginadorCom,
html[data-theme="dark"] #login_box .login_cuerpo,
html[data-theme="dark"] #login_box .login_footer,
html[data-theme="dark"] .login_cuerpo form,
html[data-theme="dark"] footer {
    background: #1b1b27;
    border-color: #343448;
    color: #e6e6ef;
}

html[data-theme="dark"] #sidebar {
    border-right-color: #343448;
    border-left-color: #343448;
}

html[data-theme="dark"] footer {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .box h2,
html[data-theme="dark"] .wMod-h,
html[data-theme="dark"] .titulo h2,
html[data-theme="dark"] .registro h2,
html[data-theme="dark"] .post-data span:first-child,
html[data-theme="dark"] .main-title-post,
html[data-theme="dark"] .titulorespuestas,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #f5f5fb;
}





html[data-theme="dark"] .post_desc,
html[data-theme="dark"] .p_meta,
html[data-theme="dark"] .meta_arr,
html[data-theme="dark"] .meta_sta,
html[data-theme="dark"] .post-contenido,
html[data-theme="dark"] .linksList tbody td,
html[data-theme="dark"] .linksList thead th,
html[data-theme="dark"] .box h2,
html[data-theme="dark"] .box_c,
html[data-theme="dark"] .mas,
html[data-theme="dark"] .sti li,
html[data-theme="dark"] .post-autor-rango,
html[data-theme="dark"] .post-user-datos span,
html[data-theme="dark"] .comentarios-title hr,
html[data-theme="dark"] ul.lest-mp li {
    border-color: #343448 !important;
}

html[data-theme="dark"] .linksList thead,
html[data-theme="dark"] .linksList tbody tr,
html[data-theme="dark"] .sti li a,
html[data-theme="dark"] ol.cleanlist li,
html[data-theme="dark"] .mas,
html[data-theme="dark"] .post_datos .categoria,
html[data-theme="dark"] .tags a,
html[data-theme="dark"] .listado li,
html[data-theme="dark"] ul.points_user,
html[data-theme="dark"] .comment-box .comment-info,
html[data-theme="dark"] .ver-mas,
html[data-theme="dark"] .bodymp,
html[data-theme="dark"] .frommp,
html[data-theme="dark"] div.spoiler .title {
    background: #242436;
    color: #e6e6ef;
}

html[data-theme="dark"] ol.cleanlist li:nth-child(2n + 1),
html[data-theme="dark"] .sti li a:hover,
html[data-theme="dark"] .tags a:hover,
html[data-theme="dark"] .linksList tbody tr:hover,
html[data-theme="dark"] .listado li:hover,
html[data-theme="dark"] .notificaciones-list ul li:hover,
html[data-theme="dark"] .userInfoLogin ul li div.notificaciones-list ul li.unread {
    background: #2d2d42 !important;
}

html[data-theme="dark"] .tags a,
html[data-theme="dark"] .post_datos .categoria,
html[data-theme="dark"] .post_datos .ver {
    color: #d7d7e6;
}

html[data-theme="dark"] .b_alert {
    background: #2d235a;
    border-color: #6247c8;
    color: #eeeaff;
}

html[data-theme="dark"] .alert-success {
    color: #c7f7d0;
    background-color: #12331d;
    border-color: #245d34;
}

html[data-theme="dark"] .alert-info {
    color: #c6f2ff;
    background-color: #0f2c36;
    border-color: #1e596c;
}

html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .post-bloquear {
    color: #ffe6a6;
    background-color: #3b2f14;
    border-color: #72591f;
}

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .login_cuerpo #login_error {
    color: #ffd6d6;
    background-color: #3c171c;
    border-color: #7a3038;
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input.login,
html[data-theme="dark"] .mini_ibuscador,
html[data-theme="dark"] .searchBar,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .form-line input,
html[data-theme="dark"] .form-line select,
html[data-theme="dark"] #modalBody input,
html[data-theme="dark"] .text-inp,
html[data-theme="dark"] .textarea-edit,
html[data-theme="dark"] .tabbed-d input.text,
html[data-theme="dark"] .tabbed-d input.password,
html[data-theme="dark"] .tabbed-d textarea {
    background-color: #15151f !important;
    border-color: #3b3b50 !important;
    color: #f4f4fb !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] .form-line input:focus,
html[data-theme="dark"] .form-line select:focus {
    background-color: #1d1d2b !important;
    border-color: #8d76ff !important;
    box-shadow: 0 0 0 0.2rem rgba(141, 118, 255, 0.22) !important;
    color: #fff !important;
}

html[data-theme="dark"] input.login:focus ~ label,
html[data-theme="dark"] input.login:valid ~ label {
    color: #b59cff !important;
}

html[data-theme="dark"] .bar:before,
html[data-theme="dark"] .bar:after {
    background: #b59cff;
}

html[data-theme="dark"] .btn-default,
html[data-theme="dark"] input.button,
html[data-theme="dark"] .button {
    color: #f4f4fb;
    background-color: #2a2a3a;
    border-color: #44445a;
}

html[data-theme="dark"] .btn-default:hover,
html[data-theme="dark"] input.button:hover,
html[data-theme="dark"] .button:hover {
    color: #fff;
    background-color: #36364a;
    border-color: #5a5a74;
}

html[data-theme="dark"] input.l_entrar {
    border-color: #67627a;
    color: #d8dbe8;
}

html[data-theme="dark"] input.l_entrar:hover,
html[data-theme="dark"] a.l_cerrar:hover {
    border-color: #b59cff;
    color: #fff;
}

html[data-theme="dark"] a.l_cerrar {
    background: #303044;
    color: #fff;
}

html[data-theme="dark"] .theme-toggle {
    background: rgba(0, 0, 0, 0.22);
    border-color: rgba(255, 255, 255, 0.45);
}

html[data-theme="dark"] .theme-toggle-icon {
    background: rgba(255, 255, 255, 0.16);
}

html[data-theme="dark"] .caja_visitas .total,
html[data-theme="dark"] .caja_visitas .total span,
html[data-theme="dark"] .estadisticasList ul li a span.number,
html[data-theme="dark"] .perfil-user h1.nick,
html[data-theme="dark"] .perfil-data .frase-personal {
    color: #f5f5fb;
}

html[data-theme="dark"] .avatar,
html[data-theme="dark"] .avatar-box img,
html[data-theme="dark"] div.comentario-post .avatar-32,
html[data-theme="dark"] .post-category-img img,
html[data-theme="dark"] img.afiliado {
    background-color: #202033;
    border-color: #3b3b50;
}

html[data-theme="dark"] .form-line label span {
    background-color: #1b1b27;
}

html[data-theme="dark"] .g-recaptcha {
    background: #fff;
    border-radius: 4px;
}

@media (max-width: 1220px) {
    #head > #wrapper,
    #menu > #wrapper,
    .subMenu-bg > #wrapper,
    footer > #wrapper {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    #main,
    #sidebar {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 1024px) {
    #contenido_principal,
    #bg_buscador {
        display: flex;
        flex-direction: column;
    }

    #contenido_principal > #main,
    #contenido_principal > #sidebar,
    #bg_buscador > #main,
    #bg_buscador > #sidebar {
        width: 100%;
        max-width: 100%;
        float: none;
        flex: 0 0 auto;
    }

    #contenido_principal > #main,
    #bg_buscador > #main {
        order: 1;
    }

    #contenido_principal > #sidebar,
    #bg_buscador > #sidebar {
        order: 2;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #d3d3d3;
    }

    #bg_buscador #main,
    #bg_buscador #sidebar {
        padding: 24px;
    }

    .post-contenedor,
    #post-comentarios,
    #post-comentarios .comentarios-title,
    #post-comentarios .miComentario .answerTxt,
    .comment-box {
        width: 100% !important;
        float: none;
    }

    #columna1-x,
    #columna2-x {
        width: 100% !important;
        float: none;
        padding: 15px;
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    #head > #wrapper {
        flex-wrap: wrap;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #head .buscador-h {
        flex: 1 1 360px;
        margin-left: auto;
    }

    .post_desc {
        width: calc(100% - 260px);
    }
}

@media (max-width: 768px) {
    #head > #wrapper {
        justify-content: center;
    }

    #head #logo,
    #head #logoi {
        width: 220px;
        height: 52px;
        flex-basis: 220px;
    }

    #head #logoi {
        display: block;
    }

    .theme-switcher {
        margin-left: auto;
    }

    #head .buscador-h {
        flex: 1 1 100%;
        order: 3;
        width: 100%;
        margin: 8px 0 0;
    }

    #head .buscador-h .search-in {
        padding-left: 0;
    }

    #head .mini_leftIbuscador {
        display: none;
    }

    #head .mini_ibuscador {
        width: calc(100% - 46px);
        padding: 6px 8px;
        border-radius: 3px 0 0 3px;
        height: 34px;
    }

    #head .mini_bbuscador {
        width: 46px;
        height: 34px;
        background-color: #311b92;
        background-image: none;
        border-radius: 0 3px 3px 0;
    }

    #menu > #wrapper,
    .subMenu-bg > #wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    #menu .menuTabs,
    #menu .opciones_usuario,
    #menu .userInfoLogin ul,
    #menu div.anon,
    .subMenu ul.tabsMenu {
        justify-content: center;
        width: 100%;
    }

    #menu .opciones_usuario {
        flex: 1 1 100%;
        margin-left: 0;
        text-align: center;
    }

    #menu .menuTabs li a,
    .userInfoLogin a,
    .userInfoLogin .usernameMenu a,
    div.anon a.opcion,
    .subMenu ul.tabsMenu li a {
        padding: 9px 8px;
    }

    .subMenu select {
        float: none;
        margin: 8px auto;
        width: calc(100% - 24px);
    }

    #menu #login_box {
        left: 12px;
        right: 12px;
        top: 70px;
        width: auto;
        max-width: none;
    }

    #menu #login_box .login_cuerpo {
        padding: 22px 18px;
    }

    #menu #login_box input.login,
    #menu #login_box .bar,
    #menu #login_box input.l_entrar,
    #menu #login_box a.l_cerrar {
        width: 100%;
    }

    #main,
    #sidebar,
    #bg_buscador #main,
    #bg_buscador #sidebar {
        padding: 18px;
    }

    .post {
        display: flex;
        flex-wrap: wrap;
    }

    .post_portada {
        flex: 0 0 105px;
        width: 105px;
        height: 148px;
    }

    .post_desc {
        flex: 1 1 calc(100% - 120px);
        float: none;
        width: auto;
        height: auto;
        margin-top: 0;
        padding-right: 0;
        border-right: 0;
    }

    .post_datos {
        float: none;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
        padding: 10px 0 0;
        width: 100%;
    }

    .post_datos .categoria,
    .post_datos .ver,
    #pnuevo {
        width: auto;
        min-width: 95px;
        padding: 8px 12px;
        margin: 0;
        font-size: 12px;
    }

    .bus-side,
    .bus-resul,
    #resultados,
    .buscador-resultados {
        float: none !important;
        margin: 10px 0;
        width: 100% !important;
    }

    .searchWith {
        display: flex;
        width: 100%;
    }

    .searchWith a {
        flex: 1 1 50%;
        width: auto;
        font-size: 0.95rem;
    }

    .searchBar,
    .bus-side input.searchBar,
    #bg_buscador input.searchBar,
    select.b_cat,
    #bg_buscador input[type="submit"].btn,
    form[name="buscador"] input[type="submit"] {
        width: 100% !important;
    }

    #showResult table.linksList,
    #showResult table.linksList thead,
    #showResult table.linksList tbody,
    #showResult table.linksList tr,
    #showResult table.linksList th,
    #showResult table.linksList td {
        display: block;
        width: 100% !important;
    }

    #showResult table.linksList tr {
        border-bottom: 1px solid #d0d1d3;
        padding: 8px 0;
    }

    #showResult table.linksList td:first-child {
        display: none;
    }

    .registro {
        width: calc(100% - 20px);
        padding: 24px 20px;
        margin: 12px auto;
    }

    .registro .form-line[style] {
        width: 100% !important;
        display: block !important;
        margin-left: 0 !important;
    }

    .form-line select#dia,
    .form-line select#mes,
    .form-line select#anio {
        width: 100%;
        margin: 0 0 8px 0;
    }

    .footerReg {
        height: auto;
        width: 100%;
    }

    .g-recaptcha {
        margin-left: 0 !important;
        max-width: 100%;
        overflow: hidden;
        transform-origin: 0 0;
    }

    .paginacion,
    .paginadorCom {
        width: 100% !important;
        float: none;
        overflow: hidden;
    }

    footer .f_list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    footer img,
    footer div.f_list li {
        float: none;
    }

    footer img {
        max-width: 220px;
        height: auto;
    }

    footer div.f_list li {
        display: inline-block;
        margin: 4px 6px;
    }
}

@media (max-width: 480px) {
    #main,
    #sidebar,
    #bg_buscador #main,
    #bg_buscador #sidebar {
        padding: 14px;
    }

    .theme-toggle-text {
        display: none;
    }

    .theme-toggle-icon {
        margin: 0;
    }

    #head #logo,
    #head #logoi {
        width: 200px;
        height: 42px;
        flex-basis: 200px;
    }

    #head #logoi {
        display: block;
    }

    #menu .menuTabs li a,
    .userInfoLogin a,
    .userInfoLogin .usernameMenu a,
    div.anon a.opcion,
    .subMenu ul.tabsMenu li a {
        font-size: 10px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .post_portada {
        float: none;
        width: 125px;
        height: auto;
        margin: 0 auto 10px;
        flex-basis: 125px;
    }

    .post_portada img {
        width: 100%;
        height: auto;
    }

    .post_desc {
        flex-basis: 100%;
        width: 100%;
    }

    .post_datos {
        display: block;
    }

    .post_datos .categoria,
    .post_datos .ver,
    #pnuevo {
        display: block;
        margin-bottom: 8px;
        width: 100%;
    }

    .post-category-img,
    .post-data,
    .post-AdminMod-tools {
        display: block;
        margin: 0 0 10px;
        width: 100%;
    }

    .post-data {
        margin-left: 0;
    }

    .post-AdminMod-tools.pull-right,
    .buttons-prof-post,
    .pull-right {
        float: none !important;
    }

    .avatar-box {
        float: none;
        margin-bottom: 8px;
    }

    .comment-box {
        float: none;
        width: 100% !important;
    }

    .comment-info .floatL,
    .comment-info .floatR,
    .paginadorCom .floatL,
    .paginadorCom .floatR {
        float: none;
        text-align: center !important;
        width: 100% !important;
    }

    #menu #login_box input.l_entrar,
    #menu #login_box a.l_cerrar {
        display: block;
        margin: 6px 0 0;
        text-align: center;
        width: 100%;
    }

    .post-contenedor,
    .comentario-post,
    .box_c,
    .box h2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .b_alert h1 {
        font-size: 24pt;
    }

    .g-recaptcha {
        transform: scale(0.88);
        width: 304px;
    }
}

@media (max-width: 360px) {
    .g-recaptcha {
        transform: scale(0.82);
    }
}

/* Ajuste final: logo visible, boton de tema en submenu, sidebar simetrico y VIP admin ordenado. */
#head {
    height: 70px !important;
    min-height: 70px !important;
}

#head > #wrapper {
    display: block !important;
    min-height: 70px !important;
    height: 70px !important;
    position: relative;
}

#head #logo {
    display: block !important;
    float: left !important;
    width: 300px !important;
    height: 70px !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#head #logoi {
    display: block !important;
    float: left !important;
    width: 300px !important;
    height: 70px !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: none !important;
}

#head #logo img,
#head #logoi img {
    display: block !important;
    width: auto !important;
    max-width: 300px !important;
    height: 70px !important;
    max-height: 70px !important;
    object-fit: contain;
}

#head .theme-switcher {
    display: none !important;
}

.subMenu-bg > #wrapper {
    position: relative;
}

.submenu-theme-switcher {
    float: right;
    margin: 6px 0 0 14px;
    position: relative;
    z-index: 5;
}

.submenu-theme-switcher .theme-toggle {
    min-height: 31px;
    padding: 6px 12px;
    background: #ffffff;
    border-color: #d8d1ee;
    color: #4527a0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.submenu-theme-switcher .theme-toggle:hover,
.submenu-theme-switcher .theme-toggle:focus {
    background: #f4f1ff;
    border-color: #4527a0;
    color: #311b92;
}

.submenu-theme-switcher .theme-toggle-icon {
    background: #ebe6ff;
    color: #4527a0;
}

html[data-theme="dark"] .submenu-theme-switcher .theme-toggle {
    background: #222232;
    border-color: #494963;
    color: #ffffff;
}

html[data-theme="dark"] .submenu-theme-switcher .theme-toggle:hover,
html[data-theme="dark"] .submenu-theme-switcher .theme-toggle:focus {
    background: #2c2c42;
    border-color: #7b61ff;
    color: #ffffff;
}

html[data-theme="dark"] .submenu-theme-switcher .theme-toggle-icon {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

#sidebar .sidebar-top-actions {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 12px 0;
    padding: 0;
    box-sizing: border-box;
}

#sidebar .sidebar-top-actions .quick-search-sidebar,
#sidebar .quick-search-sidebar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    box-sizing: border-box !important;
}

#sidebar .quick-search-sidebar .box_c {
    box-sizing: border-box !important;
}

#sidebar .quick-search-sidebar .quick-search-input,
#sidebar .quick-search-sidebar .quick-search-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#sidebar .sidebar-vip-button,
#sidebar .sidebar-vip-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px;
    margin: 0 0 16px 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 1.2;
    white-space: normal;
}

#sidebar .sidebar-vip-button + .box,
#sidebar .sidebar-vip-btn + .box,
#sidebar .sidebar-top-actions + .box {
    margin-top: 0 !important;
}

.admin-vip-info {
    clear: both;
    overflow: hidden;
}

.admin-vip-info .box_c {
    padding: 10px !important;
    line-height: 1.35;
}

.admin-vip-info ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.admin-vip-info li,
.admin-vip-info .admin-vip-row {
    display: block !important;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #e3e5ea;
    border-radius: 4px;
    background: #fafafa;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

.admin-vip-info li:last-child {
    border-bottom: 1px solid #e3e5ea;
}

.admin-vip-info .vip-row-highlight {
    background: #fff8dc;
    border-color: #ead487;
}

.admin-vip-info .vip-label {
    display: block;
    margin: 0 0 3px 0;
    color: #6f7580;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.2;
    text-transform: uppercase;
}

.admin-vip-info .vip-value {
    display: block;
    color: #2f3742;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-align: left !important;
    overflow-wrap: anywhere;
}

html[data-theme="dark"] .admin-vip-info li,
html[data-theme="dark"] .admin-vip-info .admin-vip-row {
    background: #20202e;
    border-color: #39394d;
}

html[data-theme="dark"] .admin-vip-info .vip-row-highlight {
    background: #332b13;
    border-color: #6f5a1e;
}

html[data-theme="dark"] .admin-vip-info .vip-label {
    color: #b8b8c8;
}

html[data-theme="dark"] .admin-vip-info .vip-value {
    color: #ffffff;
}

@media (max-width: 768px) {
    #head,
    #head > #wrapper {
        height: 58px !important;
        min-height: 58px !important;
    }

    #head #logo,
    #head #logoi {
        width: 240px !important;
        height: 58px !important;
        min-height: 58px !important;
    }

    #head #logo img,
    #head #logoi img {
        max-width: 240px !important;
        height: 58px !important;
        max-height: 58px !important;
    }

    .submenu-theme-switcher {
        float: none;
        clear: both;
        margin: 6px 8px 6px 8px;
        text-align: right;
    }
}

@media (max-width: 480px) {
    #head,
    #head > #wrapper {
        height: 52px !important;
        min-height: 52px !important;
    }

    #head #logo,
    #head #logoi {
        width: 210px !important;
        height: 52px !important;
        min-height: 52px !important;
    }

    #head #logo img,
    #head #logoi img {
        max-width: 210px !important;
        height: 52px !important;
        max-height: 52px !important;
    }

    .submenu-theme-switcher {
        text-align: left;
    }
}


/* Ajustes finales UI: logo, switch en submenu, sidebar y bloque VIP. */
#head #logo {
    display: block !important;
    width: 300px !important;
    height: 70px !important;
    flex: 0 0 300px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#head #logoi {
    display: block !important;
    width: 300px !important;
    height: 70px !important;
    min-height: 70px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: left center !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

#head #logo img,
#head #logoi img {
    display: none !important;
}

#head .theme-switcher,
#head .buscador-h {
    display: none !important;
}

.submenu-theme-switcher {
    display: none !important;
}

.subMenu .submenu-theme-control {
    float: right;
    display: flex;
    align-items: center;
    height: 46px;
    margin: 0 0 0 12px;
}

.subMenu .theme-toggle-submenu {
    min-height: 28px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid #d4d4df;
    background: #fff;
    color: #425b70;
    box-shadow: none;
}

.subMenu .theme-toggle-submenu:hover,
.subMenu .theme-toggle-submenu:focus {
    background: #f4f4fa;
    color: #222;
    border-color: #bfc0cc;
    text-decoration: none;
}

.subMenu .theme-toggle-submenu .theme-toggle-icon {
    color: inherit;
    background: rgba(69, 39, 160, 0.15);
}

html[data-theme="dark"] .subMenu .theme-toggle-submenu {
    background: #23233a;
    color: #fff;
    border-color: #45455d;
}

html[data-theme="dark"] .subMenu .theme-toggle-submenu:hover,
html[data-theme="dark"] .subMenu .theme-toggle-submenu:focus {
    background: #2d2d46;
    border-color: #686886;
}

#sidebar .sidebar-top-actions {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 14px 0;
}

#sidebar .quick-search-sidebar,
#sidebar .sidebar-vip-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#sidebar .sidebar-vip-button,
#sidebar .sidebar-vip-btn {
    display: block !important;
    width: 100% !important;
    margin: 12px 0 16px 0 !important;
    padding: 10px 12px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
}

#sidebar .sidebar-vip-button i,
#sidebar .sidebar-vip-btn i {
    margin-left: 4px;
    vertical-align: middle;
}

#sidebar .sidebar-top-actions + .box,
#sidebar .sidebar-vip-button + .box,
#sidebar .sidebar-vip-btn + .box {
    margin-top: 14px !important;
}

.admin-vip-info .box_c {
    padding: 0 !important;
}

.admin-vip-info .admin-vip-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    margin: 0 !important;
}

.admin-vip-info .admin-vip-table th,
.admin-vip-info .admin-vip-table td {
    padding: 7px 10px !important;
    border-bottom: 1px solid #e1e1e8 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    vertical-align: top !important;
    word-break: break-word !important;
}

.admin-vip-info .admin-vip-table th {
    width: 48%;
    color: #4d6070 !important;
    font-weight: 700 !important;
    text-align: left !important;
    background: #f7f7fb !important;
}

.admin-vip-info .admin-vip-table td {
    width: 52%;
    color: #222 !important;
    text-align: right !important;
    background: #fff !important;
}

.admin-vip-info .admin-vip-table tr:last-child th,
.admin-vip-info .admin-vip-table tr:last-child td {
    border-bottom: 0 !important;
}

.admin-vip-info .admin-vip-table .vip-row-highlight th,
.admin-vip-info .admin-vip-table .vip-row-highlight td {
    background: #f3efff !important;
    color: #4527a0 !important;
}

html[data-theme="dark"] .admin-vip-info .admin-vip-table th,
html[data-theme="dark"] .admin-vip-info .admin-vip-table td {
    border-bottom-color: #38384b !important;
}

html[data-theme="dark"] .admin-vip-info .admin-vip-table th {
    background: #202033 !important;
    color: #d8dbe8 !important;
}

html[data-theme="dark"] .admin-vip-info .admin-vip-table td {
    background: #1b1b27 !important;
    color: #f5f5fb !important;
}

html[data-theme="dark"] .admin-vip-info .admin-vip-table .vip-row-highlight th,
html[data-theme="dark"] .admin-vip-info .admin-vip-table .vip-row-highlight td {
    background: #2b2548 !important;
    color: #d5c7ff !important;
}

@media (max-width: 768px) {
    #head #logo,
    #head #logoi {
        width: 240px !important;
        height: 56px !important;
        min-height: 56px !important;
        flex-basis: 240px !important;
        background-position: center center !important;
    }

    .subMenu .submenu-theme-control {
        float: none;
        justify-content: center;
        width: 100%;
        height: auto;
        margin: 6px 0 8px 0;
        order: 99;
    }
}

@media (max-width: 480px) {
    #head #logo,
    #head #logoi {
        width: 210px !important;
        height: 50px !important;
        min-height: 50px !important;
        flex-basis: 210px !important;
    }

    .admin-vip-info .admin-vip-table th,
    .admin-vip-info .admin-vip-table td {
        display: block;
        width: 100% !important;
        text-align: left !important;
    }
}

/* Ajuste puntual: el control de tema se integra como item normal del submenu. */
.subMenu .submenu-theme-control,
.submenu-theme-switcher {
    display: none !important;
}

.subMenu ul.tabsMenu li.theme-menu-item {
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 !important;
    padding: 0 !important;
}

.subMenu ul.tabsMenu li.theme-menu-item .theme-menu-toggle {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgb(90, 118, 137) !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    line-height: normal !important;
    text-align: left !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.subMenu ul.tabsMenu li.theme-menu-item:hover .theme-menu-toggle,
.subMenu ul.tabsMenu li.theme-menu-item .theme-menu-toggle:hover,
.subMenu ul.tabsMenu li.theme-menu-item .theme-menu-toggle:focus {
    color: rgba(90, 118, 137, 0.7) !important;
    background: transparent !important;
    outline: none !important;
    text-decoration: none !important;
}

.subMenu ul.tabsMenu li.theme-menu-item .theme-toggle-icon {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item .theme-menu-toggle {
    color: #ffffff !important;
}

html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item:hover .theme-menu-toggle,
html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item .theme-menu-toggle:hover,
html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item .theme-menu-toggle:focus {
    color: rgba(255, 255, 255, 0.8) !important;
}

@media (max-width: 768px) {
    .subMenu ul.tabsMenu li.theme-menu-item .theme-menu-toggle {
        padding: 10px 12px !important;
        text-align: center !important;
    }
}

/* Ajuste final: el control de tema usa el mismo comportamiento visual que los links del submenu. */
.subMenu ul.tabsMenu li.theme-menu-item {
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 !important;
    padding: 0 !important;
}

.subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle,
.subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle:visited {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgb(90, 118, 137) !important;
    cursor: pointer !important;
    font: inherit !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    line-height: normal !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.subMenu ul.tabsMenu li.theme-menu-item:hover a.theme-menu-toggle,
.subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle:hover,
.subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle:focus {
    color: rgba(90, 118, 137, 0.7) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

.subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle .theme-toggle-icon {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
}

html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle,
html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle:visited {
    color: #ffffff !important;
}

html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item:hover a.theme-menu-toggle,
html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle:hover,
html[data-theme="dark"] .subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle:focus {
    color: rgba(255, 255, 255, 0.8) !important;
    background: transparent !important;
}

@media (max-width: 768px) {
    .subMenu ul.tabsMenu li.theme-menu-item a.theme-menu-toggle {
        padding: 10px 12px !important;
        text-align: center !important;
    }
}

/* Fix puntual: el logo debe verse en todos los navegadores.
   Se usa una imagen real dentro de #logoi y se neutralizan reglas previas que ocultaban #logo img o borraban el background. */
#head #logo,
#head #logoi {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#head #logo {
    width: 300px !important;
    height: 70px !important;
    min-height: 70px !important;
    overflow: visible !important;
}

#head #logoi {
    width: 300px !important;
    height: 70px !important;
    min-height: 70px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: left center !important;
    filter: none !important;
    overflow: visible !important;
}

#head #logoi img.clasicotas-header-logo {
    display: block !important;
    width: 300px !important;
    max-width: 300px !important;
    height: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

html[data-theme="dark"] #head #logoi,
html[data-theme="dark"] #head #logoi img.clasicotas-header-logo {
    filter: none !important;
}

@media (max-width: 768px) {
    #head #logo,
    #head #logoi {
        width: 240px !important;
        height: 56px !important;
        min-height: 56px !important;
    }

    #head #logoi img.clasicotas-header-logo {
        width: 240px !important;
        max-width: 240px !important;
        height: 56px !important;
        max-height: 56px !important;
    }
}

@media (max-width: 480px) {
    #head #logo,
    #head #logoi {
        width: 210px !important;
        height: 50px !important;
        min-height: 50px !important;
    }

    #head #logoi img.clasicotas-header-logo {
        width: 210px !important;
        max-width: 210px !important;
        height: 50px !important;
        max-height: 50px !important;
    }
}

/* Clasicotas incremental UI fixes - posts/admin */
#menu .anon .opcion {
    white-space: nowrap;
}

/* Monitor de Usuario y Mensajes Privados: lectura alineada a la izquierda */
.notificaciones-list,
.notificaciones-list *,
.notification-detail,
.notification-detail *,
#mpList,
#mpList *,
.submp,
.encamp,
.emptyMensajes,
.emptyData {
    text-align: left;
}

.notificaciones-list ul li,
.userInfoLogin ul li div.notificaciones-list ul li {
    line-height: 18px;
    white-space: normal;
}

.notificaciones-list .content,
#mp_list .content,
#mp_list .subject,
#mp_list .preview,
#mp_list .time {
    text-align: left;
}

#mpList .iim,
#mpList .asume,
#mpList .eligg {
    text-align: left;
}

#mpList .asume h2,
#mpList .asume p,
#mpList .iim h3,
#mpList .iim span {
    text-align: left;
}

/* Dropdown de notificaciones: alinear a la izquierda y mantener el texto dentro del box */
.notificaciones-list .dropdown-list-title,
.notificaciones-list .dropdown-empty,
.notificaciones-list .ver-mas {
    text-align: left;
}

.notificaciones-list ul {
    display: block !important;
    flex: none !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 0 10px;
    margin: 5px 0;
}

.notificaciones-list ul li,
.userInfoLogin ul li div.notificaciones-list ul li {
    display: block;
    text-align: left;
    white-space: normal;
}

.notificaciones-list ul li a.notify-entry {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    white-space: normal;
    overflow: hidden;
}

.notificaciones-list .notify-icon {
    flex: 0 0 16px;
    margin-top: 2px;
}

.notificaciones-list .notify-copy,
.notificaciones-list .notify-line {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.4;
}

.notificaciones-list .notify-user,
.notificaciones-list .notify-text,
.notificaciones-list .notify-object {
    white-space: normal;
}

/* Etiqueta de post editado */
.post-edited-label {
    background: #6b4fd7;
    color: #fff;
}

/* Formulario simple para cambiar autor en Admin */
.admin-post-author-form {
    max-width: 620px;
    margin: 15px auto;
    padding: 15px;
    border: 1px solid #d6d6d6;
    background: #fff;
}

.admin-post-author-form fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.admin-post-author-form legend {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 700;
    font-size: 14px;
}

.admin-post-author-form dl {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 10px;
}

.admin-post-author-form dt {
    width: 130px;
    min-width: 130px;
    font-weight: 700;
    text-align: right;
}

.admin-post-author-form dd {
    flex: 1;
    margin: 0;
    text-align: left;
}

.admin-post-author-form select {
    width: 100%;
    max-width: 360px;
    height: 34px;
    padding: 6px;
    border: 1px solid #bbb;
    background: #fff;
    color: #222;
}

/* Comentarios en modo oscuro: textarea, herramientas y comentarios existentes */
html[data-theme="dark"] #post-comentarios,
html[data-theme="dark"] .miComentario,
html[data-theme="dark"] .answerTxt,
html[data-theme="dark"] .comentario-post,
html[data-theme="dark"] .comentario-post .comment-box,
html[data-theme="dark"] .comentario-post .comment-info,
html[data-theme="dark"] .comentario-post .comment-content,
html[data-theme="dark"] #comentarios,
html[data-theme="dark"] #no-comments,
html[data-theme="dark"] .post-bloquear {
    background: #1b1b27;
    border-color: #343448;
    color: #e6e6ef;
}

html[data-theme="dark"] #body_comm,
html[data-theme="dark"] textarea#body_comm,
html[data-theme="dark"] .answerTxt textarea,
html[data-theme="dark"] .comment-content textarea,
html[data-theme="dark"] .comentarioTxt textarea,
html[data-theme="dark"] .wysibb,
html[data-theme="dark"] .wysibb .wysibb-text,
html[data-theme="dark"] .wysibb .wysibb-body,
html[data-theme="dark"] .wysibb .wysibb-toolbar,
html[data-theme="dark"] .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html[data-theme="dark"] .wysibb .wysibb-text textarea,
html[data-theme="dark"] .wysibb .wysibb-body textarea,
html[data-theme="dark"] .wysibb .wysibb-body iframe {
    background: #11111b !important;
    border-color: #3c3c55 !important;
    color: #f1f1f7 !important;
}

html[data-theme="dark"] #body_comm::placeholder,
html[data-theme="dark"] .answerTxt textarea::placeholder,
html[data-theme="dark"] .comentarioTxt textarea::placeholder {
    color: #aeb0c4;
}

html[data-theme="dark"] .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
html[data-theme="dark"] .wysibb .wysibb-toolbar .modeSwitch,
html[data-theme="dark"] .answerOptions a,
html[data-theme="dark"] .answerOptions li,
html[data-theme="dark"] .comment-info a,
html[data-theme="dark"] .comment-content a {
    color: #bda4ff !important;
}

html[data-theme="dark"] .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html[data-theme="dark"] .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
html[data-theme="dark"] .answerOptions a:hover {
    background: #28283b !important;
    border-color: #4a4a63 !important;
    color: #fff !important;
}

html[data-theme="dark"] .comment-info,
html[data-theme="dark"] .comment-info span,
html[data-theme="dark"] .comment-content,
html[data-theme="dark"] .comment-content p,
html[data-theme="dark"] .comment-content div {
    color: #e6e6ef;
}

html[data-theme="dark"] .comment-info .nick {
    color: #bda4ff !important;
}

html[data-theme="dark"] .miComentario .btn,
html[data-theme="dark"] #btnsComment,
html[data-theme="dark"] input[type="button"].btn,
html[data-theme="dark"] input[type="submit"].btn {
    color: #fff !important;
}

/* Footer: mantener visible el logo en modo oscuro sin afectar el logo principal */
footer .footer-logo {
    max-width: 190px;
    height: auto;
}

html[data-theme="dark"] footer .footer-logo {
    filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.45));
    opacity: .92;
}

/* Estadisticas: evitar que COMENTARIOS se parta de forma fea */
.h_sta span {
    min-width: 0;
}

.h_sta span p,
.h_sta .stats-comments-label {
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    line-height: 1.15;
}

.h_sta .stats-comments-label {
    font-size: 10px;
    letter-spacing: -0.2px;
}

html[data-theme="dark"] .h_sta span p,
html[data-theme="dark"] .h_sta .stats-comments-label {
    color: #c9cad8;
}

@media (max-width: 768px) {
    .admin-post-author-form dl {
        display: block;
    }

    .admin-post-author-form dt {
        width: auto;
        min-width: 0;
        margin-bottom: 4px;
        text-align: left;
    }

    .admin-post-author-form select {
        max-width: none;
    }

    .h_sta .stats-comments-label {
        font-size: 9px;
    }
}

/* Admin posts search */
html[data-theme="dark"] .admin-posts-search-form{
    background:#171722;
    border-color:#343448;
}
html[data-theme="dark"] .admin-posts-search-row label,
html[data-theme="dark"] .admin-posts-search-count{
    color:#f4f4fb;
}
html[data-theme="dark"] .admin-posts-search-row input[type="text"]{
    background:#101018;
    border-color:#3a3a50;
    color:#fff;
}
html[data-theme="dark"] .admin-posts-search-row input[type="text"]::placeholder{
    color:#a9a9bd;
}
html[data-theme="dark"] .admin-posts-clear{
    background:#242436;
    color:#fff!important;
    border-color:#3a3a50;
}

/* Admin posts: tabla legible en modo oscuro */
html[data-theme="dark"] .boxy-content .admin_table,
html[data-theme="dark"] #admin_panel .admin_table,
html[data-theme="dark"] .right .admin_table {
    background: #171722 !important;
    border-color: #37374d !important;
    color: #f4f4fb !important;
}

html[data-theme="dark"] .boxy-content .admin_table thead,
html[data-theme="dark"] #admin_panel .admin_table thead,
html[data-theme="dark"] .right .admin_table thead,
html[data-theme="dark"] .boxy-content .admin_table th,
html[data-theme="dark"] #admin_panel .admin_table th,
html[data-theme="dark"] .right .admin_table th {
    background: #262638 !important;
    color: #ffffff !important;
    border-color: #46465f !important;
}

html[data-theme="dark"] .boxy-content .admin_table tbody tr,
html[data-theme="dark"] #admin_panel .admin_table tbody tr,
html[data-theme="dark"] .right .admin_table tbody tr {
    background: #171722 !important;
}

html[data-theme="dark"] .boxy-content .admin_table tbody tr:nth-child(even),
html[data-theme="dark"] #admin_panel .admin_table tbody tr:nth-child(even),
html[data-theme="dark"] .right .admin_table tbody tr:nth-child(even) {
    background: #1d1d2b !important;
}

html[data-theme="dark"] .boxy-content .admin_table tbody tr:hover,
html[data-theme="dark"] #admin_panel .admin_table tbody tr:hover,
html[data-theme="dark"] .right .admin_table tbody tr:hover {
    background: #26263a !important;
}

html[data-theme="dark"] .boxy-content .admin_table td,
html[data-theme="dark"] #admin_panel .admin_table td,
html[data-theme="dark"] .right .admin_table td {
    background: transparent !important;
    color: #f4f4fb !important;
    border-color: #37374d !important;
}

html[data-theme="dark"] .boxy-content .admin_table a,
html[data-theme="dark"] #admin_panel .admin_table a,
html[data-theme="dark"] .right .admin_table a {
    color: #bda2ff !important;
    text-shadow: none !important;
}

html[data-theme="dark"] .boxy-content .admin_table a:hover,
html[data-theme="dark"] #admin_panel .admin_table a:hover,
html[data-theme="dark"] .right .admin_table a:hover {
    color: #ffffff !important;
}

html[data-theme="dark"] .boxy-content .admin_table font[color="green"],
html[data-theme="dark"] #admin_panel .admin_table font[color="green"],
html[data-theme="dark"] .right .admin_table font[color="green"] {
    color: #35e46f !important;
}

html[data-theme="dark"] .boxy-content .admin_table font[color="red"],
html[data-theme="dark"] #admin_panel .admin_table font[color="red"],
html[data-theme="dark"] .right .admin_table font[color="red"] {
    color: #ff6b6b !important;
}

html[data-theme="dark"] .boxy-content .admin_table font[color="purple"],
html[data-theme="dark"] #admin_panel .admin_table font[color="purple"],
html[data-theme="dark"] .right .admin_table font[color="purple"] {
    color: #d5b6ff !important;
}

html[data-theme="dark"] .boxy-content .admin_table font[color="grey"],
html[data-theme="dark"] #admin_panel .admin_table font[color="grey"],
html[data-theme="dark"] .right .admin_table font[color="grey"] {
    color: #b9bbca !important;
}

html[data-theme="dark"] .boxy-content .admin_table tfoot td,
html[data-theme="dark"] #admin_panel .admin_table tfoot td,
html[data-theme="dark"] .right .admin_table tfoot td {
    background: #202032 !important;
    color: #f4f4fb !important;
}


/* ===== Cuenta / Perfil: rediseño claro-oscuro ===== */
.tabbed-d.account-settings-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: start;
    margin: 24px 0;
}

.tabbed-d.account-settings-page #main,
.tabbed-d.account-settings-page #sidebar {
    float: none;
    width: auto;
    min-width: 0;
}

.tabbed-d.account-settings-page #main {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.tabbed-d.account-settings-page ul.menu-tab {
    list-style: none;
    margin: 0;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e6e8f0;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
    position: sticky;
    top: 18px;
}

.tabbed-d.account-settings-page ul.menu-tab li {
    margin: 0 0 8px;
    padding: 0;
}

.tabbed-d.account-settings-page ul.menu-tab li:last-child {
    margin-bottom: 0;
}

.tabbed-d.account-settings-page ul.menu-tab li a {
    display: block;
    padding: 12px 14px;
    border-radius: 12px;
    color: #31405f !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tabbed-d.account-settings-page ul.menu-tab li a:hover {
    background: #f2f5fb;
    color: #1d4ed8 !important;
}

.tabbed-d.account-settings-page ul.menu-tab li.active a {
    background: linear-gradient(135deg, #4f46e5, #2563eb);
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18);
}

.tabbed-d.account-settings-page form.horizontal {
    background: #ffffff;
    border: 1px solid #e6e8f0;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
    min-width: 0;
}

.tabbed-d.account-settings-page .content-tabs {
    min-width: 0;
}

.tabbed-d.account-settings-page .content-tabs > p,
.tabbed-d.account-settings-page .content-tabs > h2,
.tabbed-d.account-settings-page .content-tabs > a,
.tabbed-d.account-settings-page .content-tabs > .mensajes,
.tabbed-d.account-settings-page .content-tabs > .alert {
    margin-left: 0;
}

.tabbed-d.account-settings-page .content-tabs h2.active,
.tabbed-d.account-settings-page .content-tabs h2 {
    font-size: 34px;
    line-height: 1.1;
    font-weight: 800;
    color: #172554;
    margin: 0 0 24px;
}

.tabbed-d.account-settings-page .content-tabs,
.tabbed-d.account-settings-page .content-tabs > p,
.tabbed-d.account-settings-page .content-tabs > a,
.tabbed-d.account-settings-page .content-tabs .alert,
.tabbed-d.account-settings-page .content-tabs .mensajes,
.tabbed-d.account-settings-page .content-tabs .input-fake,
.tabbed-d.account-settings-page .content-tabs ul.fields,
.tabbed-d.account-settings-page .content-tabs ul.fields li,
.tabbed-d.account-settings-page .content-tabs .bloqueadosList,
.tabbed-d.account-settings-page .content-tabs .bloqueadosList li,
.tabbed-d.account-settings-page #sidebar .sidebar-tabs {
    text-align: left;
}

.tabbed-d.account-settings-page fieldset {
    display: block;
}

.tabbed-d.account-settings-page .field {
    display: block;
    margin: 0 0 18px;
    clear: both;
    text-align: left;
}

.tabbed-d.account-settings-page form.horizontal .field label,
.tabbed-d.account-settings-page form.horizontal fieldset legend {
    display: block;
    width: auto;
    min-width: 0;
    padding: 0 0 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #1f2937;
}

.tabbed-d.account-settings-page form.horizontal .field label small {
    display: inline-block;
    margin-top: 4px;
    color: #64748b;
    line-height: 1.35;
}

.tabbed-d.account-settings-page .field > input.text,
.tabbed-d.account-settings-page .field > input.password,
.tabbed-d.account-settings-page .field > textarea,
.tabbed-d.account-settings-page .field > select,
.tabbed-d.account-settings-page .field > .input-fake,
.tabbed-d.account-settings-page .field > ul.fields,
.tabbed-d.account-settings-page .field > div,
.tabbed-d.account-settings-page .field > p {
    display: block;
    min-width: 0;
}

.tabbed-d.account-settings-page .field > select,
.tabbed-d.account-settings-page .field > input.text,
.tabbed-d.account-settings-page .field > input.password,
.tabbed-d.account-settings-page .field > textarea,
.tabbed-d.account-settings-page .field .input-fake,
.tabbed-d.account-settings-page .field .account-social-grid,
.tabbed-d.account-settings-page .field ul.fields {
    max-width: 100%;
}

.tabbed-d.account-settings-page .tabbed-d input.password,
.tabbed-d.account-settings-page .tabbed-d input.text,
.tabbed-d.account-settings-page .tabbed-d textarea,
.tabbed-d.account-settings-page input.text,
.tabbed-d.account-settings-page input.password,
.tabbed-d.account-settings-page select,
.tabbed-d.account-settings-page textarea {
    width: 100%;
    max-width: 100%;
    border: 1px solid #d8dfeb;
    background: #f8fafc;
    color: #111827;
    border-radius: 12px;
    padding: 10px 12px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.tabbed-d.account-settings-page select {
    min-height: 44px;
}

.tabbed-d.account-settings-page textarea {
    min-height: 92px;
    resize: vertical;
}

.tabbed-d.account-settings-page input.text:focus,
.tabbed-d.account-settings-page input.password:focus,
.tabbed-d.account-settings-page select:focus,
.tabbed-d.account-settings-page textarea:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
    background: #ffffff;
}

.tabbed-d.account-settings-page .input-fake {
    padding: 11px 14px !important;
    border: 1px solid #d8dfeb;
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
    box-sizing: border-box;
}

.tabbed-d.account-settings-page .input-fake a {
    color: #2563eb;
    font-weight: 700;
}

.tabbed-d.account-settings-page ul.fields {
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
}

.tabbed-d.account-settings-page ul.fields li {
    padding: 0;
    margin: 0;
}

.tabbed-d.account-settings-page .account-social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

.tabbed-d.account-settings-page .red-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tabbed-d.account-settings-page .red-item iconify-icon {
    font-size: 22px;
    flex: 0 0 22px;
}

.tabbed-d.account-settings-page .red-item input {
    flex: 1 1 auto;
    min-width: 0;
}

.tabbed-d.account-settings-page select[name="dia"],
.tabbed-d.account-settings-page select[name="mes"],
.tabbed-d.account-settings-page select[name="ano"] {
    width: auto !important;
    min-width: 86px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.tabbed-d.account-settings-page .buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding-top: 22px;
    margin-top: 24px;
    border-top: 1px solid #e8ecf4;
    clear: both;
    text-align: left;
}

.tabbed-d.account-settings-page .buttons input[type="button"],
.tabbed-d.account-settings-page .buttons .btn,
.tabbed-d.account-settings-page .btn.btn-success,
.tabbed-d.account-settings-page .mBtn.btnOk,
.tabbed-d.account-settings-page .mBtn.btnDelete {
    border: none;
    border-radius: 12px;
    padding: 12px 22px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    text-shadow: none;
    box-shadow: 0 10px 20px rgba(34, 197, 94, 0.18);
}

.tabbed-d.account-settings-page .buttons input[type="button"],
.tabbed-d.account-settings-page .buttons .btn,
.tabbed-d.account-settings-page .btn.btn-success,
.tabbed-d.account-settings-page .mBtn.btnOk {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff !important;
}

.tabbed-d.account-settings-page .mBtn.btnDelete {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(220, 38, 38, 0.16);
}

.tabbed-d.account-settings-page .alert,
.tabbed-d.account-settings-page .mensajes.error,
.tabbed-d.account-settings-page .alert-warning {
    border-radius: 14px;
    padding: 16px 18px;
    border: 1px solid #f5d38a;
    background: #fff7e6;
    color: #9a6700;
}

.tabbed-d.account-settings-page .bloqueadosList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabbed-d.account-settings-page .bloqueadosList li {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 10px;
}

.tabbed-d.account-settings-page .bloqueadosList a.desbloqueadosU,
.tabbed-d.account-settings-page .bloqueadosList a.bloqueadosU {
    border-radius: 10px;
    padding: 8px 12px;
    top: 10px;
    right: 10px;
}

.tabbed-d.account-settings-page #primi,
.tabbed-d.account-settings-page #btninforma {
    display: inline-block;
    margin-top: 14px;
    font-weight: 700;
}

.tabbed-d.account-settings-page #informa {
    margin-top: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.tabbed-d.account-settings-page #sidebar .sidebar-tabs {
    background: #ffffff;
    border: 1px solid #e6e8f0;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
    padding: 24px;
    position: sticky;
    top: 18px;
}

.tabbed-d.account-settings-page #sidebar .sidebar-tabs h3 {
    margin: 0 0 16px;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    color: #172554;
    text-align: left;
}

.tabbed-d.account-settings-page .sidebar-tabs .avatar-big-cont {
    padding: 12px;
    border-radius: 18px;
    border: 1px solid #e6e8f0;
    background: linear-gradient(180deg, #f8fafc, #eef3ff);
}

.tabbed-d.account-settings-page .sidebar-tabs .avatar-big {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    border-radius: 14px;
    border: 1px solid #dce3f0;
}

.tabbed-d.account-settings-page .change-avatar {
    display: flex;
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    border: 1px solid #e3d188;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffe58a, #f7c948);
}

.tabbed-d.account-settings-page .change-avatar li {
    flex: 1 1 50%;
    padding: 0 !important;
    margin: 0 !important;
    color: #6b4e00;
    font-weight: 700;
    text-align: center;
}

.tabbed-d.account-settings-page .change-avatar li span {
    display: block;
    padding: 10px 8px;
}

.tabbed-d.account-settings-page .change-avatar li + li {
    border-left: 1px solid rgba(107, 78, 0, 0.18);
}

.tabbed-d.account-settings-page #sidebar .btn.btn-success {
    display: inline-block;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 14px 18px;
    text-align: center;
    font-size: 15px;
}

@media (max-width: 1080px) {
    .tabbed-d.account-settings-page {
        grid-template-columns: 1fr;
    }

    .tabbed-d.account-settings-page #sidebar {
        order: -1;
    }
}

@media (max-width: 860px) {
    .tabbed-d.account-settings-page #main {
        grid-template-columns: 1fr;
    }

    .tabbed-d.account-settings-page ul.menu-tab,
    .tabbed-d.account-settings-page #sidebar .sidebar-tabs {
        position: static;
    }

    .tabbed-d.account-settings-page form.horizontal {
        padding: 20px;
    }

    .tabbed-d.account-settings-page form.horizontal .field label,
    .tabbed-d.account-settings-page form.horizontal fieldset legend {
        text-align: left;
        padding-top: 0;
    }

    .tabbed-d.account-settings-page .account-social-grid {
        grid-template-columns: 1fr;
    }

    .tabbed-d.account-settings-page .content-tabs h2.active,
    .tabbed-d.account-settings-page .content-tabs h2,
    .tabbed-d.account-settings-page #sidebar .sidebar-tabs h3 {
        font-size: 26px;
    }
}

html[data-theme="dark"] .tabbed-d.account-settings-page ul.menu-tab,
html[data-theme="dark"] .tabbed-d.account-settings-page form.horizontal,
html[data-theme="dark"] .tabbed-d.account-settings-page #sidebar .sidebar-tabs {
    background: #1b1b27;
    border-color: #343448;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .tabbed-d.account-settings-page ul.menu-tab li a {
    color: #dfe6ff !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page ul.menu-tab li a:hover {
    background: #25253a;
    color: #8bb8ff !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page ul.menu-tab li.active a {
    background: linear-gradient(135deg, #6366f1, #3b82f6);
    color: #ffffff !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .content-tabs h2.active,
html[data-theme="dark"] .tabbed-d.account-settings-page .content-tabs h2,
html[data-theme="dark"] .tabbed-d.account-settings-page #sidebar .sidebar-tabs h3,
html[data-theme="dark"] .tabbed-d.account-settings-page form.horizontal .field label,
html[data-theme="dark"] .tabbed-d.account-settings-page form.horizontal fieldset legend {
    color: #f5f7ff;
}

html[data-theme="dark"] .tabbed-d.account-settings-page input.text,
html[data-theme="dark"] .tabbed-d.account-settings-page input.password,
html[data-theme="dark"] .tabbed-d.account-settings-page select,
html[data-theme="dark"] .tabbed-d.account-settings-page textarea,
html[data-theme="dark"] .tabbed-d.account-settings-page .input-fake,
html[data-theme="dark"] .tabbed-d.account-settings-page .bloqueadosList li,
html[data-theme="dark"] .tabbed-d.account-settings-page #informa {
    background: #14141f;
    border-color: #343448;
    color: #e6e6ef;
}

html[data-theme="dark"] .tabbed-d.account-settings-page input.text:focus,
html[data-theme="dark"] .tabbed-d.account-settings-page input.password:focus,
html[data-theme="dark"] .tabbed-d.account-settings-page select:focus,
html[data-theme="dark"] .tabbed-d.account-settings-page textarea:focus {
    background: #181827;
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.16);
}

html[data-theme="dark"] .tabbed-d.account-settings-page .input-fake a,
html[data-theme="dark"] .tabbed-d.account-settings-page a#primi,
html[data-theme="dark"] .tabbed-d.account-settings-page a#btninforma {
    color: #8bb8ff;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .buttons {
    border-top-color: #343448;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .alert,
html[data-theme="dark"] .tabbed-d.account-settings-page .mensajes.error,
html[data-theme="dark"] .tabbed-d.account-settings-page .alert-warning {
    background: #3a2f14;
    border-color: #8f6a21;
    color: #ffdf8b;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .sidebar-tabs .avatar-big-cont {
    background: linear-gradient(180deg, #161626, #1e2236);
    border-color: #343448;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .sidebar-tabs .avatar-big {
    border-color: #3f465f;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .change-avatar {
    border-color: #8f6a21;
    background: linear-gradient(180deg, #66521b, #916d17);
}

html[data-theme="dark"] .tabbed-d.account-settings-page .change-avatar li,
html[data-theme="dark"] .tabbed-d.account-settings-page .change-avatar li span {
    color: #fff4cc;
}


/* ===== Borradores: diseño claro-oscuro ===== */
#borradores.borradores-page {
    width: 100%;
    box-sizing: border-box;
    padding: 26px 0;
    color: #1a2238;
    text-align: left;
}

#borradores.borradores-page *,
#borradores.borradores-page *:before,
#borradores.borradores-page *:after {
    box-sizing: border-box;
}

#borradores .borradores-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

#borradores .borradores-sidebar,
#borradores .borradores-content {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
    min-width: 0;
}

#borradores .boxy {
    position: relative;
    border: 1px solid #dde4f2;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

#borradores .boxy:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(59, 130, 246, 0.02) 48%, transparent 72%);
}

#borradores .boxy-title,
#borradores .boxy-content {
    position: relative;
    z-index: 1;
}

#borradores .boxy-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid #e7edf8;
    background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(247,250,255,0.96));
}

#borradores .borradores-sidebar .boxy-title {
    align-items: center;
}

#borradores .borradores-content .boxy-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 290px);
    align-items: center;
    column-gap: 18px;
}

#borradores .boxy-title h3 {
    margin: 0;
    color: #112044;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-align: left;
}

#borradores .boxy-content {
    padding: 22px 24px 24px;
}

#borradores .boxy-content h4 {
    margin: 20px 0 12px;
    padding: 0;
    border: 0;
    color: #63708a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    text-align: left;
}

#borradores .boxy-content h4:first-child {
    margin-top: 0;
}

#borradores .cat-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#borradores .cat-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    margin: 0 0 8px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: rgba(255,255,255,0.54);
    color: #34435f;
    text-align: left;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#borradores .cat-list li:hover {
    background: #f2f6ff;
    border-color: #dbe5ff;
    transform: translateY(-1px);
}

#borradores .cat-list li.active {
    border-color: #c7d2fe;
    background: linear-gradient(135deg, #4f46e5, #2563eb);
    color: #ffffff;
    box-shadow: 0 12px 22px rgba(37, 99, 235, 0.18);
}

#borradores .cat-list li span {
    min-width: 0;
}

#borradores .cat-list li a {
    display: block;
    color: inherit !important;
    font-weight: 800;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

#borradores .cat-list li .count {
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.08);
    color: inherit;
    font-size: 11px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
}

#borradores .cat-list li.active .count {
    background: rgba(255, 255, 255, 0.18);
}

#borradores .borradores-search-wrap {
    width: 100%;
    max-width: 290px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    justify-self: end;
    margin: 0;
}

#borradores .borradores-search-wrap:before {
    content: none;
    display: none;
}

#borradores .borradores-search-wrap label {
    position: static;
    display: block;
    transform: none;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    color: #6a7691;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: none;
    text-align: left;
}

#borradores #borradores-search {
    width: 100%;
    height: 42px;
    border: 1px solid #d8e1f3;
    background: linear-gradient(180deg, #ffffff, #f7faff);
    color: #111827;
    border-radius: 14px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255,255,255,0.9);
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-sizing: border-box;
}

#borradores #borradores-search::placeholder {
    color: #9aa6bf;
}

#borradores #borradores-search:hover {
    border-color: #b8c8ea;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.95);
}

#borradores #borradores-search:focus {
    border-color: #4f46e5;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}

#borradores #resultados-borradores {
    list-style: none;
    margin: 0;
    padding: 0;
}

#borradores #resultados-borradores li.borrador-item,
#borradores ul#resultados-borradores li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 22px 22px 22px 26px;
    margin: 0 0 14px;
    border: 1px solid #e4eaf5;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.95));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
    text-align: left;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    overflow: hidden;
}

#borradores #resultados-borradores li.borrador-item:before,
#borradores ul#resultados-borradores li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #6366f1, #3b82f6);
    opacity: 0.92;
}

#borradores #resultados-borradores li.borrador-item:hover,
#borradores ul#resultados-borradores li:hover {
    transform: translateY(-2px);
    border-color: #d5def3;
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.09);
}

#borradores #resultados-borradores li.borrador-item:last-child,
#borradores ul#resultados-borradores li:last-child {
    margin-bottom: 0;
}

#borradores .borrador-item-main {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

#borradores #resultados-borradores a.categoriaPost {
    display: block;
    min-height: 0;
    height: auto;
    padding: 0 0 0 34px !important;
    margin: 0 0 10px;
    color: #1458cc !important;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.34;
    background-position: left center;
    background-repeat: no-repeat;
    text-align: left;
    overflow-wrap: anywhere;
}

#borradores #resultados-borradores a.categoriaPost:hover {
    color: #1d4ed8 !important;
}

#borradores #resultados-borradores .gray,
#borradores #resultados-borradores .causa {
    display: block;
    padding: 0 !important;
    margin: 4px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

#borradores #resultados-borradores .gray {
    color: #5f6e87;
}

#borradores #resultados-borradores .causa {
    color: #b45309;
    font-weight: 800;
}

#borradores .borrador-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 14px;
    border: 1px solid #f6b1b9;
    background: linear-gradient(180deg, #fff0f2, #ffe0e5);
    color: #dc2626 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 18px rgba(220, 38, 38, 0.12);
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

#borradores .borrador-delete i {
    font-size: 15px;
    line-height: 1;
    display: block;
    margin: 0;
}

#borradores .borrador-delete:hover {
    transform: translateY(-1px) scale(1.02);
    border-color: #ef4444;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    box-shadow: 0 14px 24px rgba(220, 38, 38, 0.18);
    color: #ffffff !important;
}

#borradores .emptyData {
    border: 1px dashed #c3d2ff;
    border-radius: 18px;
    background: linear-gradient(180deg, #f5f8ff, #eef4ff);
    color: #42526e;
    padding: 24px;
    text-align: left;
    font-weight: 800;
}

@media (max-width: 980px) {
    #borradores .borradores-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    #borradores.borradores-page {
        padding: 18px 0;
    }

    #borradores .boxy-title,
    #borradores .borradores-content .boxy-title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #borradores .borradores-search-wrap {
        width: 100%;
        max-width: 100%;
        justify-self: auto;
    }

    #borradores #resultados-borradores li.borrador-item,
    #borradores ul#resultados-borradores li {
        align-items: flex-start;
        padding: 18px 18px 18px 22px;
    }

    #borradores .borrador-delete {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 14px;
    }
}

@media (max-width: 640px) {
    #borradores .boxy-title,
    #borradores .boxy-content {
        padding-left: 18px;
        padding-right: 18px;
    }

    #borradores #resultados-borradores a.categoriaPost {
        font-size: 16px;
    }

    #borradores #resultados-borradores li.borrador-item,
    #borradores ul#resultados-borradores li {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    #borradores .borrador-delete {
        align-self: flex-end;
    }
}

html[data-theme="dark"] #borradores.borradores-page {
    color: #e7ecf8;
}

html[data-theme="dark"] #borradores .boxy {
    background: linear-gradient(180deg, #1b1b2b, #161625);
    border-color: #34364a;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] #borradores .boxy:before {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.18), rgba(59, 130, 246, 0.08) 48%, rgba(0, 0, 0, 0) 74%);
}

html[data-theme="dark"] #borradores .boxy-title {
    background: linear-gradient(180deg, rgba(31, 32, 54, 0.96), rgba(23, 24, 40, 0.98));
    border-bottom-color: #34364a;
}

html[data-theme="dark"] #borradores .boxy-title h3,
html[data-theme="dark"] #borradores .cat-list li {
    color: #f4f7ff;
}

html[data-theme="dark"] #borradores .boxy-content h4,
html[data-theme="dark"] #borradores #resultados-borradores .gray {
    color: #9eabc4;
}

html[data-theme="dark"] #borradores .borradores-search-wrap:before {
    display: none;
}

html[data-theme="dark"] #borradores .borradores-search-wrap label {
    color: #b8c4df;
    background: none;
    border: 0;
    box-shadow: none;
}

html[data-theme="dark"] #borradores .cat-list li {
    background: rgba(255,255,255,0.03);
}

html[data-theme="dark"] #borradores .cat-list li .count {
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] #borradores .cat-list li:hover {
    background: #25263b;
    border-color: #373a58;
}

html[data-theme="dark"] #borradores .cat-list li.active {
    border-color: #6366f1;
    background: linear-gradient(135deg, #5b5ff0, #347cf6);
}

html[data-theme="dark"] #borradores #borradores-search,
html[data-theme="dark"] #borradores #resultados-borradores li.borrador-item,
html[data-theme="dark"] #borradores ul#resultados-borradores li,
html[data-theme="dark"] #borradores .emptyData {
    background: linear-gradient(180deg, #111322, #0f1120);
    border-color: #34364a;
    color: #e7ecf8;
}

html[data-theme="dark"] #borradores #borradores-search {
    background: linear-gradient(180deg, #16192a, #111425);
    border-color: #39415c;
    color: #edf2ff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,0.03);
}

html[data-theme="dark"] #borradores #borradores-search::placeholder {
    color: #7f8daa;
}

html[data-theme="dark"] #borradores #borradores-search:hover {
    border-color: #556184;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255,255,255,0.04);
}

html[data-theme="dark"] #borradores #borradores-search:focus {
    background: #17192a;
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.18);
}

html[data-theme="dark"] #borradores #resultados-borradores li.borrador-item,
html[data-theme="dark"] #borradores ul#resultados-borradores li {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] #borradores #resultados-borradores li.borrador-item:hover,
html[data-theme="dark"] #borradores ul#resultados-borradores li:hover {
    border-color: #44496a;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] #borradores #resultados-borradores a.categoriaPost {
    color: #8ab7ff !important;
}

html[data-theme="dark"] #borradores #resultados-borradores a.categoriaPost:hover {
    color: #a9cbff !important;
}

html[data-theme="dark"] #borradores #resultados-borradores .causa {
    color: #fbbf24;
}

html[data-theme="dark"] #borradores .borrador-delete {
    background: linear-gradient(180deg, #37151e, #2a1119);
    border-color: #7f1d1d;
    color: #fca5a5 !important;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] #borradores .borrador-delete:hover {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #ffffff !important;
}

html[data-theme="dark"] #borradores .emptyData {
    background: linear-gradient(180deg, #17192a, #121422);
    border-color: #4b4f71;
    color: #dbe4f8;
}


/* ===== FIX FINAL: Borradores ordenado + notificaciones sin romper ===== */
#borradores .borradores-content .boxy-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    flex-wrap: nowrap !important;
}

#borradores .borradores-content .boxy-title h3 {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

#borradores .borradores-search-wrap {
    position: static !important;
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
    margin: 0 0 0 auto !important;
    display: block !important;
    text-align: left !important;
}

#borradores .borradores-search-wrap label {
    position: static !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #65738f !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-align: left !important;
}

#borradores #borradores-search {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #d6def0 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #162033 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 36px !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06) !important;
    outline: none !important;
    box-sizing: border-box !important;
}

#borradores #borradores-search:hover {
    border-color: #b9c7e5 !important;
}

#borradores #borradores-search:focus {
    border-color: #5b6ee1 !important;
    box-shadow: 0 0 0 3px rgba(91, 110, 225, 0.16) !important;
}

html[data-theme="dark"] #borradores .borradores-search-wrap label {
    color: #b8c4df !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #borradores #borradores-search {
    background: #111421 !important;
    border-color: #3c435f !important;
    color: #eef3ff !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] #borradores #borradores-search:hover {
    border-color: #536080 !important;
}

html[data-theme="dark"] #borradores #borradores-search:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.20) !important;
}

@media (max-width: 820px) {
    #borradores .borradores-content .boxy-title {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    #borradores .borradores-search-wrap {
        flex: 0 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
}

/* Scope del menú: solo afecta al menú superior, no a los UL internos de notificaciones. */
#menu .userInfoLogin > ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

#menu .userInfoLogin > ul > li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    line-height: 1 !important;
}

#menu .userInfoLogin > ul > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    height: 46px !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}

#menu .userInfoLogin > ul > li > a > i {
    display: block !important;
    line-height: 1 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

#menu .userInfoLogin > ul > li.usernameMenu > a {
    align-items: center !important;
}

#menu .userInfoLogin div.notificaciones-list,
#menu .userInfoLogin div.notificaciones-list * {
    height: auto;
    min-height: 0;
}

#menu .userInfoLogin div.notificaciones-list ul {
    display: block !important;
    flex-wrap: nowrap !important;
    width: auto !important;
}

#menu .userInfoLogin div.notificaciones-list ul > li {
    display: block !important;
    float: none !important;
    align-items: initial !important;
    justify-content: initial !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 18px !important;
    padding: 5px 3px !important;
}

#menu .userInfoLogin div.notificaciones-list ul > li > a {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 18px !important;
    padding: 0 !important;
}

#menu .userInfoLogin div.notificaciones-list ul > li > a.notify-entry {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
}


/* Ajuste puntual Borradores: escala compacta manteniendo dos columnas */
#borradores.borradores-page {
    max-width: 1060px !important;
    margin: 0 auto 24px !important;
    padding: 18px 12px !important;
}

#borradores .borradores-layout {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

#borradores .boxy {
    border-radius: 18px !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07) !important;
}

#borradores .boxy-title {
    padding: 16px 20px 14px !important;
    gap: 12px !important;
}

#borradores .borradores-content .boxy-title {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 260px) !important;
    column-gap: 14px !important;
}

#borradores .boxy-title h3 {
    font-size: 18px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
}

#borradores .boxy-content {
    padding: 16px 20px 18px !important;
}

#borradores .boxy-content h4 {
    margin: 16px 0 9px !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
}

#borradores .cat-list li {
    padding: 9px 12px !important;
    margin-bottom: 7px !important;
    border-radius: 12px !important;
    gap: 8px !important;
}

#borradores .cat-list li a {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

#borradores .cat-list li .count {
    min-width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
}

#borradores .borradores-search-wrap {
    max-width: 260px !important;
    gap: 4px !important;
}

#borradores .borradores-search-wrap label {
    font-size: 12px !important;
}

#borradores #borradores-search {
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
}

#borradores #resultados-borradores li.borrador-item,
#borradores ul#resultados-borradores li {
    padding: 16px 18px 16px 20px !important;
    margin-bottom: 11px !important;
    border-radius: 16px !important;
    gap: 12px !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.055) !important;
}

#borradores #resultados-borradores li.borrador-item:before,
#borradores ul#resultados-borradores li:before {
    top: 14px !important;
    bottom: 14px !important;
    width: 3px !important;
}

#borradores #resultados-borradores a.categoriaPost {
    padding-left: 24px !important;
    margin-bottom: 6px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    background-size: 16px 16px !important;
}

#borradores #resultados-borradores .gray,
#borradores #resultados-borradores .causa {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

#borradores .borrador-delete {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
}

html[data-theme="dark"] #borradores .boxy {
    box-shadow: 0 15px 28px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] #borradores #resultados-borradores li.borrador-item,
html[data-theme="dark"] #borradores ul#resultados-borradores li {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22) !important;
}

/* Mantener dos columnas en desktop/tablet; solo apilar en pantallas muy chicas */
@media (max-width: 760px) {
    #borradores.borradores-page {
        padding: 14px 10px !important;
    }

    #borradores .borradores-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    #borradores .borradores-content .boxy-title {
        grid-template-columns: 1fr !important;
    }

    #borradores .borradores-search-wrap {
        max-width: none !important;
        justify-self: stretch !important;
    }
}


/* Ajuste puntual Cuenta: dos columnas compactas */
.tabbed-d.account-settings-page {
    display: grid !important;
    grid-template-columns: 180px minmax(0, 860px) !important;
    gap: 18px !important;
    align-items: start !important;
    max-width: 1100px !important;
    width: calc(100% - 28px) !important;
    margin: 18px auto 26px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.tabbed-d.account-settings-page,
.tabbed-d.account-settings-page * {
    box-sizing: border-box !important;
}

.tabbed-d.account-settings-page .account-left-sidebar {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
    width: 100% !important;
}

.tabbed-d.account-settings-page #main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.tabbed-d.account-settings-page #sidebar {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 0 !important;
}

.tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab,
.tabbed-d.account-settings-page ul.account-sidebar-menu {
    position: sticky !important;
    top: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid #dbe3f2 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.07) !important;
    list-style: none !important;
}

.tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab li,
.tabbed-d.account-settings-page ul.account-sidebar-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab li a,
.tabbed-d.account-settings-page ul.account-sidebar-menu li a {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 10px 12px !important;
    border-radius: 11px !important;
    color: #26344f !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab li.active a,
.tabbed-d.account-settings-page ul.account-sidebar-menu li.active a {
    background: linear-gradient(135deg, #5b5ff0, #3484f4) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(52, 132, 244, 0.18) !important;
}

.tabbed-d.account-settings-page form.horizontal {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 17px !important;
    border: 1px solid #dbe3f2 !important;
    background: #ffffff !important;
    box-shadow: 0 13px 28px rgba(15, 23, 42, 0.07) !important;
    min-width: 0 !important;
}

.tabbed-d.account-settings-page .content-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
}

.tabbed-d.account-settings-page .content-tabs > fieldset {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.tabbed-d.account-settings-page .content-tabs > h2,
.tabbed-d.account-settings-page .content-tabs > h3,
.tabbed-d.account-settings-page .content-tabs > p,
.tabbed-d.account-settings-page .content-tabs > .alert,
.tabbed-d.account-settings-page .content-tabs > .mensajes,
.tabbed-d.account-settings-page .content-tabs > a,
.tabbed-d.account-settings-page .content-tabs > .clearfix,
.tabbed-d.account-settings-page .content-tabs > .buttons {
    grid-column: 1 / -1 !important;
}

.tabbed-d.account-settings-page .content-tabs h2.active,
.tabbed-d.account-settings-page .content-tabs h2,
.tabbed-d.account-settings-page .content-tabs h3 {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    color: #172554 !important;
}

.tabbed-d.account-settings-page .field {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #e1e7f3 !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
    text-align: left !important;
    clear: none !important;
}

.tabbed-d.account-settings-page .field:has(textarea),
.tabbed-d.account-settings-page .field:has(.account-social-grid),
.tabbed-d.account-settings-page .field:has(.bloqueadosList),
.tabbed-d.account-settings-page .field:has(.alert) {
    grid-column: 1 / -1 !important;
}

.tabbed-d.account-settings-page form.horizontal .field label,
.tabbed-d.account-settings-page form.horizontal fieldset legend {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #1f2a44 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

.tabbed-d.account-settings-page form.horizontal .field label small {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

.tabbed-d.account-settings-page input.text,
.tabbed-d.account-settings-page input.password,
.tabbed-d.account-settings-page select,
.tabbed-d.account-settings-page textarea,
.tabbed-d.account-settings-page .input-fake {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}

.tabbed-d.account-settings-page input.text,
.tabbed-d.account-settings-page input.password,
.tabbed-d.account-settings-page select {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 11px !important;
}

.tabbed-d.account-settings-page textarea {
    min-height: 76px !important;
    padding: 9px 11px !important;
}

.tabbed-d.account-settings-page .input-fake {
    padding: 10px 11px !important;
}

.tabbed-d.account-settings-page ul.fields {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.tabbed-d.account-settings-page ul.fields li {
    margin: 0 !important;
    padding: 0 !important;
}

.tabbed-d.account-settings-page select[name="dia"],
.tabbed-d.account-settings-page select[name="mes"],
.tabbed-d.account-settings-page select[name="ano"] {
    width: calc(33.333% - 6px) !important;
    min-width: 0 !important;
    margin: 0 6px 0 0 !important;
}

.tabbed-d.account-settings-page select[name="ano"] {
    margin-right: 0 !important;
}

.tabbed-d.account-settings-page .account-social-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 12px !important;
}

.tabbed-d.account-settings-page .red-item {
    gap: 8px !important;
}

.tabbed-d.account-settings-page .red-item iconify-icon {
    font-size: 18px !important;
    flex-basis: 18px !important;
}

.tabbed-d.account-settings-page .buttons {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 3px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid #e4eaf5 !important;
}

.tabbed-d.account-settings-page .buttons input[type="button"],
.tabbed-d.account-settings-page .buttons .btn,
.tabbed-d.account-settings-page .btn.btn-success,
.tabbed-d.account-settings-page .mBtn.btnOk,
.tabbed-d.account-settings-page .mBtn.btnDelete {
    min-height: 38px !important;
    padding: 9px 18px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.tabbed-d.account-settings-page #sidebar .sidebar-tabs {
    position: static !important;
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    width: 100% !important;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #dbe3f2 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06) !important;
    text-align: left !important;
}

.tabbed-d.account-settings-page #sidebar .sidebar-tabs h3 {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.tabbed-d.account-settings-page .sidebar-tabs .avatar-big-cont {
    width: 150px !important;
    max-width: 150px !important;
    padding: 7px !important;
    border-radius: 12px !important;
}

.tabbed-d.account-settings-page .sidebar-tabs .avatar-big {
    width: 100% !important;
    height: auto !important;
    border-radius: 9px !important;
}

.tabbed-d.account-settings-page .change-avatar {
    margin: 0 !important;
    align-self: start !important;
}

.tabbed-d.account-settings-page .change-avatar li span {
    padding: 8px 6px !important;
    font-size: 12px !important;
}

.tabbed-d.account-settings-page #sidebar .btn.btn-success {
    width: 100% !important;
    margin-top: 8px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab,
html[data-theme="dark"] .tabbed-d.account-settings-page ul.account-sidebar-menu,
html[data-theme="dark"] .tabbed-d.account-settings-page form.horizontal,
html[data-theme="dark"] .tabbed-d.account-settings-page #sidebar .sidebar-tabs {
    background: #171a29 !important;
    border-color: #343a56 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .30) !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .field {
    background: #1d2132 !important;
    border-color: #343a56 !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .content-tabs h2.active,
html[data-theme="dark"] .tabbed-d.account-settings-page .content-tabs h2,
html[data-theme="dark"] .tabbed-d.account-settings-page .content-tabs h3,
html[data-theme="dark"] .tabbed-d.account-settings-page form.horizontal .field label,
html[data-theme="dark"] .tabbed-d.account-settings-page form.horizontal fieldset legend {
    color: #f7f8ff !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page input.text,
html[data-theme="dark"] .tabbed-d.account-settings-page input.password,
html[data-theme="dark"] .tabbed-d.account-settings-page select,
html[data-theme="dark"] .tabbed-d.account-settings-page textarea,
html[data-theme="dark"] .tabbed-d.account-settings-page .input-fake {
    background: #101421 !important;
    border-color: #3b435f !important;
    color: #f4f6ff !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab li a,
html[data-theme="dark"] .tabbed-d.account-settings-page ul.account-sidebar-menu li a {
    color: #e8ecff !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab li a:hover,
html[data-theme="dark"] .tabbed-d.account-settings-page ul.account-sidebar-menu li a:hover {
    background: #23283c !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .tabbed-d.account-settings-page .buttons {
    border-top-color: #343a56 !important;
}

/* En pantallas medianas sigue en dos columnas: menú + contenido */
@media (max-width: 980px) {
    .tabbed-d.account-settings-page {
        grid-template-columns: 165px minmax(0, 1fr) !important;
        max-width: 920px !important;
    }

    .tabbed-d.account-settings-page .content-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Solo en móvil se apila para no romper la web */
@media (max-width: 720px) {
    .tabbed-d.account-settings-page {
        grid-template-columns: 1fr !important;
        width: calc(100% - 20px) !important;
        gap: 12px !important;
    }

    .tabbed-d.account-settings-page .account-left-sidebar,
    .tabbed-d.account-settings-page #main,
    .tabbed-d.account-settings-page #sidebar {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .tabbed-d.account-settings-page .account-left-sidebar ul.menu-tab,
    .tabbed-d.account-settings-page ul.account-sidebar-menu {
        position: static !important;
    }

    .tabbed-d.account-settings-page .content-tabs {
        grid-template-columns: 1fr !important;
    }

    .tabbed-d.account-settings-page .field:has(textarea),
    .tabbed-d.account-settings-page .field:has(.account-social-grid),
    .tabbed-d.account-settings-page .field:has(.bloqueadosList),
    .tabbed-d.account-settings-page .field:has(.alert) {
        grid-column: 1 !important;
    }

    .tabbed-d.account-settings-page .account-social-grid {
        grid-template-columns: 1fr !important;
    }

    .tabbed-d.account-settings-page #sidebar .sidebar-tabs {
        grid-template-columns: 1fr !important;
    }

    .tabbed-d.account-settings-page .sidebar-tabs .avatar-big-cont {
        width: 150px !important;
    }
}


/* Ajuste puntual Login: linea y modo claro-oscuro */
#login_box,
#login_box * {
    box-sizing: border-box !important;
}

#login_box {
    width: 350px !important;
    max-width: calc(100vw - 28px) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.24) !important;
}

#login_box .login_header {
    width: 100% !important;
    height: 48px !important;
    background: #4527a0 !important;
}

#login_box .login_header h3 {
    height: 48px !important;
    line-height: 48px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
}

#login_box .login_cuerpo {
    width: 100% !important;
    padding: 28px 20px 24px !important;
    background: #ffffff !important;
    color: #172033 !important;
}

#login_box .login_cuerpo form,
#login_box .group {
    width: 100% !important;
}

#login_box .group {
    position: relative !important;
    margin-bottom: 34px !important;
    overflow: visible !important;
}

#login_box input.login {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    padding: 9px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid #9aa3b5 !important;
    border-radius: 0 !important;
    background: #f5f7fb !important;
    color: #172033 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    text-align: left !important;
    outline: none !important;
}

#login_box .bar {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 2px !important;
    margin: -2px 0 0 0 !important;
    overflow: hidden !important;
}

#login_box .bar:before,
#login_box .bar:after {
    bottom: 0 !important;
    height: 2px !important;
    background: #8b5cf6 !important;
}

#login_box input.login:focus ~ .bar:before,
#login_box input.login:focus ~ .bar:after {
    width: 50% !important;
}

#login_box label.l_text,
#login_box .login_cuerpo label.l_text {
    left: 8px !important;
    top: 14px !important;
    color: #6b7280 !important;
    text-shadow: none !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

#login_box input.login:focus ~ label,
#login_box input.login:valid ~ label {
    top: -21px !important;
    color: #4527a0 !important;
    font-size: 12px !important;
}

#login_box .login_footer a {
    color: #6d4bd8 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

#login_box .l_footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
}

#login_box input.l_entrar,
#login_box a.l_cerrar {
    width: 138px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
}

#login_box input.l_entrar {
    border: 3px solid #7b728f !important;
    background: transparent !important;
    color: #1f2937 !important;
}

#login_box input.l_entrar:hover {
    border-color: #4527a0 !important;
    color: #4527a0 !important;
}

#login_box a.l_cerrar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 3px solid transparent !important;
    background: #2d2b3f !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

#login_box a.l_cerrar:hover {
    border-color: #4527a0 !important;
    background: #4527a0 !important;
    color: #ffffff !important;
}

/* Modo claro */
html[data-theme="light"] #login_box,
body[data-theme="light"] #login_box {
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
}

html[data-theme="light"] #login_box .login_cuerpo,
body[data-theme="light"] #login_box .login_cuerpo {
    background: #ffffff !important;
    color: #172033 !important;
}

html[data-theme="light"] #login_box input.login,
body[data-theme="light"] #login_box input.login {
    background: #f5f7fb !important;
    color: #172033 !important;
    border-bottom-color: #9aa3b5 !important;
}

/* Modo oscuro */
html[data-theme="dark"] #login_box,
body[data-theme="dark"] #login_box,
html:not([data-theme="light"]) #login_box {
    background: #191a27 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] #login_box .login_header,
body[data-theme="dark"] #login_box .login_header,
html:not([data-theme="light"]) #login_box .login_header {
    background: #4b2aa4 !important;
}

html[data-theme="dark"] #login_box .login_cuerpo,
body[data-theme="dark"] #login_box .login_cuerpo,
html:not([data-theme="light"]) #login_box .login_cuerpo {
    background: #191a27 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #login_box input.login,
body[data-theme="dark"] #login_box input.login,
html:not([data-theme="light"]) #login_box input.login {
    background: #2c364d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-bottom-color: #8f80c7 !important;
}

html[data-theme="dark"] #login_box input.login:-webkit-autofill,
body[data-theme="dark"] #login_box input.login:-webkit-autofill,
html:not([data-theme="light"]) #login_box input.login:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #2c364d inset !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] #login_box label.l_text,
html[data-theme="dark"] #login_box .login_cuerpo label.l_text,
body[data-theme="dark"] #login_box label.l_text,
body[data-theme="dark"] #login_box .login_cuerpo label.l_text,
html:not([data-theme="light"]) #login_box label.l_text,
html:not([data-theme="light"]) #login_box .login_cuerpo label.l_text {
    color: #c9c6d8 !important;
    text-shadow: none !important;
}

html[data-theme="dark"] #login_box input.login:focus ~ label,
html[data-theme="dark"] #login_box input.login:valid ~ label,
body[data-theme="dark"] #login_box input.login:focus ~ label,
body[data-theme="dark"] #login_box input.login:valid ~ label,
html:not([data-theme="light"]) #login_box input.login:focus ~ label,
html:not([data-theme="light"]) #login_box input.login:valid ~ label {
    color: #bda7ff !important;
}

html[data-theme="dark"] #login_box .bar:before,
html[data-theme="dark"] #login_box .bar:after,
body[data-theme="dark"] #login_box .bar:before,
body[data-theme="dark"] #login_box .bar:after,
html:not([data-theme="light"]) #login_box .bar:before,
html:not([data-theme="light"]) #login_box .bar:after {
    background: #bda7ff !important;
}

html[data-theme="dark"] #login_box .login_footer a,
body[data-theme="dark"] #login_box .login_footer a,
html:not([data-theme="light"]) #login_box .login_footer a {
    color: #bda7ff !important;
}

html[data-theme="dark"] #login_box input.l_entrar,
body[data-theme="dark"] #login_box input.l_entrar,
html:not([data-theme="light"]) #login_box input.l_entrar {
    border-color: #766f8d !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #login_box input.l_entrar:hover,
body[data-theme="dark"] #login_box input.l_entrar:hover,
html:not([data-theme="light"]) #login_box input.l_entrar:hover {
    border-color: #bda7ff !important;
    color: #bda7ff !important;
}

html[data-theme="dark"] #login_box a.l_cerrar,
body[data-theme="dark"] #login_box a.l_cerrar,
html:not([data-theme="light"]) #login_box a.l_cerrar {
    background: #2b2a3f !important;
    color: #ffffff !important;
}

@media (max-width: 480px) {
    #login_box {
        right: 14px !important;
        left: 14px !important;
        width: auto !important;
        top: 90px !important;
    }

    #login_box .l_footer {
        gap: 10px !important;
    }

    #login_box input.l_entrar,
    #login_box a.l_cerrar {
        width: 50% !important;
        min-width: 0 !important;
        letter-spacing: 2px !important;
    }
}


/* Ajuste puntual: reparar dropdowns de notificaciones y mensajes tras login */
#menu .userInfoLogin li.monitor,
#menu .userInfoLogin li.mensajes {
    position: relative !important;
    overflow: visible !important;
}

#menu .userInfoLogin li #mon_list.notificaciones-list,
#menu .userInfoLogin li #mp_list.notificaciones-list {
    position: absolute !important;
    top: 46px !important;
    right: 0 !important;
    left: auto !important;
    width: 430px !important;
    min-width: 360px !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #d7deef !important;
    border-radius: 0 0 12px 12px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18) !important;
    overflow: hidden !important;
    z-index: 99999 !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

#menu .userInfoLogin li #mon_list.notificaciones-list *,
#menu .userInfoLogin li #mp_list.notificaciones-list * {
    box-sizing: border-box !important;
    text-align: left !important;
}

#menu .userInfoLogin li #mon_list .dropdown-list-title,
#menu .userInfoLogin li #mp_list .dropdown-list-title {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 46px !important;
    height: auto !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border-bottom: 1px solid #d7deef !important;
    background: #f7f9ff !important;
    color: #1f2b49 !important;
    line-height: 1.2 !important;
}

#menu .userInfoLogin li #mon_list .dropdown-list-title strong,
#menu .userInfoLogin li #mp_list .dropdown-list-title strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1f2b49 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: normal !important;
}

#menu .userInfoLogin li #mon_list ul,
#menu .userInfoLogin li #mp_list ul,
#menu .userInfoLogin li #mp_list ul#boxMail {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 390px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    list-style: none !important;
    background: #ffffff !important;
}

#menu .userInfoLogin li #mon_list ul > li,
#menu .userInfoLogin li #mp_list ul > li,
#menu .userInfoLogin li #mp_list ul#boxMail > li,
#menu .userInfoLogin div#mon_list.notificaciones-list ul > li,
#menu .userInfoLogin div#mp_list.notificaciones-list ul > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1.3 !important;
    list-style: none !important;
    overflow: visible !important;
}

#menu .userInfoLogin li #mon_list ul > li:last-child,
#menu .userInfoLogin li #mp_list ul > li:last-child,
#menu .userInfoLogin li #mp_list ul#boxMail > li:last-child {
    margin-bottom: 0 !important;
}

#menu .userInfoLogin li #mon_list ul > li > a.notify-entry,
#menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas),
#menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry,
#menu .userInfoLogin li #mp_list ul > li > a.mail-entry {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 76px !important;
    height: auto !important;
    padding: 12px !important;
    margin: 0 !important;
    border: 1px solid #d9e0ef !important;
    border-radius: 12px !important;
    background: #f7f9ff !important;
    color: #1f2b49 !important;
    text-decoration: none !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#menu .userInfoLogin li #mon_list ul > li.unread > a.notify-entry,
#menu .userInfoLogin li #mon_list ul > li.unread > a:not(.ver-mas),
#menu .userInfoLogin li #mp_list ul#boxMail > li.unread > a.mail-entry,
#menu .userInfoLogin li #mp_list ul > li.unread > a.mail-entry {
    background: #eef3ff !important;
    border-color: #cdd9f0 !important;
}

#menu .userInfoLogin li #mon_list ul > li > a.notify-entry:hover,
#menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas):hover,
#menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry:hover,
#menu .userInfoLogin li #mp_list ul > li > a.mail-entry:hover {
    background: #edf2ff !important;
    border-color: #c7d2ee !important;
}

#menu .userInfoLogin li #mon_list .notify-icon,
#menu .userInfoLogin li #mp_list .mail-avatar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 1 !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    flex: none !important;
}

#menu .userInfoLogin li #mon_list .notify-icon img,
#menu .userInfoLogin li #mp_list .mail-avatar img {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    object-fit: cover !important;
    border-radius: 11px !important;
}

#menu .userInfoLogin li #mon_list .notify-icon .monac_icons {
    display: block !important;
    margin: 0 !important;
}

#menu .userInfoLogin li #mon_list .notify-copy,
#menu .userInfoLogin li #mp_list .mail-copy {
    display: block !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

#menu .userInfoLogin li #mon_list .notify-line,
#menu .userInfoLogin li #mon_list .notify-title,
#menu .userInfoLogin li #mon_list .notify-object,
#menu .userInfoLogin li #mp_list .mail-copy .subject,
#menu .userInfoLogin li #mp_list .mail-copy .preview,
#menu .userInfoLogin li #mp_list .mail-copy .time,
#menu .userInfoLogin li #mp_list .mail-copy .autor {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: hidden !important;
    line-height: 1.35 !important;
}

#menu .userInfoLogin li #mon_list .notify-user,
#menu .userInfoLogin li #mon_list .notify-object,
#menu .userInfoLogin li #mp_list .mail-copy .subject {
    color: #26345b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

#menu .userInfoLogin li #mon_list .notify-text,
#menu .userInfoLogin li #mp_list .mail-copy .preview {
    color: #39445f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

#menu .userInfoLogin li #mp_list .mail-copy .time,
#menu .userInfoLogin li #mp_list .mail-copy .autor {
    margin-top: 5px !important;
    color: #65738f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

#menu .userInfoLogin li #mon_list .dropdown-empty,
#menu .userInfoLogin li #mp_list .dropdown-empty {
    display: block !important;
    padding: 18px !important;
    margin: 0 !important;
    color: #526078 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

#menu .userInfoLogin li #mon_list .ver-mas,
#menu .userInfoLogin li #mp_list .ver-mas {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    padding: 15px 16px !important;
    margin: 0 !important;
    border-top: 1px solid #d7deef !important;
    background: #f3f6ff !important;
    color: #253153 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

#menu .userInfoLogin li #mon_list .ver-mas:hover,
#menu .userInfoLogin li #mp_list .ver-mas:hover {
    background: #eaf0ff !important;
}

#menu .userInfoLogin li #mon_list ul::-webkit-scrollbar,
#menu .userInfoLogin li #mp_list ul::-webkit-scrollbar,
#menu .userInfoLogin li #mp_list ul#boxMail::-webkit-scrollbar {
    width: 9px !important;
}

#menu .userInfoLogin li #mon_list ul::-webkit-scrollbar-thumb,
#menu .userInfoLogin li #mp_list ul::-webkit-scrollbar-thumb,
#menu .userInfoLogin li #mp_list ul#boxMail::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: #b8c2d6 !important;
}

#menu .userInfoLogin li #mon_list ul::-webkit-scrollbar-track,
#menu .userInfoLogin li #mp_list ul::-webkit-scrollbar-track,
#menu .userInfoLogin li #mp_list ul#boxMail::-webkit-scrollbar-track {
    background: transparent !important;
}

/* Modo oscuro de los dropdowns del header */
html[data-theme="dark"] #menu .userInfoLogin li #mon_list.notificaciones-list,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list.notificaciones-list,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list.notificaciones-list,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list.notificaciones-list,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list.notificaciones-list,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list.notificaciones-list {
    background: #171a27 !important;
    border-color: #343a55 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list .dropdown-list-title,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .dropdown-list-title,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .dropdown-list-title,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .dropdown-list-title,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .dropdown-list-title,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .dropdown-list-title {
    background: #1f2334 !important;
    border-bottom-color: #343a55 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list .dropdown-list-title strong,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .dropdown-list-title strong,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .dropdown-list-title strong,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .dropdown-list-title strong,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .dropdown-list-title strong,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .dropdown-list-title strong {
    color: #ffffff !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul#boxMail {
    background: #171a27 !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a.notify-entry,
html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas),
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul > li > a.mail-entry,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a.notify-entry,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas),
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul > li > a.mail-entry,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul > li > a.notify-entry,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas),
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul > li > a.mail-entry {
    background: #202436 !important;
    border-color: #343a55 !important;
    color: #f5f7ff !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li.unread > a.notify-entry,
html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li.unread > a:not(.ver-mas),
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail > li.unread > a.mail-entry,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul > li.unread > a.mail-entry,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li.unread > a.notify-entry,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li.unread > a:not(.ver-mas),
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail > li.unread > a.mail-entry,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul > li.unread > a.mail-entry,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul > li.unread > a.notify-entry,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul > li.unread > a:not(.ver-mas),
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul#boxMail > li.unread > a.mail-entry,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul > li.unread > a.mail-entry {
    background: #252a40 !important;
    border-color: #465070 !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a.notify-entry:hover,
html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas):hover,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry:hover,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul > li > a.mail-entry:hover,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a.notify-entry:hover,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas):hover,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry:hover,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul > li > a.mail-entry:hover,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul > li > a.notify-entry:hover,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas):hover,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry:hover,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul > li > a.mail-entry:hover {
    background: #2b3148 !important;
    border-color: #536080 !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-icon,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-avatar,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-icon,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-avatar,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .notify-icon,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .mail-avatar {
    background: #111421 !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-user,
html[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-object,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .subject,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-user,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-object,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .subject,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .notify-user,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .notify-object,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .mail-copy .subject {
    color: #ffffff !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-text,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .preview,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .notify-text,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .preview,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .notify-text,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .mail-copy .preview {
    color: #e7ebf8 !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .time,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .autor,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .time,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .mail-copy .autor,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .mail-copy .time,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .mail-copy .autor {
    color: #b9c3dc !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list .ver-mas,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .ver-mas,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .ver-mas,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .ver-mas,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .ver-mas,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .ver-mas {
    background: #22263a !important;
    border-top-color: #343a55 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list .ver-mas:hover,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list .ver-mas:hover,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list .ver-mas:hover,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list .ver-mas:hover,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list .ver-mas:hover,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list .ver-mas:hover {
    background: #2b3148 !important;
}

html[data-theme="dark"] #menu .userInfoLogin li #mon_list ul::-webkit-scrollbar-thumb,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul::-webkit-scrollbar-thumb,
html[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail::-webkit-scrollbar-thumb,
body[data-theme="dark"] #menu .userInfoLogin li #mon_list ul::-webkit-scrollbar-thumb,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul::-webkit-scrollbar-thumb,
body[data-theme="dark"] #menu .userInfoLogin li #mp_list ul#boxMail::-webkit-scrollbar-thumb,
html:not([data-theme="light"]) #menu .userInfoLogin li #mon_list ul::-webkit-scrollbar-thumb,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul::-webkit-scrollbar-thumb,
html:not([data-theme="light"]) #menu .userInfoLogin li #mp_list ul#boxMail::-webkit-scrollbar-thumb {
    background: #68728f !important;
}

@media (max-width: 520px) {
    #menu .userInfoLogin li #mon_list.notificaciones-list,
    #menu .userInfoLogin li #mp_list.notificaciones-list {
        position: fixed !important;
        top: 52px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    #menu .userInfoLogin li #mon_list ul > li > a.notify-entry,
    #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas),
    #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry,
    #menu .userInfoLogin li #mp_list ul > li > a.mail-entry {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        min-height: 70px !important;
        padding: 10px !important;
    }

    #menu .userInfoLogin li #mon_list .notify-icon,
    #menu .userInfoLogin li #mp_list .mail-avatar,
    #menu .userInfoLogin li #mon_list .notify-icon img,
    #menu .userInfoLogin li #mp_list .mail-avatar img {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }
}


/* Ajuste puntual: posts texto blanco e imagenes BBCode */
html[data-theme="dark"] .post-contenido,
body[data-theme="dark"] .post-contenido,
html:not([data-theme="light"]) .post-contenido {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .post-contenido p,
html[data-theme="dark"] .post-contenido span,
html[data-theme="dark"] .post-contenido div,
html[data-theme="dark"] .post-contenido font,
html[data-theme="dark"] .post-contenido strong,
html[data-theme="dark"] .post-contenido b,
html[data-theme="dark"] .post-contenido em,
html[data-theme="dark"] .post-contenido i,
html[data-theme="dark"] .post-contenido u,
html[data-theme="dark"] .post-contenido small,
html[data-theme="dark"] .post-contenido center,
html[data-theme="dark"] .post-contenido li,
html[data-theme="dark"] .post-contenido td,
html[data-theme="dark"] .post-contenido th,
html[data-theme="dark"] .post-contenido a,
body[data-theme="dark"] .post-contenido p,
body[data-theme="dark"] .post-contenido span,
body[data-theme="dark"] .post-contenido div,
body[data-theme="dark"] .post-contenido font,
body[data-theme="dark"] .post-contenido strong,
body[data-theme="dark"] .post-contenido b,
body[data-theme="dark"] .post-contenido em,
body[data-theme="dark"] .post-contenido i,
body[data-theme="dark"] .post-contenido u,
body[data-theme="dark"] .post-contenido small,
body[data-theme="dark"] .post-contenido center,
body[data-theme="dark"] .post-contenido li,
body[data-theme="dark"] .post-contenido td,
body[data-theme="dark"] .post-contenido th,
body[data-theme="dark"] .post-contenido a,
html:not([data-theme="light"]) .post-contenido p,
html:not([data-theme="light"]) .post-contenido span,
html:not([data-theme="light"]) .post-contenido div,
html:not([data-theme="light"]) .post-contenido font,
html:not([data-theme="light"]) .post-contenido strong,
html:not([data-theme="light"]) .post-contenido b,
html:not([data-theme="light"]) .post-contenido em,
html:not([data-theme="light"]) .post-contenido i,
html:not([data-theme="light"]) .post-contenido u,
html:not([data-theme="light"]) .post-contenido small,
html:not([data-theme="light"]) .post-contenido center,
html:not([data-theme="light"]) .post-contenido li,
html:not([data-theme="light"]) .post-contenido td,
html:not([data-theme="light"]) .post-contenido th,
html:not([data-theme="light"]) .post-contenido a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

.post-contenido img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle !important;
}


/* Ajuste puntual: iconos de moderacion de comentarios blancos en modo oscuro */
html[data-theme="dark"] .comentario-post .answerOptions ul li a,
html[data-theme="dark"] #respuestas .answerOptions ul li a,
html[data-theme="dark"] #post-comentarios .answerOptions ul li a,
body[data-theme="dark"] .comentario-post .answerOptions ul li a,
body[data-theme="dark"] #respuestas .answerOptions ul li a,
body[data-theme="dark"] #post-comentarios .answerOptions ul li a,
html:not([data-theme="light"]) .comentario-post .answerOptions ul li a,
html:not([data-theme="light"]) #respuestas .answerOptions ul li a,
html:not([data-theme="light"]) #post-comentarios .answerOptions ul li a {
    color: #ffffff !important;
}

html[data-theme="dark"] .comentario-post .answerOptions ul li a i,
html[data-theme="dark"] #respuestas .answerOptions ul li a i,
html[data-theme="dark"] #post-comentarios .answerOptions ul li a i,
body[data-theme="dark"] .comentario-post .answerOptions ul li a i,
body[data-theme="dark"] #respuestas .answerOptions ul li a i,
body[data-theme="dark"] #post-comentarios .answerOptions ul li a i,
html:not([data-theme="light"]) .comentario-post .answerOptions ul li a i,
html:not([data-theme="light"]) #respuestas .answerOptions ul li a i,
html:not([data-theme="light"]) #post-comentarios .answerOptions ul li a i {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[data-theme="dark"] .comentario-post .answerOptions ul li a span,
html[data-theme="dark"] #respuestas .answerOptions ul li a span,
html[data-theme="dark"] #post-comentarios .answerOptions ul li a span,
body[data-theme="dark"] .comentario-post .answerOptions ul li a span,
body[data-theme="dark"] #respuestas .answerOptions ul li a span,
body[data-theme="dark"] #post-comentarios .answerOptions ul li a span,
html:not([data-theme="light"]) .comentario-post .answerOptions ul li a span,
html:not([data-theme="light"]) #respuestas .answerOptions ul li a span,
html:not([data-theme="light"]) #post-comentarios .answerOptions ul li a span {
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

html[data-theme="dark"] .comentario-post .answerOptions .voto-p-comentario,
html[data-theme="dark"] .comentario-post .answerOptions .voto-n-comentario,
html[data-theme="dark"] .comentario-post .answerOptions .citar-comentario,
html[data-theme="dark"] .comentario-post .answerOptions .editar-comentario,
html[data-theme="dark"] .comentario-post .answerOptions .borrar-comentario,
html[data-theme="dark"] .comentario-post .answerOptions .moderar-comentario,
html[data-theme="dark"] #respuestas .answerOptions .voto-p-comentario,
html[data-theme="dark"] #respuestas .answerOptions .voto-n-comentario,
html[data-theme="dark"] #respuestas .answerOptions .citar-comentario,
html[data-theme="dark"] #respuestas .answerOptions .editar-comentario,
html[data-theme="dark"] #respuestas .answerOptions .borrar-comentario,
html[data-theme="dark"] #respuestas .answerOptions .moderar-comentario,
html[data-theme="dark"] #post-comentarios .answerOptions .voto-p-comentario,
html[data-theme="dark"] #post-comentarios .answerOptions .voto-n-comentario,
html[data-theme="dark"] #post-comentarios .answerOptions .citar-comentario,
html[data-theme="dark"] #post-comentarios .answerOptions .editar-comentario,
html[data-theme="dark"] #post-comentarios .answerOptions .borrar-comentario,
html[data-theme="dark"] #post-comentarios .answerOptions .moderar-comentario,
body[data-theme="dark"] .comentario-post .answerOptions .voto-p-comentario,
body[data-theme="dark"] .comentario-post .answerOptions .voto-n-comentario,
body[data-theme="dark"] .comentario-post .answerOptions .citar-comentario,
body[data-theme="dark"] .comentario-post .answerOptions .editar-comentario,
body[data-theme="dark"] .comentario-post .answerOptions .borrar-comentario,
body[data-theme="dark"] .comentario-post .answerOptions .moderar-comentario,
html:not([data-theme="light"]) .comentario-post .answerOptions .voto-p-comentario,
html:not([data-theme="light"]) .comentario-post .answerOptions .voto-n-comentario,
html:not([data-theme="light"]) .comentario-post .answerOptions .citar-comentario,
html:not([data-theme="light"]) .comentario-post .answerOptions .editar-comentario,
html:not([data-theme="light"]) .comentario-post .answerOptions .borrar-comentario,
html:not([data-theme="light"]) .comentario-post .answerOptions .moderar-comentario {
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}


/* Ajuste puntual: editor de comentarios oscuro con iconos blancos */
html[data-theme="dark"] #post-comentarios .wysibb,
html[data-theme="dark"] #respuestas .wysibb,
html[data-theme="dark"] .miComentario .wysibb,
body[data-theme="dark"] #post-comentarios .wysibb,
body[data-theme="dark"] #respuestas .wysibb,
body[data-theme="dark"] .miComentario .wysibb,
html:not([data-theme="light"]) #post-comentarios .wysibb,
html:not([data-theme="light"]) #respuestas .wysibb,
html:not([data-theme="light"]) .miComentario .wysibb {
    background: #0f111c !important;
    border-color: #353a54 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container {
    background: #11131f !important;
    border-color: #353a54 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-body,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-text,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-text-editor,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-texarea,
html[data-theme="dark"] #post-comentarios .wysibb iframe,
html[data-theme="dark"] #respuestas .wysibb .wysibb-body,
html[data-theme="dark"] #respuestas .wysibb .wysibb-text,
html[data-theme="dark"] #respuestas .wysibb .wysibb-text-editor,
html[data-theme="dark"] #respuestas .wysibb .wysibb-texarea,
html[data-theme="dark"] #respuestas .wysibb iframe,
html[data-theme="dark"] .miComentario .wysibb .wysibb-body,
html[data-theme="dark"] .miComentario .wysibb .wysibb-text,
html[data-theme="dark"] .miComentario .wysibb .wysibb-text-editor,
html[data-theme="dark"] .miComentario .wysibb .wysibb-texarea,
html[data-theme="dark"] .miComentario .wysibb iframe,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-body,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-text,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-text-editor,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-texarea,
body[data-theme="dark"] #post-comentarios .wysibb iframe,
body[data-theme="dark"] #respuestas .wysibb .wysibb-body,
body[data-theme="dark"] #respuestas .wysibb .wysibb-text,
body[data-theme="dark"] #respuestas .wysibb .wysibb-text-editor,
body[data-theme="dark"] #respuestas .wysibb .wysibb-texarea,
body[data-theme="dark"] #respuestas .wysibb iframe,
body[data-theme="dark"] .miComentario .wysibb .wysibb-body,
body[data-theme="dark"] .miComentario .wysibb .wysibb-text,
body[data-theme="dark"] .miComentario .wysibb .wysibb-text-editor,
body[data-theme="dark"] .miComentario .wysibb .wysibb-texarea,
body[data-theme="dark"] .miComentario .wysibb iframe,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-body,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-text,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-text-editor,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-texarea,
html:not([data-theme="light"]) #post-comentarios .wysibb iframe,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-body,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-text,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-text-editor,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-texarea,
html:not([data-theme="light"]) #respuestas .wysibb iframe,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-body,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-text,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-text-editor,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-texarea,
html:not([data-theme="light"]) .miComentario .wysibb iframe {
    background: #0d0f1a !important;
    border-color: #353a54 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
    background: transparent !important;
    border-color: #343a54 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on {
    background: #22263a !important;
    border-color: #4b5574 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .btn-text,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .modesw,
html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .modeSwitch,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .btn-text,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .modesw,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .modeSwitch,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .btn-text,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .modesw,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .modeSwitch,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn img {
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

html[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
html[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
html[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
body[data-theme="dark"] #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
body[data-theme="dark"] #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
body[data-theme="dark"] .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
html:not([data-theme="light"]) #post-comentarios .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
html:not([data-theme="light"]) #respuestas .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
html:not([data-theme="light"]) .miComentario .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line {
    background: #ffffff !important;
}


/* Ajuste puntual: Agregar Post modo oscuro texto e iconos blancos */
html[data-theme="dark"] .form-add-post,
body[data-theme="dark"] .form-add-post,
html:not([data-theme="light"]) .form-add-post {
    color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post *,
body[data-theme="dark"] .form-add-post *,
html:not([data-theme="light"]) .form-add-post * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

html[data-theme="dark"] .form-add-post #main,
html[data-theme="dark"] .form-add-post #sidebar,
body[data-theme="dark"] .form-add-post #main,
body[data-theme="dark"] .form-add-post #sidebar,
html:not([data-theme="light"]) .form-add-post #main,
html:not([data-theme="light"]) .form-add-post #sidebar {
    background: transparent !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post label,
html[data-theme="dark"] .form-add-post .special-left label,
html[data-theme="dark"] .form-add-post #tagsfox label,
html[data-theme="dark"] .form-add-post .ijus label,
body[data-theme="dark"] .form-add-post label,
body[data-theme="dark"] .form-add-post .special-left label,
body[data-theme="dark"] .form-add-post #tagsfox label,
body[data-theme="dark"] .form-add-post .ijus label,
html:not([data-theme="light"]) .form-add-post label,
html:not([data-theme="light"]) .form-add-post .special-left label,
html:not([data-theme="light"]) .form-add-post #tagsfox label,
html:not([data-theme="light"]) .form-add-post .ijus label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post .oblig,
body[data-theme="dark"] .form-add-post .oblig,
html:not([data-theme="light"]) .form-add-post .oblig {
    background: #1b2032 !important;
    border: 1px solid #3a425f !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post input[type="text"],
html[data-theme="dark"] .form-add-post input.text-inp,
html[data-theme="dark"] .form-add-post textarea,
html[data-theme="dark"] .form-add-post select,
body[data-theme="dark"] .form-add-post input[type="text"],
body[data-theme="dark"] .form-add-post input.text-inp,
body[data-theme="dark"] .form-add-post textarea,
body[data-theme="dark"] .form-add-post select,
html:not([data-theme="light"]) .form-add-post input[type="text"],
html:not([data-theme="light"]) .form-add-post input.text-inp,
html:not([data-theme="light"]) .form-add-post textarea,
html:not([data-theme="light"]) .form-add-post select {
    background: #101421 !important;
    border-color: #3b435f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .form-add-post input::placeholder,
html[data-theme="dark"] .form-add-post textarea::placeholder,
body[data-theme="dark"] .form-add-post input::placeholder,
body[data-theme="dark"] .form-add-post textarea::placeholder,
html:not([data-theme="light"]) .form-add-post input::placeholder,
html:not([data-theme="light"]) .form-add-post textarea::placeholder {
    color: #c7d0e8 !important;
    -webkit-text-fill-color: #c7d0e8 !important;
}

html[data-theme="dark"] .form-add-post option,
body[data-theme="dark"] .form-add-post option,
html:not([data-theme="light"]) .form-add-post option {
    background: #101421 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Tags y panel lateral de agregar post */
html[data-theme="dark"] .form-add-post #tagsfox,
body[data-theme="dark"] .form-add-post #tagsfox,
html:not([data-theme="light"]) .form-add-post #tagsfox {
    background: transparent !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post #tagsfox .tagsinput,
html[data-theme="dark"] .form-add-post .tagsinput,
body[data-theme="dark"] .form-add-post #tagsfox .tagsinput,
body[data-theme="dark"] .form-add-post .tagsinput,
html:not([data-theme="light"]) .form-add-post #tagsfox .tagsinput,
html:not([data-theme="light"]) .form-add-post .tagsinput {
    background: #101421 !important;
    border: 1px solid #3b435f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post #tagsfox .tagsinput input,
html[data-theme="dark"] .form-add-post .tagsinput input,
body[data-theme="dark"] .form-add-post #tagsfox .tagsinput input,
body[data-theme="dark"] .form-add-post .tagsinput input,
html:not([data-theme="light"]) .form-add-post #tagsfox .tagsinput input,
html:not([data-theme="light"]) .form-add-post .tagsinput input {
    background: #ffffff !important;
    border-color: #d7dcf0 !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}

html[data-theme="dark"] .form-add-post #tagsfox p,
body[data-theme="dark"] .form-add-post #tagsfox p,
html:not([data-theme="light"]) .form-add-post #tagsfox p {
    background: #1b2032 !important;
    border-color: #3b435f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post #tagsfox p *,
body[data-theme="dark"] .form-add-post #tagsfox p *,
html:not([data-theme="light"]) .form-add-post #tagsfox p * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Editor WYSIBB de agregar post */
html[data-theme="dark"] .form-add-post .wysibb,
body[data-theme="dark"] .form-add-post .wysibb,
html:not([data-theme="light"]) .form-add-post .wysibb {
    background: #0f111c !important;
    border-color: #353a54 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-body,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-text,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-text-editor,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-texarea,
html[data-theme="dark"] .form-add-post .wysibb iframe,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-body,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-text,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-text-editor,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-texarea,
body[data-theme="dark"] .form-add-post .wysibb iframe,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-body,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-text,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-text-editor,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-texarea,
html:not([data-theme="light"]) .form-add-post .wysibb iframe {
    background: #0d0f1a !important;
    border-color: #353a54 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
    background: transparent !important;
    border-color: #343a54 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on {
    background: #22263a !important;
    border-color: #4b5574 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .btn-text,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .modesw,
html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .modeSwitch,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .btn-text,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .modesw,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .modeSwitch,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .btn-text,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .modesw,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .modeSwitch {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip),
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn span:not(.btn-tooltip) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn img,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn img {
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

html[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
body[data-theme="dark"] .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line,
html:not([data-theme="light"]) .form-add-post .wysibb .wysibb-toolbar .wysibb-toolbar-btn .cp-line {
    background: #ffffff !important;
}

/* Botones y mensajes internos solo dentro de agregar post */
html[data-theme="dark"] .form-add-post .btn,
body[data-theme="dark"] .form-add-post .btn,
html:not([data-theme="light"]) .form-add-post .btn {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post #borrador-guardado,
html[data-theme="dark"] .form-add-post .errormsg,
body[data-theme="dark"] .form-add-post #borrador-guardado,
body[data-theme="dark"] .form-add-post .errormsg,
html:not([data-theme="light"]) .form-add-post #borrador-guardado,
html:not([data-theme="light"]) .form-add-post .errormsg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Ajuste puntual: etiquetas en agregar post modo oscuro */
html[data-theme="dark"] .form-add-post #tagsfox .tagsinput,
html[data-theme="dark"] .form-add-post .tagsinput,
body[data-theme="dark"] .form-add-post #tagsfox .tagsinput,
body[data-theme="dark"] .form-add-post .tagsinput,
html:not([data-theme="light"]) .form-add-post #tagsfox .tagsinput,
html:not([data-theme="light"]) .form-add-post .tagsinput {
    background: #101421 !important;
    border-color: #3b435f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post #tagsfox .tagsinput input,
html[data-theme="dark"] .form-add-post .tagsinput input,
body[data-theme="dark"] .form-add-post #tagsfox .tagsinput input,
body[data-theme="dark"] .form-add-post .tagsinput input,
html:not([data-theme="light"]) .form-add-post #tagsfox .tagsinput input,
html:not([data-theme="light"]) .form-add-post .tagsinput input {
    background: #0f1322 !important;
    border: 1px solid #59617f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .form-add-post #tagsfox .tagsinput input:focus,
html[data-theme="dark"] .form-add-post .tagsinput input:focus,
body[data-theme="dark"] .form-add-post #tagsfox .tagsinput input:focus,
body[data-theme="dark"] .form-add-post .tagsinput input:focus,
html:not([data-theme="light"]) .form-add-post #tagsfox .tagsinput input:focus,
html:not([data-theme="light"]) .form-add-post .tagsinput input:focus {
    background: #111827 !important;
    border-color: #8b7dff !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post #tagsfox .tagsinput span.tag,
html[data-theme="dark"] .form-add-post .tagsinput span.tag,
body[data-theme="dark"] .form-add-post #tagsfox .tagsinput span.tag,
body[data-theme="dark"] .form-add-post .tagsinput span.tag,
html:not([data-theme="light"]) .form-add-post #tagsfox .tagsinput span.tag,
html:not([data-theme="light"]) .form-add-post .tagsinput span.tag {
    background: #232846 !important;
    border-color: #5661a8 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .form-add-post #tagsfox .tagsinput span.tag a,
html[data-theme="dark"] .form-add-post .tagsinput span.tag a,
body[data-theme="dark"] .form-add-post #tagsfox .tagsinput span.tag a,
body[data-theme="dark"] .form-add-post .tagsinput span.tag a,
html:not([data-theme="light"]) .form-add-post #tagsfox .tagsinput span.tag a,
html:not([data-theme="light"]) .form-add-post .tagsinput span.tag a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Ajuste puntual: dropdowns compactos de notificaciones y mensajes */
#menu .userInfoLogin li #mon_list.notificaciones-list,
#menu .userInfoLogin li #mp_list.notificaciones-list {
    width: 390px !important;
    min-width: 340px !important;
    max-width: calc(100vw - 24px) !important;
    border-radius: 0 0 10px 10px !important;
}

#menu .userInfoLogin li #mon_list .dropdown-list-title,
#menu .userInfoLogin li #mp_list .dropdown-list-title {
    min-height: 40px !important;
    padding: 9px 13px !important;
}

#menu .userInfoLogin li #mon_list .dropdown-list-title strong,
#menu .userInfoLogin li #mp_list .dropdown-list-title strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
}

#menu .userInfoLogin li #mon_list ul,
#menu .userInfoLogin li #mp_list ul,
#menu .userInfoLogin li #mp_list ul#boxMail {
    max-height: 330px !important;
    padding: 8px !important;
}

#menu .userInfoLogin li #mon_list ul > li,
#menu .userInfoLogin li #mp_list ul > li,
#menu .userInfoLogin li #mp_list ul#boxMail > li,
#menu .userInfoLogin div#mon_list.notificaciones-list ul > li,
#menu .userInfoLogin div#mp_list.notificaciones-list ul > li {
    margin-bottom: 7px !important;
}

#menu .userInfoLogin li #mon_list ul > li > a.notify-entry,
#menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas),
#menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry,
#menu .userInfoLogin li #mp_list ul > li > a.mail-entry {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    min-height: 60px !important;
    padding: 8px !important;
    border-radius: 10px !important;
    line-height: 1.22 !important;
}

#menu .userInfoLogin li #mon_list .notify-icon,
#menu .userInfoLogin li #mp_list .mail-avatar {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: 9px !important;
}

#menu .userInfoLogin li #mon_list .notify-icon img,
#menu .userInfoLogin li #mp_list .mail-avatar img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 9px !important;
}

#menu .userInfoLogin li #mon_list .notify-user,
#menu .userInfoLogin li #mon_list .notify-object,
#menu .userInfoLogin li #mp_list .mail-copy .subject {
    font-size: 13px !important;
    line-height: 1.2 !important;
}

#menu .userInfoLogin li #mon_list .notify-text,
#menu .userInfoLogin li #mon_list .notify-line,
#menu .userInfoLogin li #mp_list .mail-copy .preview {
    font-size: 12px !important;
    line-height: 1.25 !important;
}

#menu .userInfoLogin li #mp_list .mail-copy .time,
#menu .userInfoLogin li #mp_list .mail-copy .autor {
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

#menu .userInfoLogin li #mon_list .notify-line,
#menu .userInfoLogin li #mp_list .mail-copy .preview {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

#menu .userInfoLogin li #mp_list .mail-copy .subject {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

#menu .userInfoLogin li #mon_list .ver-mas,
#menu .userInfoLogin li #mp_list .ver-mas {
    min-height: 40px !important;
    padding: 11px 13px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

#menu .userInfoLogin li #mon_list ul::-webkit-scrollbar,
#menu .userInfoLogin li #mp_list ul::-webkit-scrollbar,
#menu .userInfoLogin li #mp_list ul#boxMail::-webkit-scrollbar {
    width: 7px !important;
}

@media (max-width: 520px) {
    #menu .userInfoLogin li #mon_list.notificaciones-list,
    #menu .userInfoLogin li #mp_list.notificaciones-list {
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        min-width: 0 !important;
    }

    #menu .userInfoLogin li #mon_list ul > li > a.notify-entry,
    #menu .userInfoLogin li #mon_list ul > li > a:not(.ver-mas),
    #menu .userInfoLogin li #mp_list ul#boxMail > li > a.mail-entry,
    #menu .userInfoLogin li #mp_list ul > li > a.mail-entry {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        min-height: 58px !important;
        padding: 8px !important;
    }

    #menu .userInfoLogin li #mon_list .notify-icon,
    #menu .userInfoLogin li #mp_list .mail-avatar,
    #menu .userInfoLogin li #mon_list .notify-icon img,
    #menu .userInfoLogin li #mp_list .mail-avatar img {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }
}


/* Ajuste puntual: muro de perfil en modo oscuro (story, comentarios y formulario) */
html[data-theme="dark"] .perfil-main .Story_Head,
body[data-theme="dark"] .perfil-main .Story_Head,
html.theme-dark .perfil-main .Story_Head,
html:not([data-theme="light"]) .perfil-main .Story_Head {
    background: #171a29 !important;
    border-color: #343b55 !important;
    color: #f2f4ff !important;
}

html[data-theme="dark"] .perfil-main .Story_Foot,
html[data-theme="dark"] .perfil-main .Story_Info,
body[data-theme="dark"] .perfil-main .Story_Foot,
body[data-theme="dark"] .perfil-main .Story_Info,
html.theme-dark .perfil-main .Story_Foot,
html.theme-dark .perfil-main .Story_Info,
html:not([data-theme="light"]) .perfil-main .Story_Foot,
html:not([data-theme="light"]) .perfil-main .Story_Info {
    background: #181b2b !important;
    border-color: #343b55 !important;
    color: #f2f4ff !important;
}

html[data-theme="dark"] .perfil-main .Story_Message,
html[data-theme="dark"] .perfil-main .Story_Message span,
html[data-theme="dark"] .perfil-main .Story_Message div,
html[data-theme="dark"] .perfil-main .Story_Message p,
html[data-theme="dark"] .perfil-main .Story_Info,
html[data-theme="dark"] .perfil-main .Story_Info span,
html[data-theme="dark"] .perfil-main .Story_Info div,
html[data-theme="dark"] .perfil-main .f-shout,
body[data-theme="dark"] .perfil-main .Story_Message,
body[data-theme="dark"] .perfil-main .Story_Message span,
body[data-theme="dark"] .perfil-main .Story_Message div,
body[data-theme="dark"] .perfil-main .Story_Message p,
body[data-theme="dark"] .perfil-main .Story_Info,
body[data-theme="dark"] .perfil-main .Story_Info span,
body[data-theme="dark"] .perfil-main .Story_Info div,
body[data-theme="dark"] .perfil-main .f-shout,
html.theme-dark .perfil-main .Story_Message,
html.theme-dark .perfil-main .Story_Message span,
html.theme-dark .perfil-main .Story_Message div,
html.theme-dark .perfil-main .Story_Message p,
html.theme-dark .perfil-main .Story_Info,
html.theme-dark .perfil-main .Story_Info span,
html.theme-dark .perfil-main .Story_Info div,
html.theme-dark .perfil-main .f-shout,
html:not([data-theme="light"]) .perfil-main .Story_Message,
html:not([data-theme="light"]) .perfil-main .Story_Message span,
html:not([data-theme="light"]) .perfil-main .Story_Message div,
html:not([data-theme="light"]) .perfil-main .Story_Message p,
html:not([data-theme="light"]) .perfil-main .Story_Info,
html:not([data-theme="light"]) .perfil-main .Story_Info span,
html:not([data-theme="light"]) .perfil-main .Story_Info div,
html:not([data-theme="light"]) .perfil-main .f-shout {
    color: #f2f4ff !important;
    -webkit-text-fill-color: #f2f4ff !important;
}

html[data-theme="dark"] .perfil-main .toup-shout,
html[data-theme="dark"] .perfil-main .Story_Comments,
html[data-theme="dark"] .perfil-main .commentList,
body[data-theme="dark"] .perfil-main .toup-shout,
body[data-theme="dark"] .perfil-main .Story_Comments,
body[data-theme="dark"] .perfil-main .commentList,
html.theme-dark .perfil-main .toup-shout,
html.theme-dark .perfil-main .Story_Comments,
html.theme-dark .perfil-main .commentList,
html:not([data-theme="light"]) .perfil-main .toup-shout,
html:not([data-theme="light"]) .perfil-main .Story_Comments,
html:not([data-theme="light"]) .perfil-main .commentList {
    background: transparent !important;
    color: #f2f4ff !important;
}

html[data-theme="dark"] .perfil-main .toup-shout > .titulo,
body[data-theme="dark"] .perfil-main .toup-shout > .titulo,
html.theme-dark .perfil-main .toup-shout > .titulo,
html:not([data-theme="light"]) .perfil-main .toup-shout > .titulo {
    border-bottom-color: #343b55 !important;
}

html[data-theme="dark"] .perfil-main .toup-shout > .titulo h2,
body[data-theme="dark"] .perfil-main .toup-shout > .titulo h2,
html.theme-dark .perfil-main .toup-shout > .titulo h2,
html:not([data-theme="light"]) .perfil-main .toup-shout > .titulo h2 {
    background: transparent !important;
    border-color: #ffffff !important;
    color: #f5f7ff !important;
    -webkit-text-fill-color: #f5f7ff !important;
}

html[data-theme="dark"] .perfil-main .commentList > li.cc-shout,
html[data-theme="dark"] .perfil-main .commentList > li.cc-shout:nth-child(odd),
html[data-theme="dark"] .perfil-main .ufiItem,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout:nth-child(odd),
body[data-theme="dark"] .perfil-main .ufiItem,
html.theme-dark .perfil-main .commentList > li.cc-shout,
html.theme-dark .perfil-main .commentList > li.cc-shout:nth-child(odd),
html.theme-dark .perfil-main .ufiItem,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout:nth-child(odd),
html:not([data-theme="light"]) .perfil-main .ufiItem {
    background: #1b1e2f !important;
    border-color: #343b55 !important;
    color: #f2f4ff !important;
}

html[data-theme="dark"] .perfil-main .commentList > li.cc-shout .mensaje,
html[data-theme="dark"] .perfil-main .commentList > li.cc-shout .mensaje span,
html[data-theme="dark"] .perfil-main .commentList > li.cc-shout .au-sho,
html[data-theme="dark"] .perfil-main .commentList > li.cc-shout .au-sho span,
html[data-theme="dark"] .perfil-main .commentList > li.cc-shout .cmInfo,
html[data-theme="dark"] .perfil-main .commentList > li.cc-shout .cmInfo span,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout .mensaje,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout .mensaje span,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout .au-sho,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout .au-sho span,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout .cmInfo,
body[data-theme="dark"] .perfil-main .commentList > li.cc-shout .cmInfo span,
html.theme-dark .perfil-main .commentList > li.cc-shout .mensaje,
html.theme-dark .perfil-main .commentList > li.cc-shout .mensaje span,
html.theme-dark .perfil-main .commentList > li.cc-shout .au-sho,
html.theme-dark .perfil-main .commentList > li.cc-shout .au-sho span,
html.theme-dark .perfil-main .commentList > li.cc-shout .cmInfo,
html.theme-dark .perfil-main .commentList > li.cc-shout .cmInfo span,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout .mensaje,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout .mensaje span,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout .au-sho,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout .au-sho span,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout .cmInfo,
html:not([data-theme="light"]) .perfil-main .commentList > li.cc-shout .cmInfo span {
    color: #f2f4ff !important;
    -webkit-text-fill-color: #f2f4ff !important;
}

html[data-theme="dark"] .perfil-main .ufiItem .newComment,
html[data-theme="dark"] .perfil-main .ufiItem .newComment .formulario,
body[data-theme="dark"] .perfil-main .ufiItem .newComment,
body[data-theme="dark"] .perfil-main .ufiItem .newComment .formulario,
html.theme-dark .perfil-main .ufiItem .newComment,
html.theme-dark .perfil-main .ufiItem .newComment .formulario,
html:not([data-theme="light"]) .perfil-main .ufiItem .newComment,
html:not([data-theme="light"]) .perfil-main .ufiItem .newComment .formulario {
    background: transparent !important;
    color: #f2f4ff !important;
}

html[data-theme="dark"] .perfil-main .ufiItem .newComment textarea.comentar,
html[data-theme="dark"] .perfil-main .ufiItem .newComment input[type="text"],
body[data-theme="dark"] .perfil-main .ufiItem .newComment textarea.comentar,
body[data-theme="dark"] .perfil-main .ufiItem .newComment input[type="text"],
html.theme-dark .perfil-main .ufiItem .newComment textarea.comentar,
html.theme-dark .perfil-main .ufiItem .newComment input[type="text"],
html:not([data-theme="light"]) .perfil-main .ufiItem .newComment textarea.comentar,
html:not([data-theme="light"]) .perfil-main .ufiItem .newComment input[type="text"] {
    background: #101421 !important;
    border-color: #3b435f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .perfil-main .ufiItem .newComment textarea.comentar::placeholder,
html[data-theme="dark"] .perfil-main .ufiItem .newComment input[type="text"]::placeholder,
body[data-theme="dark"] .perfil-main .ufiItem .newComment textarea.comentar::placeholder,
body[data-theme="dark"] .perfil-main .ufiItem .newComment input[type="text"]::placeholder,
html.theme-dark .perfil-main .ufiItem .newComment textarea.comentar::placeholder,
html.theme-dark .perfil-main .ufiItem .newComment input[type="text"]::placeholder,
html:not([data-theme="light"]) .perfil-main .ufiItem .newComment textarea.comentar::placeholder,
html:not([data-theme="light"]) .perfil-main .ufiItem .newComment input[type="text"]::placeholder {
    color: #bbc1d7 !important;
    -webkit-text-fill-color: #bbc1d7 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .perfil-main a,
html[data-theme="dark"] .perfil-main .a_blue,
html[data-theme="dark"] .perfil-main .nick-sho,
body[data-theme="dark"] .perfil-main a,
body[data-theme="dark"] .perfil-main .a_blue,
body[data-theme="dark"] .perfil-main .nick-sho,
html.theme-dark .perfil-main a,
html.theme-dark .perfil-main .a_blue,
html.theme-dark .perfil-main .nick-sho,
html:not([data-theme="light"]) .perfil-main a,
html:not([data-theme="light"]) .perfil-main .a_blue,
html:not([data-theme="light"]) .perfil-main .nick-sho {
    color: #bda4ff !important;
    -webkit-text-fill-color: #bda4ff !important;
}

html[data-theme="dark"] .perfil-main span[style*="color: red"],
body[data-theme="dark"] .perfil-main span[style*="color: red"],
html.theme-dark .perfil-main span[style*="color: red"],
html:not([data-theme="light"]) .perfil-main span[style*="color: red"] {
    color: #ff6b6b !important;
    -webkit-text-fill-color: #ff6b6b !important;
}

/* =========================================================
   Modal insertar imagen - modo oscuro
   Alcance: solo el popup/modal de "Insertar imagen" marcado por JS.
   No toca otros modales ni el resto de la web.
   ========================================================= */
html[data-theme="dark"] .ct-insert-image-dark,
body:not(.light) .ct-insert-image-dark {
    background: #1b1b27 !important;
    color: #ececf7 !important;
    border-color: #3b3b50 !important;
}

html[data-theme="dark"] .ct-insert-image-dark .modal-content,
html[data-theme="dark"] .ct-insert-image-dark .boxy-wrapper,
html[data-theme="dark"] .ct-insert-image-dark .boxy-modal,
html[data-theme="dark"] .ct-insert-image-dark .dialog_box,
body:not(.light) .ct-insert-image-dark .modal-content,
body:not(.light) .ct-insert-image-dark .boxy-wrapper,
body:not(.light) .ct-insert-image-dark .boxy-modal,
body:not(.light) .ct-insert-image-dark .dialog_box {
    background: #1b1b27 !important;
    color: #ececf7 !important;
    border-color: #3b3b50 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
}

html[data-theme="dark"] .ct-insert-image-dark .modal-header,
html[data-theme="dark"] .ct-insert-image-dark .modal-body,
html[data-theme="dark"] .ct-insert-image-dark .modal-footer,
html[data-theme="dark"] .ct-insert-image-dark .boxy-content,
html[data-theme="dark"] .ct-insert-image-dark .boxy-inner,
html[data-theme="dark"] .ct-insert-image-dark .boxy-body,
html[data-theme="dark"] .ct-insert-image-dark .wbb-modal,
html[data-theme="dark"] .ct-insert-image-dark .wbb-modal-body,
html[data-theme="dark"] .ct-insert-image-dark .wbb-modal-footer,
html[data-theme="dark"] .ct-insert-image-dark .modal-dialog,
body:not(.light) .ct-insert-image-dark .modal-header,
body:not(.light) .ct-insert-image-dark .modal-body,
body:not(.light) .ct-insert-image-dark .modal-footer,
body:not(.light) .ct-insert-image-dark .boxy-content,
body:not(.light) .ct-insert-image-dark .boxy-inner,
body:not(.light) .ct-insert-image-dark .boxy-body,
body:not(.light) .ct-insert-image-dark .wbb-modal,
body:not(.light) .ct-insert-image-dark .wbb-modal-body,
body:not(.light) .ct-insert-image-dark .wbb-modal-footer,
body:not(.light) .ct-insert-image-dark .modal-dialog {
    background: #1b1b27 !important;
    color: #ececf7 !important;
    border-color: #3b3b50 !important;
}

html[data-theme="dark"] .ct-insert-image-dark .modal-title,
html[data-theme="dark"] .ct-insert-image-dark h1,
html[data-theme="dark"] .ct-insert-image-dark h2,
html[data-theme="dark"] .ct-insert-image-dark h3,
html[data-theme="dark"] .ct-insert-image-dark h4,
html[data-theme="dark"] .ct-insert-image-dark .title,
html[data-theme="dark"] .ct-insert-image-dark label,
html[data-theme="dark"] .ct-insert-image-dark p,
html[data-theme="dark"] .ct-insert-image-dark span,
html[data-theme="dark"] .ct-insert-image-dark div,
body:not(.light) .ct-insert-image-dark .modal-title,
body:not(.light) .ct-insert-image-dark h1,
body:not(.light) .ct-insert-image-dark h2,
body:not(.light) .ct-insert-image-dark h3,
body:not(.light) .ct-insert-image-dark h4,
body:not(.light) .ct-insert-image-dark .title,
body:not(.light) .ct-insert-image-dark label,
body:not(.light) .ct-insert-image-dark p,
body:not(.light) .ct-insert-image-dark span,
body:not(.light) .ct-insert-image-dark div {
    color: #ececf7 !important;
}

html[data-theme="dark"] .ct-insert-image-dark input[type="text"],
html[data-theme="dark"] .ct-insert-image-dark input[type="url"],
html[data-theme="dark"] .ct-insert-image-dark input[type="search"],
html[data-theme="dark"] .ct-insert-image-dark textarea,
html[data-theme="dark"] .ct-insert-image-dark select,
body:not(.light) .ct-insert-image-dark input[type="text"],
body:not(.light) .ct-insert-image-dark input[type="url"],
body:not(.light) .ct-insert-image-dark input[type="search"],
body:not(.light) .ct-insert-image-dark textarea,
body:not(.light) .ct-insert-image-dark select {
    background: #11111b !important;
    border: 1px solid #8d76ff !important;
    color: #f4f4fb !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ct-insert-image-dark input[type="text"]::placeholder,
html[data-theme="dark"] .ct-insert-image-dark input[type="url"]::placeholder,
html[data-theme="dark"] .ct-insert-image-dark textarea::placeholder,
body:not(.light) .ct-insert-image-dark input[type="text"]::placeholder,
body:not(.light) .ct-insert-image-dark input[type="url"]::placeholder,
body:not(.light) .ct-insert-image-dark textarea::placeholder {
    color: #b8bdd0 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .ct-insert-image-dark input:focus,
html[data-theme="dark"] .ct-insert-image-dark textarea:focus,
html[data-theme="dark"] .ct-insert-image-dark select:focus,
body:not(.light) .ct-insert-image-dark input:focus,
body:not(.light) .ct-insert-image-dark textarea:focus,
body:not(.light) .ct-insert-image-dark select:focus {
    background: #171727 !important;
    border-color: #bda4ff !important;
    box-shadow: 0 0 0 0.2rem rgba(189,164,255,.18) !important;
    color: #fff !important;
}

html[data-theme="dark"] .ct-insert-image-dark .nav,
html[data-theme="dark"] .ct-insert-image-dark .nav-tabs,
html[data-theme="dark"] .ct-insert-image-dark .tabs,
html[data-theme="dark"] .ct-insert-image-dark .tab-content,
body:not(.light) .ct-insert-image-dark .nav,
body:not(.light) .ct-insert-image-dark .nav-tabs,
body:not(.light) .ct-insert-image-dark .tabs,
body:not(.light) .ct-insert-image-dark .tab-content {
    background: transparent !important;
    border-color: #3b3b50 !important;
}

html[data-theme="dark"] .ct-insert-image-dark .nav-tabs > li > a,
html[data-theme="dark"] .ct-insert-image-dark .tabs a,
html[data-theme="dark"] .ct-insert-image-dark .tab a,
body:not(.light) .ct-insert-image-dark .nav-tabs > li > a,
body:not(.light) .ct-insert-image-dark .tabs a,
body:not(.light) .ct-insert-image-dark .tab a {
    background: #2a2f3d !important;
    color: #d8dbef !important;
    border-color: #444862 !important;
}

html[data-theme="dark"] .ct-insert-image-dark .nav-tabs > li.active > a,
html[data-theme="dark"] .ct-insert-image-dark .nav-tabs > li > a:hover,
html[data-theme="dark"] .ct-insert-image-dark .tabs .active a,
html[data-theme="dark"] .ct-insert-image-dark .tab.active a,
body:not(.light) .ct-insert-image-dark .nav-tabs > li.active > a,
body:not(.light) .ct-insert-image-dark .nav-tabs > li > a:hover,
body:not(.light) .ct-insert-image-dark .tabs .active a,
body:not(.light) .ct-insert-image-dark .tab.active a {
    background: #3b8edb !important;
    color: #ffffff !important;
    border-color: #3b8edb !important;
}

html[data-theme="dark"] .ct-insert-image-dark .btn,
html[data-theme="dark"] .ct-insert-image-dark button,
html[data-theme="dark"] .ct-insert-image-dark input[type="button"],
html[data-theme="dark"] .ct-insert-image-dark input[type="submit"],
body:not(.light) .ct-insert-image-dark .btn,
body:not(.light) .ct-insert-image-dark button,
body:not(.light) .ct-insert-image-dark input[type="button"],
body:not(.light) .ct-insert-image-dark input[type="submit"] {
    border-color: #434a63 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ct-insert-image-dark .btn-primary,
html[data-theme="dark"] .ct-insert-image-dark .save,
body:not(.light) .ct-insert-image-dark .btn-primary,
body:not(.light) .ct-insert-image-dark .save {
    background: #3b8edb !important;
    border-color: #3b8edb !important;
    color: #fff !important;
}

html[data-theme="dark"] .ct-insert-image-dark .btn-default,
html[data-theme="dark"] .ct-insert-image-dark .btn-secondary,
html[data-theme="dark"] .ct-insert-image-dark .cancel,
body:not(.light) .ct-insert-image-dark .btn-default,
body:not(.light) .ct-insert-image-dark .btn-secondary,
body:not(.light) .ct-insert-image-dark .cancel {
    background: #2d3142 !important;
    border-color: #434a63 !important;
    color: #f3f4ff !important;
}

html[data-theme="dark"] .ct-insert-image-dark .close,
body:not(.light) .ct-insert-image-dark .close {
    color: #e8e8f6 !important;
    opacity: .9 !important;
    text-shadow: none !important;
}

html[data-theme="dark"] .ct-insert-image-dark .close:hover,
body:not(.light) .ct-insert-image-dark .close:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .ct-insert-image-dark hr,
body:not(.light) .ct-insert-image-dark hr {
    border: 0 !important;
    border-top: 1px solid #343448 !important;
    background: transparent !important;
}

/* =========================================================
   Modal insertar imagen - footer modo oscuro fix
   Alcance: solo barra inferior/botones del popup "Insertar imagen".
   Corrige la parte blanca inferior sin tocar otros modales.
   ========================================================= */
html[data-theme="dark"] .ct-insert-image-dark-footer,
html[data-theme="dark"] .ct-insert-image-dark-footer *,
html[data-theme="dark"] .ct-insert-image-dark .ct-insert-image-dark-footer,
html[data-theme="dark"] .ct-insert-image-dark .ct-insert-image-dark-footer *,
body:not(.light) .ct-insert-image-dark-footer,
body:not(.light) .ct-insert-image-dark-footer *,
body:not(.light) .ct-insert-image-dark .ct-insert-image-dark-footer,
body:not(.light) .ct-insert-image-dark .ct-insert-image-dark-footer * {
    box-sizing: border-box !important;
}

html[data-theme="dark"] .ct-insert-image-dark-footer,
html[data-theme="dark"] .ct-insert-image-dark .modal-footer,
html[data-theme="dark"] .ct-insert-image-dark .wbb-modal-footer,
html[data-theme="dark"] .ct-insert-image-dark .boxy-footer,
html[data-theme="dark"] .ct-insert-image-dark .footer,
body:not(.light) .ct-insert-image-dark-footer,
body:not(.light) .ct-insert-image-dark .modal-footer,
body:not(.light) .ct-insert-image-dark .wbb-modal-footer,
body:not(.light) .ct-insert-image-dark .boxy-footer,
body:not(.light) .ct-insert-image-dark .footer {
    background: #1b1b27 !important;
    background-color: #1b1b27 !important;
    background-image: none !important;
    border-top: 1px solid #343448 !important;
    border-color: #343448 !important;
    color: #ececf7 !important;
    box-shadow: none !important;
}

/* Cuando el plugin crea la barra inferior como div suelto con botones */
html[data-theme="dark"] .ct-insert-image-dark-buttons-row,
body:not(.light) .ct-insert-image-dark-buttons-row {
    background: #1b1b27 !important;
    background-color: #1b1b27 !important;
    background-image: none !important;
    border-top: 1px solid #343448 !important;
    color: #ececf7 !important;
    box-shadow: none !important;
}

/* Botón Guardar dentro del footer del modal */
html[data-theme="dark"] .ct-insert-image-dark-footer button,
html[data-theme="dark"] .ct-insert-image-dark-footer input[type="button"],
html[data-theme="dark"] .ct-insert-image-dark-footer input[type="submit"],
html[data-theme="dark"] .ct-insert-image-dark-buttons-row button,
html[data-theme="dark"] .ct-insert-image-dark-buttons-row input[type="button"],
html[data-theme="dark"] .ct-insert-image-dark-buttons-row input[type="submit"],
body:not(.light) .ct-insert-image-dark-footer button,
body:not(.light) .ct-insert-image-dark-footer input[type="button"],
body:not(.light) .ct-insert-image-dark-footer input[type="submit"],
body:not(.light) .ct-insert-image-dark-buttons-row button,
body:not(.light) .ct-insert-image-dark-buttons-row input[type="button"],
body:not(.light) .ct-insert-image-dark-buttons-row input[type="submit"] {
    border-color: #465070 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Guardar */
html[data-theme="dark"] .ct-insert-image-dark-footer button:first-child,
html[data-theme="dark"] .ct-insert-image-dark-footer input[type="button"]:first-child,
html[data-theme="dark"] .ct-insert-image-dark-footer input[type="submit"]:first-child,
html[data-theme="dark"] .ct-insert-image-dark-buttons-row button:first-child,
html[data-theme="dark"] .ct-insert-image-dark-buttons-row input[type="button"]:first-child,
html[data-theme="dark"] .ct-insert-image-dark-buttons-row input[type="submit"]:first-child,
body:not(.light) .ct-insert-image-dark-footer button:first-child,
body:not(.light) .ct-insert-image-dark-footer input[type="button"]:first-child,
body:not(.light) .ct-insert-image-dark-footer input[type="submit"]:first-child,
body:not(.light) .ct-insert-image-dark-buttons-row button:first-child,
body:not(.light) .ct-insert-image-dark-buttons-row input[type="button"]:first-child,
body:not(.light) .ct-insert-image-dark-buttons-row input[type="submit"]:first-child {
    background: #3b8edb !important;
    background-color: #3b8edb !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #3b8edb !important;
}

/* Cancelar */
html[data-theme="dark"] .ct-insert-image-dark-footer button:not(:first-child),
html[data-theme="dark"] .ct-insert-image-dark-footer input[type="button"]:not(:first-child),
html[data-theme="dark"] .ct-insert-image-dark-footer input[type="submit"]:not(:first-child),
html[data-theme="dark"] .ct-insert-image-dark-buttons-row button:not(:first-child),
html[data-theme="dark"] .ct-insert-image-dark-buttons-row input[type="button"]:not(:first-child),
html[data-theme="dark"] .ct-insert-image-dark-buttons-row input[type="submit"]:not(:first-child),
body:not(.light) .ct-insert-image-dark-footer button:not(:first-child),
body:not(.light) .ct-insert-image-dark-footer input[type="button"]:not(:first-child),
body:not(.light) .ct-insert-image-dark-footer input[type="submit"]:not(:first-child),
body:not(.light) .ct-insert-image-dark-buttons-row button:not(:first-child),
body:not(.light) .ct-insert-image-dark-buttons-row input[type="button"]:not(:first-child),
body:not(.light) .ct-insert-image-dark-buttons-row input[type="submit"]:not(:first-child) {
    background: #2d3142 !important;
    background-color: #2d3142 !important;
    color: #f3f4ff !important;
    -webkit-text-fill-color: #f3f4ff !important;
    border-color: #465070 !important;
}

/* =========================================================
   Posts modo oscuro - generador preservar colores total
   Alcance: todos los posts creados con el generador de posts.
   Regla:
   - En posts generados NO se fuerza ningún texto a blanco.
   - Cada color inline/font original se respeta con !important.
   - Solo el enlace exacto "Descarga" queda en rgb(130, 171, 241).
   - En posts NO generados se mantiene: solo negro real a blanco.
   ========================================================= */

/* Normal: solo negro real marcado por JS a blanco */
html[data-theme="dark"] .ct-post-dark-force-white,
body:not(.light) .ct-post-dark-force-white {
    color: #f5f5fb !important;
    -webkit-text-fill-color: #f5f5fb !important;
}

/* Generador: nunca aplicar blanco forzado */
html[data-theme="dark"] .ct-generated-post-no-white .ct-post-dark-force-white,
body:not(.light) .ct-generated-post-no-white .ct-post-dark-force-white {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Preservar colores originales del generador */
html[data-theme="dark"] .ct-generated-post-preserve-color,
body:not(.light) .ct-generated-post-preserve-color {
    -webkit-text-fill-color: currentColor !important;
}

/* Enlace Descarga del generador/post */
html[data-theme="dark"] .ct-post-download-link-blue,
html[data-theme="dark"] .ct-post-download-link-blue *,
body:not(.light) .ct-post-download-link-blue,
body:not(.light) .ct-post-download-link-blue * {
    color: rgb(130, 171, 241) !important;
    -webkit-text-fill-color: rgb(130, 171, 241) !important;
}





/* =========================================================
   Posts Xeryi - preservar colores originales FIX rendimiento
   Alcance: solo posts marcados por JS como @Xeryi.
   Evita forzar blanco sin reglas pesadas.
   ========================================================= */
.ct-xeryi-post-preserve .ct-post-dark-force-white {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

/* =========================================================
   Citas/respuestas dentro de comentarios - modo oscuro
   Alcance: solo el bloque generado por [quote] en modo oscuro.
   No altera el modo claro ni el resto de componentes.
   ========================================================= */
html[data-theme="dark"] .citacuerpo {
    background-color: #242436 !important;
    border-color: #3b3b50 !important;
    color: #e6e6ef;
}

html[data-theme="dark"] .citacuerpo p {
    color: inherit;
}