html,
body,
body::before,
.publicacion,
.visor,
.usuario-resultado,
.guardado-tarjeta,
.panel-header::before,
.tarjeta-imagen{
    transition:
        transform .7s cubic-bezier(.16,1,.3,1),
        background .4s ease,
        color .4s ease,
        border-color .4s ease,
        box-shadow .7s cubic-bezier(.16,1,.3,1);
}

/* Scrollbars internos: discretos y separados de los bordes redondeados. */
:where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
){
    overscroll-behavior:contain;
}

/* Firefox no implementa los pseudoelementos WebKit del scrollbar. */
@supports not selector(::-webkit-scrollbar){
    :where(
        .visor,
        .datos,
        .lista-comentarios,
        .notificaciones-lista,
        .panel-red-lista,
        .dm-conversaciones,
        .dm-mensajes
    ){
        scrollbar-width:thin;
        scrollbar-color:rgba(7,16,20,.58) transparent;
    }

    html.tema-oscuro :where(
        .visor,
        .datos,
        .lista-comentarios,
        .notificaciones-lista,
        .panel-red-lista,
        .dm-conversaciones,
        .dm-mensajes
    ){
        scrollbar-color:rgba(255,255,255,.48) transparent;
    }
}

:where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
)::-webkit-scrollbar{
    width:8px;
    height:8px;
}

:where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
)::-webkit-scrollbar-track{
    margin-block:12px;
    background:transparent;
}

:where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
)::-webkit-scrollbar-thumb{
    min-height:36px;
    border:2px solid transparent;
    border-radius:999px;
    background:rgba(7,16,20,.58);
    background-clip:padding-box;
}

:where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
)::-webkit-scrollbar-thumb:hover{
    background:#269dcc;
    background-clip:padding-box;
}

:where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
)::-webkit-scrollbar-button{
    width:0;
    height:0;
    display:none;
}

html.tema-oscuro :where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
)::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.48);
    background-clip:padding-box;
}

html.tema-oscuro :where(
    .visor,
    .datos,
    .lista-comentarios,
    .notificaciones-lista,
    .panel-red-lista,
    .dm-conversaciones,
    .dm-mensajes
)::-webkit-scrollbar-thumb:hover{
    background:#59bee8;
    background-clip:padding-box;
}

.tema-toggle{
    width:42px;
    height:42px;
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:1900;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.82);
    border-radius:50%;
    background:rgba(255,255,255,.68);
    color:#071014;
    cursor:pointer;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 10px 28px rgba(7,16,20,.16);
    transition:transform .25s ease, background .35s ease, color .35s ease;
}

.tema-toggle:hover{
    transform:scale(1.07) rotate(-8deg);
}

.tema-toggle-icono{
    width:18px;
    height:18px;
    display:block;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15.2A8 8 0 0 1 8.8 4a8 8 0 1 0 11.2 11.2Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15.2A8 8 0 0 1 8.8 4a8 8 0 1 0 11.2 11.2Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.menu-mas{
    position:relative;
    flex:0 0 auto;
}

.menu-mas-boton{
    min-width:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:10px 14px;
    border:1px solid transparent;
    border-radius:100px;
    background:transparent;
    color:#111;
    cursor:pointer;
    font:500 12px "Wix Madefor Display",sans-serif;
}

.menu-mas-boton span{
    font-size:15px;
    letter-spacing:1px;
    line-height:1;
}

.menu-mas-boton b{
    font:inherit;
}

.menu-mas-desplegable,
.panel-apariencia-opciones{
    position:absolute;
    top:calc(100% + 12px);
    left:50%;
    bottom:auto;
    z-index:5000;
    width:220px;
    padding:12px;
    border:1px solid rgba(255,255,255,.82);
    border-radius:22px;
    background:rgba(239,250,253,.94);
    color:#111;
    box-shadow:0 18px 50px rgba(7,16,20,.24);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    transform:translateX(-50%);
}

.panel-nav a[href^="perfil.php"]{
    display:none;
}

.panel-nav .menu-mas{
    flex:1;
    min-width:0;
}

.panel-nav .menu-mas-boton{
    width:100%;
}

.menu-principal-unificado > a:not(.menu-avatar),
.menu-principal-unificado > .menu-mas .menu-mas-boton{
    min-width:0;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 13px;
    border:1px solid transparent;
    border-radius:100px;
    background:transparent;
    color:#111;
    box-shadow:none;
    font:500 12px "Wix Madefor Display",sans-serif;
    white-space:nowrap;
}

.panel-nav.menu-principal-unificado > a[href^="perfil.php"]{
    display:none;
}

.menu-principal-unificado > a.menu-cerrar-principal{
    display:none;
}

.menu-principal-unificado > a[href="agregar_imagen.php"],
.menu-principal-unificado > a[href="agregar_imagen_perfil.php"]{
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8v8M8 12h8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.menu-principal-unificado > a.activo:not(.menu-avatar){
    border-color:rgba(255,255,255,.32);
    background:#000;
    color:#fff;
    box-shadow:0 8px 24px rgba(7,16,20,.22);
}

.menu-principal-unificado > a:not(.menu-avatar):hover,
.menu-principal-unificado > .menu-mas .menu-mas-boton:hover{
    background:rgba(255,255,255,.62);
    opacity:1;
    transform:translateY(-1px);
}

.menu-principal-unificado > a.activo:not(.menu-avatar):hover{
    background:#000;
}

html.tema-oscuro .menu-principal-unificado > a:not(.menu-avatar),
html.tema-oscuro .menu-principal-unificado > .menu-mas .menu-mas-boton{
    color:#f4f6f7;
}

html.tema-oscuro .menu-principal-unificado > a:not(.activo):not(.menu-avatar):hover,
html.tema-oscuro .menu-principal-unificado > .menu-mas .menu-mas-boton:hover{
    background:rgba(255,255,255,.08);
}

@media (max-width:1000px){
    .menu-principal-unificado > a:not(.menu-avatar),
    .menu-principal-unificado > .menu-mas .menu-mas-boton{
        min-height:38px;
        flex:1;
        padding:8px 5px;
    }
}

.menu-mas-desplegable[hidden],
.panel-apariencia-opciones[hidden]{
    display:none;
}

.menu-mas-desplegable > p{
    margin:0 0 9px;
    padding:0;
    font-size:10px;
    font-weight:700;
    text-align:center;
}

.menu-mas-enlace{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    padding:9px 12px;
    border-radius:100px;
    background:rgba(0,0,0,.06);
    color:inherit;
    font-size:10px;
    font-weight:600;
}

.menu-mas-desplegable .menu-mas-enlace::before{
    content:none;
    display:none;
}

.menu-mas-cerrar{
    width:100%;
    min-height:40px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin:10px 0 0;
    padding:10px 14px;
    border:1px solid rgba(0,0,0,.08);
    background:#071014;
    color:#fff;
    font-size:11px !important;
    line-height:1;
    box-sizing:border-box;
}

.menu-mas-cerrar:hover{
    background:#1a2328;
    color:#fff;
}

html.tema-oscuro .menu-mas-cerrar{
    border-color:rgba(255,255,255,.16);
    background:#f4f6f7;
    color:#071014 !important;
}

html.tema-oscuro .menu-mas-cerrar:hover{
    background:#fff;
    color:#071014 !important;
}

html.tema-oscuro .menu-mas-enlace{
    background:rgba(255,255,255,.07);
    color:#f4f6f7 !important;
}

.apariencia-selector{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    padding:4px;
    border-radius:100px;
    background:rgba(0,0,0,.06);
}

.apariencia-selector button{
    min-width:0;
    padding:8px 5px;
    border:0;
    border-radius:100px;
    background:transparent;
    color:inherit;
    cursor:pointer;
    font:600 9px "Wix Madefor Display",sans-serif;
    text-align:center;
}

.apariencia-selector button.activo{
    background:#000;
    color:#fff;
    box-shadow:0 5px 14px rgba(0,0,0,.20);
}

.panel-apariencia{
    position:relative;
}

.panel-apariencia-boton{
    min-height:0;
    padding:12px 22px;
    cursor:pointer;
    font-size:11px;
}

.panel-apariencia-opciones{
    top:calc(100% + 10px);
    right:0;
    bottom:auto;
    left:auto;
    transform:none;
}

html.tema-oscuro .menu-mas-boton{
    color:#f4f6f7;
}

html.tema-oscuro .menu-mas-desplegable,
html.tema-oscuro .panel-apariencia-opciones{
    border-color:rgba(255,255,255,.24);
    background:rgba(12,15,17,.94);
    color:#f4f6f7;
    box-shadow:0 18px 50px rgba(0,0,0,.45);
}

html.tema-oscuro .apariencia-selector{
    background:rgba(255,255,255,.07);
}

html.tema-oscuro .apariencia-selector button.activo{
    background:#22272a;
    color:#fff;
}

html.tema-oscuro .perfil-mensaje{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    color:#f4f6f7;
}

html.tema-oscuro{
    color-scheme:dark;
    background-color:#0c0f11 !important;
}

html.tema-oscuro body{
    color:#f4f6f7;
    background:transparent;
}

html.tema-oscuro body::before{
    background:linear-gradient(
        to bottom,
        #020304 0%,
        #020304 22%,
        #05090b 52%,
        #081116 78%,
        #0c1b22 100%
    );
}

html.tema-oscuro body.perfil-color-personalizado::before{
    background:linear-gradient(
        to bottom,
        #020304 0%,
        #020304 18%,
        rgba(var(--perfil-color), .12) 48%,
        rgba(var(--perfil-color), .38) 100%
    );
}

html.tema-oscuro body.pagina-panel::before{
    background:linear-gradient(
        to bottom,
        #020304 0%,
        #020304 20%,
        #05090b 48%,
        #081116 75%,
        #0c1b22 100%
    );
}

html.tema-oscuro .tema-toggle{
    border-color:rgba(255,255,255,.22);
    background:rgba(255,255,255,.07);
    color:#f8d66d;
    box-shadow:0 10px 28px rgba(0,0,0,.16);
}

html.tema-oscuro .tema-toggle-icono{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cpath d='M12 1v3M12 20v3M1 12h3M20 12h3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M19.8 4.2l-2.1 2.1M6.3 17.7l-2.1 2.1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cpath d='M12 1v3M12 20v3M1 12h3M20 12h3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M19.8 4.2l-2.1 2.1M6.3 17.7l-2.1 2.1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.tema-oscuro nav{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.04);
    box-shadow:
        0 18px 46px rgba(0,0,0,.36),
        0 5px 16px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.08);
}

html.tema-oscuro .logo img,
html.tema-oscuro .panel-logo img,
html.tema-oscuro .login-logo img{
    filter:brightness(0) invert(1);
}

html.tema-oscuro .login-logo::before{
    background:linear-gradient(
        to bottom,
        rgba(2,3,4,.97) 0%,
        rgba(4,5,6,.88) 35%,
        rgba(6,8,9,.45) 65%,
        rgba(12,15,17,0) 100%
    );
}

html.tema-oscuro .publicacion-actualizacion,
html.tema-oscuro .publicacion-resumen,
html.tema-oscuro .publicacion-cabecera,
html.tema-oscuro .actualizacion-visor,
html.tema-oscuro .sugerencia-datos,
html.tema-oscuro .perfil-compartir,
html.tema-oscuro .guardado-actualizacion,
html.tema-oscuro .panel-actualizacion-texto{
    color:#f4f7f8;
}

html.tema-oscuro .visor-fecha,
html.tema-oscuro .publicacion-estado,
html.tema-oscuro .publicacion-comentarios-total,
html.tema-oscuro .feed-legales,
html.tema-oscuro .guardado-actualizacion small,
html.tema-oscuro .panel-actualizacion-texto span{
    color:rgba(255,255,255,.58);
}

html.tema-oscuro .feed-sugerencias,
html.tema-oscuro .imagen-visor.es-actualizacion{
    border-color:rgba(255,255,255,.18);
    background:rgba(7,12,15,.68);
}

html.tema-oscuro .inicio-compositor{
    border-color:rgba(255,255,255,.18);
    background:rgba(7,12,15,.72);
    box-shadow:0 14px 38px rgba(0,0,0,.24);
}

html.tema-oscuro .inicio-compositor-cabecera,
html.tema-oscuro .inicio-compositor textarea,
html.tema-oscuro .inicio-compositor-estado{
    color:#f4f6f7;
}

html.tema-oscuro .inicio-compositor textarea::placeholder,
html.tema-oscuro .inicio-compositor-estado::placeholder,
html.tema-oscuro .inicio-compositor-identidad small,
html.tema-oscuro .inicio-compositor-contador{
    color:rgba(244,246,247,.48);
}

html.tema-oscuro .inicio-compositor-pie{
    border-color:rgba(255,255,255,.12);
}

html.tema-oscuro .inicio-compositor-estado{
    border-color:rgba(255,255,255,.15);
    background:rgba(255,255,255,.06);
}

html.tema-oscuro .inicio-compositor-estado option{
    background:#111416;
    color:#f4f6f7;
}

html.tema-oscuro .inicio-compositor-mensaje{
    background:rgba(89,190,232,.12);
    color:#8bd4ef;
}

html.tema-oscuro .inicio-compositor-mensaje.error{
    background:rgba(224,99,99,.12);
    color:#f0a2a2;
}

html.tema-oscuro .publicacion-menu,
html.tema-oscuro .denuncia-panel{
    border-color:rgba(255,255,255,.18);
    background:rgba(10,15,18,.98);
    color:#fff;
}

html.tema-oscuro .publicacion-menu button,
html.tema-oscuro .denuncia-panel label,
html.tema-oscuro .denuncia-panel h2{
    color:#fff;
}

html.tema-oscuro .login-formulario{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.07);
    box-shadow:0 15px 45px rgba(0,0,0,.12);
}

html.tema-oscuro .login-formulario h1,
html.tema-oscuro .campo label,
html.tema-oscuro .crear-cuenta a{
    color:#f4f6f7;
}

html.tema-oscuro .crear-cuenta a{
    border-bottom-color:#f4f6f7;
}

html.tema-oscuro .login-subtitulo,
html.tema-oscuro .crear-cuenta,
html.tema-oscuro .login-footer p{
    color:rgba(244,246,247,.58);
}

html.tema-oscuro .campo input{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
}

html.tema-oscuro .campo input::placeholder{
    color:rgba(244,246,247,.42);
}

html.tema-oscuro .campo input:focus{
    background:rgba(255,255,255,.10);
}

/* Páginas legales y controles legales incorporados en 2026-08-18. */
html.tema-oscuro body.pagina-legal{
    background:linear-gradient(
        to bottom,
        #020304 0%,
        #05090b 34%,
        #081116 72%,
        #0c1b22 100%
    );
    color:#f4f6f7;
}

html.tema-oscuro .legal-header{
    border-bottom-color:rgba(255,255,255,.10);
    background:rgba(3,5,6,.88);
    box-shadow:0 12px 34px rgba(0,0,0,.24);
}

html.tema-oscuro .legal-logo img{
    filter:brightness(0) invert(1);
}

html.tema-oscuro .legal-nav{
    border:0;
    background:transparent;
    box-shadow:none;
}

html.tema-oscuro .legal-nav a,
html.tema-oscuro .legal-main h1,
html.tema-oscuro .legal-main h2{
    color:#f4f6f7;
}

html.tema-oscuro .legal-main{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.065);
    box-shadow:0 20px 60px rgba(0,0,0,.28);
}

html.tema-oscuro .legal-main section{
    border-top-color:rgba(255,255,255,.11);
}

html.tema-oscuro .legal-main p,
html.tema-oscuro .legal-main li{
    color:rgba(244,246,247,.72);
}

html.tema-oscuro .legal-version,
html.tema-oscuro .legal-footer{
    color:rgba(244,246,247,.56);
}

html.tema-oscuro .legal-destacado,
html.tema-oscuro .legal-pendiente,
html.tema-oscuro .registro-legal{
    border-color:rgba(89,190,232,.20);
    background:rgba(89,190,232,.07);
}

html.tema-oscuro .legal-main a,
html.tema-oscuro .legal-footer a,
html.tema-oscuro .registro-legal a{
    color:#78ccec;
}

html.tema-oscuro .registro-legal p,
html.tema-oscuro .registro-legal-check{
    color:rgba(244,246,247,.68);
}

html.tema-oscuro .boton-login{
    background:#111416;
}

html.tema-oscuro .botones a,
html.tema-oscuro .titulo,
html.tema-oscuro .publicacion-autor,
html.tema-oscuro .publicacion-datos p,
html.tema-oscuro .perfil-publico,
html.tema-oscuro .perfil-publico a,
html.tema-oscuro .usuario-resultado,
html.tema-oscuro .usuario-datos h2,
html.tema-oscuro .guardado-info > a,
html.tema-oscuro .colecciones-lista a,
html.tema-oscuro .coleccion-titulo,
html.tema-oscuro .panel-contenido,
html.tema-oscuro .panel-usuario,
html.tema-oscuro .panel-nav a{
    color:#f4f6f7 !important;
}

html.tema-oscuro .feed-secciones a{
    color:rgba(244,246,247,.82);
}

@media (hover:hover) and (pointer:fine){
    html.tema-oscuro .botones a:not(.activo):not(.menu-avatar):hover{
        background:rgba(255,255,255,.10);
        color:#fff !important;
        box-shadow:
            0 8px 22px rgba(0,0,0,.28),
            inset 0 1px 0 rgba(255,255,255,.10);
    }

    html.tema-oscuro .feed-secciones a:not(.activo):hover{
        background:rgba(255,255,255,.09);
        color:#fff;
        box-shadow:
            0 7px 18px rgba(0,0,0,.24),
            inset 0 1px 0 rgba(255,255,255,.08);
    }
}

html.tema-oscuro .botones a.activo,
html.tema-oscuro .feed-secciones a.activo,
html.tema-oscuro .colecciones-lista a.activo,
html.tema-oscuro .panel-nav a.activo{
    border-color:rgba(255,255,255,.30);
    background:#111416;
    color:#fff !important;
}

html.tema-oscuro .busqueda-formulario button,
html.tema-oscuro .registro a:not(.registro-login),
html.tema-oscuro .perfil-seguir:not(.siguiendo),
html.tema-oscuro #formComentario button,
html.tema-oscuro .coleccion-crear button,
html.tema-oscuro .panel-vistas a.activo,
html.tema-oscuro .boton-subir,
html.tema-oscuro .boton-eliminar{
    background:#111416;
}

html.tema-oscuro .feed-secciones{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.04);
    color:#f4f6f7;
    box-shadow:
        0 14px 34px rgba(0,0,0,.34),
        0 4px 12px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.07);
}

html.tema-oscuro .feed-secciones.compacto{
    background:rgba(255,255,255,.06);
    box-shadow:
        0 12px 28px rgba(0,0,0,.38),
        0 3px 10px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.08);
}

html.tema-oscuro .busqueda-formulario{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.06);
    color:#f4f6f7;
}

html.tema-oscuro .coleccion-crear{
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.055);
    color:#f4f6f7;
}

html.tema-oscuro .colecciones-lista a{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.05);
    color:#f4f6f7;
}

html.tema-oscuro .guardados-vacio{
    border-color:rgba(255,255,255,.20);
    background:rgba(255,255,255,.03);
    color:#f4f6f7;
}

html.tema-oscuro .registro,
html.tema-oscuro .registro.registro-flotante{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
    box-shadow:0 14px 38px rgba(0,0,0,.16);
}

html.tema-oscuro .registro a.registro-login{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
}

html.tema-oscuro .busqueda-formulario input,
html.tema-oscuro .busqueda-formulario textarea,
html.tema-oscuro .busqueda-formulario .campo-busqueda,
html.tema-oscuro .coleccion-crear input{
    color:#f4f6f7;
}

html.tema-oscuro .busqueda-formulario input::placeholder,
html.tema-oscuro .busqueda-formulario textarea::placeholder,
html.tema-oscuro .busqueda-formulario .campo-busqueda:empty::before,
html.tema-oscuro .coleccion-crear input::placeholder{
    color:rgba(244,246,247,.48);
}

html.tema-oscuro .publicacion,
html.tema-oscuro .usuario-resultado,
html.tema-oscuro .guardado-tarjeta,
html.tema-oscuro .galeria:not(.galeria-feed) > .foto{
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.05);
    color:#f4f6f7;
}

html.tema-oscuro .tarjeta-imagen{
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.05);
    color:#f4f6f7;
}

html.tema-oscuro .panel-red-columna{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.05);
    color:#f4f6f7;
}

html.tema-oscuro .formulario-imagen,
html.tema-oscuro .formulario-cuenta,
html.tema-oscuro .formulario-perfil{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.06);
    color:#f4f6f7;
}

html.tema-oscuro .recorte-panel{
    border-color:rgba(255,255,255,.18);
    background:rgba(18,22,24,.97);
    color:#f4f6f7;
}

html.tema-oscuro .recorte-panel p,
html.tema-oscuro .avatar-ayuda{
    color:rgba(244,246,247,.62);
}

html.tema-oscuro .recorte-lienzo{
    box-shadow:0 0 0 4px rgba(255,255,255,.72),0 12px 35px rgba(0,0,0,.38);
}

html.tema-oscuro .recorte-zoom{
    accent-color:#59bee8;
}

html.tema-oscuro .recorte-cancelar{
    background:rgba(255,255,255,.09);
    color:#f4f6f7;
}

html.tema-oscuro .autoguardado-estado{
    color:rgba(244,246,247,.68);
}

html.tema-oscuro .autoguardado-estado.guardado{
    color:#91e5b2;
}

html.tema-oscuro .autoguardado-estado.error{
    color:#ff9ba3;
}

html.tema-oscuro .campo-imagen input,
html.tema-oscuro .campo-imagen textarea,
html.tema-oscuro .campo-cuenta input,
html.tema-oscuro .campo-perfil input[type="text"],
html.tema-oscuro .campo-perfil input[type="url"],
html.tema-oscuro .campo-perfil input[type="file"],
html.tema-oscuro .campo-perfil select,
html.tema-oscuro .campo-perfil textarea{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
}

html.tema-oscuro .campo-imagen input::placeholder,
html.tema-oscuro .campo-imagen textarea::placeholder,
html.tema-oscuro .campo-cuenta input::placeholder,
html.tema-oscuro .campo-perfil input::placeholder,
html.tema-oscuro .campo-perfil textarea::placeholder{
    color:rgba(244,246,247,.42);
}

html.tema-oscuro .boton-cancelar,
html.tema-oscuro .botones-cuenta a{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
}

html.tema-oscuro .boton-guardar,
html.tema-oscuro .botones-cuenta button{
    background:#111416;
}

html.tema-oscuro .mensaje-error,
html.tema-oscuro .mensaje-formulario.mensaje-error,
html.tema-oscuro .mensaje-error-form,
html.tema-oscuro .mensaje-error-cuenta,
html.tema-oscuro .eliminar-imagen{
    color:#ff9ba3;
}

html.tema-oscuro .mensaje-exito,
html.tema-oscuro .mensaje-formulario.mensaje-exito,
html.tema-oscuro .mensaje-exito-form{
    color:#91e5b2;
}

html.tema-oscuro .campos-verificados{
    border-color:rgba(85,185,223,.20);
    background:rgba(255,255,255,.04);
}

html.tema-oscuro .campos-verificados > p{
    color:rgba(244,246,247,.62);
}

html.tema-oscuro .opcion-color,
html.tema-oscuro .selector-color{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.06);
    color:#f4f6f7;
}

html.tema-oscuro .color-opcion input:checked + .color-muestra{
    box-shadow:0 0 0 2px #fff, 0 5px 14px rgba(0,0,0,.14);
}

html.tema-oscuro .publicacion-like,
html.tema-oscuro .publicacion-comentar,
html.tema-oscuro .publicacion-guardar{
    border-color:rgba(255,255,255,.52);
    background:rgba(17,20,22,.72);
}

html.tema-oscuro .visor{
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
    box-shadow:0 30px 80px rgba(0,0,0,.30);
}

html.tema-oscuro .interacciones-foto button{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.06);
    color:#f4f6f7;
}

html.tema-oscuro .visor-identidad strong,
html.tema-oscuro .visor--actualizacion .actualizacion-visor{
    color:#f4f6f7;
}

html.tema-oscuro .visor-identidad-usuario,
html.tema-oscuro .actualizacion-visor-estado{
    color:rgba(244,246,247,.62);
}

html.tema-oscuro .actualizacion-visor-estado{
    border-color:rgba(89,190,232,.24);
    background:rgba(89,190,232,.10);
}

html.tema-oscuro .visor--actualizacion .interacciones-foto{
    border-color:rgba(255,255,255,.12);
}

html.tema-oscuro .visor--actualizacion .interacciones-foto button{
    background:transparent;
}

html.tema-oscuro .visor--actualizacion{
    background:rgba(10,15,18,.88);
}

html.tema-oscuro .cerrar,
html.tema-oscuro .visor-menu-publicacion{
    background:rgba(255,255,255,.10);
    color:#f4f6f7;
}

html.tema-oscuro .cerrar:hover,
html.tema-oscuro .visor-menu-publicacion:hover{
    background:rgba(255,255,255,.18);
}

html.tema-oscuro #formComentario input{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
}

html.tema-oscuro .guardado-mover select{
    border-color:rgba(255,255,255,.16);
    background:#111416;
    color:#f4f6f7;
}

html.tema-oscuro .comentario-item,
html.tema-oscuro .panel-red-usuario{
    background:transparent;
    color:#f4f6f7;
}

html.tema-oscuro .usuario-datos h3,
html.tema-oscuro .usuario-datos p,
html.tema-oscuro .descubrir-titulo p,
html.tema-oscuro .sin-resultados,
html.tema-oscuro .guardados-vacio,
html.tema-oscuro .formulario-subtitulo,
html.tema-oscuro .campo-ayuda{
    color:rgba(244,246,247,.62);
}

html.tema-oscuro .ayuda-media{
    color:rgba(244,246,247,.68);
}

html.tema-oscuro .descubrir-titulo h2{
    color:#f4f6f7;
}

html.tema-oscuro .perfil-publico h4,
html.tema-oscuro .perfil-publico .perfil-categoria{
    color:rgba(244,246,247,.62) !important;
}

html.tema-oscuro .perfil-publico h1{
    color:#f7f8f9 !important;
}

html.tema-oscuro .perfil-publico > p{
    color:rgba(244,246,247,.76) !important;
}

html.tema-oscuro .perfil-publico .perfil-sitio{
    color:rgba(244,246,247,.82) !important;
}

html.tema-oscuro .perfil-publico .perfil-seguir.siguiendo{
    border-color:rgba(255,255,255,.22);
    background:rgba(255,255,255,.05);
    color:#f7f8f9 !important;
}

html.tema-oscuro .perfil-publico .perfil-mensaje,
html.tema-oscuro .perfil-publico .perfil-compartir{
    border-color:rgba(255,255,255,.20);
    background:rgba(255,255,255,.07);
    color:#f4f6f7 !important;
    box-shadow:0 8px 22px rgba(0,0,0,.16);
}

html.tema-oscuro .perfil-publico .perfil-mensaje:hover,
html.tema-oscuro .perfil-publico .perfil-compartir:hover{
    background:rgba(255,255,255,.13);
    border-color:rgba(255,255,255,.30);
}

html.tema-oscuro .perfil-publico .perfil-acciones .perfil-seguir,
html.tema-oscuro .perfil-publico .perfil-acciones .perfil-mensaje,
html.tema-oscuro .perfil-publico .perfil-acciones .perfil-compartir,
html.tema-oscuro .perfil-publico > .perfil-seguir{
    border-color:rgba(255,255,255,.24);
    background:#111416;
    color:#fff !important;
    box-shadow:0 8px 22px rgba(0,0,0,.24);
}

html.tema-oscuro .perfil-publico .perfil-acciones .perfil-seguir:hover,
html.tema-oscuro .perfil-publico .perfil-acciones .perfil-mensaje:hover,
html.tema-oscuro .perfil-publico .perfil-acciones .perfil-compartir:hover,
html.tema-oscuro .perfil-publico > .perfil-seguir:hover{
    border-color:rgba(255,255,255,.34);
    background:#1b2023;
}

html.tema-oscuro .perfil-avatar-principal .perfil-avatar-imagen{
    border-color:rgba(255,255,255,.98);
    box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 10px 28px rgba(0,0,0,.24);
}

html.tema-oscuro .publicacion-avatar{
    box-shadow:0 0 0 1px rgba(255,255,255,.22);
}

html.tema-oscuro .menu-avatar,
html.tema-oscuro .panel-avatar{
    border-color:rgba(255,255,255,.96) !important;
}

html.tema-oscuro .galeria > div[style] p{
    color:rgba(244,246,247,.68) !important;
}

html.tema-oscuro .panel-header::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:140px;
    background:linear-gradient(
        to bottom,
        rgba(2,3,4,.98) 0%,
        rgba(4,5,6,.92) 22%,
        rgba(6,8,9,.72) 45%,
        rgba(9,11,13,.32) 70%,
        rgba(12,15,17,0) 100%
    );
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    mask-image:linear-gradient(to bottom,black 0%,black 48%,transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,black 0%,black 48%,transparent 100%);
    pointer-events:none;
    z-index:-1;
}

html.tema-oscuro body.pagina-inicio nav::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:140px;
    background:linear-gradient(
        to bottom,
        rgba(2,3,4,.98) 0%,
        rgba(4,5,6,.92) 22%,
        rgba(6,8,9,.72) 45%,
        rgba(9,11,13,.32) 70%,
        rgba(12,15,17,0) 90%,
        rgba(12,15,17,0) 100%
    );
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 90%);
    -webkit-mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 90%);
    pointer-events:none;
    z-index:-1;
}

html.tema-oscuro body:not(.pagina-inicio) header > nav::before{
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 90%);
    -webkit-mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 90%);
}

html.tema-oscuro .panel-header::before,
html.tema-oscuro .pagina-panel .panel-header::before,
html.tema-oscuro .login-logo::before{
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 90%);
    -webkit-mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 90%);
}

html.tema-oscuro body.pagina-inicio .feed-secciones{
    z-index:1100;
}

html.tema-oscuro .pagina-panel .panel-header::before{
    background:linear-gradient(
        to bottom,
        rgba(2,3,4,.98) 0%,
        rgba(4,5,6,.92) 22%,
        rgba(6,8,9,.72) 45%,
        rgba(9,11,13,.32) 70%,
        rgba(12,15,17,0) 100%
    );
}

html.tema-oscuro .pagina-panel .panel-intro h1,
html.tema-oscuro .pagina-panel .panel-etiqueta,
html.tema-oscuro .pagina-panel .panel-descripcion,
html.tema-oscuro .pagina-panel .panel-vistas a,
html.tema-oscuro .pagina-panel .panel-red-columna h2,
html.tema-oscuro .pagina-panel .sin-imagenes h2,
html.tema-oscuro .pagina-panel .sin-imagenes p{
    color:#f4f6f7 !important;
}

html.tema-oscuro .panel-intro h1,
html.tema-oscuro .panel-etiqueta,
html.tema-oscuro .panel-descripcion,
html.tema-oscuro .panel-vistas a,
html.tema-oscuro .panel-red-columna h2,
html.tema-oscuro .sin-imagenes h2,
html.tema-oscuro .formulario-imagen h1,
html.tema-oscuro .formulario-cuenta h1,
html.tema-oscuro .formulario-perfil h1,
html.tema-oscuro .campo-imagen label,
html.tema-oscuro .campo-cuenta label,
html.tema-oscuro .campo-perfil label{
    color:#f4f6f7;
}

html.tema-oscuro .pagina-panel .panel-usuario{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.05);
    box-shadow:0 10px 28px rgba(0,0,0,.12);
}

html.tema-oscuro .pagina-panel .panel-usuario > span{
    color:#f4f6f7 !important;
}

html.tema-oscuro .pagina-panel .panel-etiqueta,
html.tema-oscuro .pagina-panel .panel-descripcion,
html.tema-oscuro .pagina-panel .sin-imagenes p,
html.tema-oscuro .pagina-panel .panel-red-vacio{
    color:rgba(244,246,247,.62) !important;
}

html.tema-oscuro .pagina-panel .panel-vistas{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.04);
    color:#f4f6f7;
}

html.tema-oscuro .pagina-panel .panel-red-columna{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.05);
    color:#f4f6f7;
}

html.tema-oscuro .pagina-panel .tarjeta-imagen{
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.05);
    color:#f4f6f7;
}

html.tema-oscuro .pagina-panel .sin-imagenes{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.05);
    color:#f4f6f7;
}

html.tema-oscuro .pagina-panel .panel-vistas a:hover,
html.tema-oscuro .pagina-panel .panel-red-usuario:hover{
    background:rgba(255,255,255,.08);
}

html.tema-oscuro .pagina-panel .panel-vistas a.activo{
    border-color:rgba(255,255,255,.30);
    background:#111416;
    color:#fff !important;
}

html.tema-oscuro .pagina-panel .panel-vistas a span{
    background:rgba(255,255,255,.10);
}

html.tema-oscuro .pagina-panel .boton-editar{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.07);
    color:#f4f6f7 !important;
}

html.tema-oscuro .pagina-panel .boton-subir,
html.tema-oscuro .pagina-panel .boton-eliminar{
    border-color:rgba(255,255,255,.30);
    background:#111416;
    color:#fff;
}

html.tema-oscuro .pagina-panel .boton-subir{
    border-color:rgba(151,224,249,.42);
    background:linear-gradient(135deg,#60c5e8 0%,#2f9fca 100%);
    color:#071014;
    box-shadow:0 12px 32px rgba(31,143,185,.28), inset 0 1px 0 rgba(255,255,255,.32);
}

html.tema-oscuro .pagina-panel .boton-subir:hover{
    background:linear-gradient(135deg,#72d0ed 0%,#3badd7 100%);
}

html.tema-oscuro .pagina-panel .imagen-descripcion{
    color:rgba(244,246,247,.72) !important;
}

html.tema-oscuro .pagina-panel .sin-imagenes-icono{
    border-color:rgba(255,255,255,.20);
    background:rgba(255,255,255,.07);
    color:#fff;
}

html.tema-oscuro .pagina-panel .panel-nav{
    border-color:rgba(255,255,255,.28);
    border-bottom-color:rgba(255,255,255,.38);
    background:rgba(255,255,255,.04);
}

html.tema-oscuro .pagina-panel .panel-nav a{
    color:#f4f6f7 !important;
}

html.tema-oscuro .pagina-panel .panel-nav a.activo{
    border-color:rgba(255,255,255,.30);
    background:#111416;
}

@media (min-width:1001px){
    html.tema-oscuro header > nav,
    html.tema-oscuro .pagina-panel .panel-nav{
        border:1px solid rgba(255,255,255,.24);
        border-radius:100px;
        background:rgba(255,255,255,.04);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        box-shadow:0 14px 34px rgba(0,0,0,.34), 0 4px 12px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.07);
    }

    html.tema-oscuro .botones a:not(.menu-avatar),
    html.tema-oscuro .panel-nav a,
    html.tema-oscuro .menu-mas-boton{
        background:transparent;
        box-shadow:none;
    }

    html.tema-oscuro .botones a.activo,
    html.tema-oscuro .panel-nav a.activo{
        border-color:rgba(255,255,255,.30);
        background:#111416;
        color:#fff !important;
        box-shadow:0 0 22px rgba(0,0,0,.34), 0 9px 22px rgba(7,16,20,.28);
    }

    html.tema-oscuro .menu-mas-desplegable{
        border-color:rgba(255,255,255,.18);
        background:rgba(8,12,14,.72);
    }

    html.tema-oscuro header > nav::before{
        display:none;
    }
}

html.tema-oscuro .pagina-panel .panel-mensaje{
    color:#91e5b2;
}

html.tema-oscuro .pagina-panel .panel-mensaje.error{
    color:#ff9ba3;
}

html.tema-oscuro .panel-vistas,
html.tema-oscuro .panel-nav{
    border-color:rgba(255,255,255,.25);
    background:rgba(255,255,255,.04);
}

html.tema-oscuro .notificaciones-boton{
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.04);
    color:#f4f6f7;
}

html.tema-oscuro .notificaciones-dialogo{
    border-color:rgba(255,255,255,.30);
    background:rgba(12,15,17,.94);
    color:#f4f6f7;
}

html.tema-oscuro .toast-mensaje{
    border-color:rgba(255,255,255,.28);
    background:rgba(12,15,17,.88);
    color:#f4f6f7;
}

html.tema-oscuro .notificaciones-encabezado{
    border-color:rgba(255,255,255,.20);
    background:transparent;
    color:#f4f6f7;
}

html.tema-oscuro .notificacion-item{
    background:transparent;
    color:#f4f6f7;
}

html.tema-oscuro .notificacion-item.nueva{
    background:rgba(85,185,223,.12);
}

html.tema-oscuro .notificacion-item:hover{
    background:rgba(255,255,255,.07);
}

html.tema-oscuro .notificaciones-encabezado p,
html.tema-oscuro .notificacion-detalle,
html.tema-oscuro .notificacion-fecha,
html.tema-oscuro .notificaciones-estado{
    color:rgba(244,246,247,.56);
}

html.tema-oscuro .notificaciones-cerrar{
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
}

html.tema-oscuro .panel-usuario .notificaciones-boton{
    background:rgba(255,255,255,.06);
}

html.tema-oscuro input,
html.tema-oscuro textarea,
html.tema-oscuro select{
    color-scheme:dark;
}

html.tema-oscuro #locacionImagen,
html.tema-oscuro #camaraImagen,
html.tema-oscuro #descripcionImagen,
html.tema-oscuro #copyrightImagen,
html.tema-oscuro .comentario-contenido strong,
html.tema-oscuro .comentario-contenido p,
html.tema-oscuro .comentario-contenido time,
html.tema-oscuro .comentarios-vacios,
html.tema-oscuro .imagen-descripcion,
html.tema-oscuro .panel-red-datos strong,
html.tema-oscuro .panel-red-datos small,
html.tema-oscuro .coleccion-titulo h2,
html.tema-oscuro .guardados-cabecera,
html.tema-oscuro .guardados-cabecera p,
html.tema-oscuro .guardados-cabecera h1{
    color:#f4f6f7 !important;
}

html.tema-oscuro .comentario-contenido time,
html.tema-oscuro #copyrightImagen,
html.tema-oscuro .panel-red-datos small{
    color:rgba(244,246,247,.56) !important;
}

html.tema-oscuro .formulario-imagen h1,
html.tema-oscuro .formulario-cuenta h1,
html.tema-oscuro .formulario-perfil h1,
html.tema-oscuro .campo-imagen label,
html.tema-oscuro .campo-cuenta label,
html.tema-oscuro .campo-perfil label,
html.tema-oscuro .panel-intro h1,
html.tema-oscuro .panel-red-columna h2,
html.tema-oscuro .sin-imagenes h2,
html.tema-oscuro .comentarios-foto h5,
html.tema-oscuro .feed-vacio,
html.tema-oscuro .coleccion-titulo h2{
    color:#f4f6f7 !important;
}

html.tema-oscuro .perfil-publico p[style],
html.tema-oscuro .galeria > div[style] > p,
html.tema-oscuro .formulario-subtitulo,
html.tema-oscuro .campo-ayuda,
html.tema-oscuro .panel-etiqueta,
html.tema-oscuro .panel-descripcion,
html.tema-oscuro .panel-red-vacio,
html.tema-oscuro .sin-imagenes p,
html.tema-oscuro .feed-cargador{
    color:rgba(244,246,247,.68) !important;
}

html.tema-oscuro #formComentario input::placeholder{
    color:rgba(244,246,247,.48);
}

html.tema-oscuro .campo-perfil select option{
    background:#111416;
    color:#f4f6f7;
}

@media (max-width:1000px){
    .tema-toggle{
        left:14px;
        top:40px;
        bottom:auto;
    }

    html.tema-oscuro .botones{
        border-color:rgba(255,255,255,.18);
        border-bottom-color:rgba(255,255,255,.38);
        background:rgba(255,255,255,.025);
        box-shadow:0 14px 35px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06);
    }

    html.tema-oscuro .botones a:not(.menu-avatar):not(.activo){
        background:transparent;
    }

    html.tema-oscuro header > nav{
        border:0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }

    .menu-mas{
        min-width:0;
        flex:1;
    }

    .menu-mas-boton{
        width:100%;
        min-width:0;
        padding:12px 8px;
        font-size:0;
    }

    .menu-mas-boton span{
        font-size:18px;
    }

    .menu-mas-desplegable{
        position:fixed;
        top:auto;
        right:auto;
        bottom:calc(78px + env(safe-area-inset-bottom));
        left:50%;
        transform:translateX(-50%);
    }

    html.tema-oscuro nav::before{
        height:130px;
        background:linear-gradient(
            to bottom,
            rgba(0,0,0,1) 0%,
            rgba(0,0,0,0) 78%,
            rgba(0,0,0,0) 100%
        );
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        mask-image:none;
        -webkit-mask-image:none;
    }

}

@media (orientation:landscape) and (min-width:480px) and (max-width:1000px) and (max-height:1024px) and (hover:none) and (pointer:coarse){
    .menu-mas-boton{
        padding:4px 3px;
    }

    .menu-mas-boton span{
        font-size:15px;
    }
}

@media (orientation:landscape) and (min-width:801px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
    html.tema-oscuro header > nav,
    html.tema-oscuro .pagina-panel .panel-nav{
        border:1px solid rgba(255,255,255,.24);
        background:rgba(255,255,255,.04);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        box-shadow:0 14px 34px rgba(0,0,0,.34), 0 4px 12px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.07);
    }

    html.tema-oscuro .botones a:not(.menu-avatar),
    html.tema-oscuro .panel-nav a,
    html.tema-oscuro .menu-mas-boton{
        background:transparent;
        box-shadow:none;
    }

    html.tema-oscuro .botones a.activo,
    html.tema-oscuro .panel-nav a.activo{
        border-color:rgba(255,255,255,.30);
        background:#111416;
        color:#fff !important;
        box-shadow:0 0 22px rgba(0,0,0,.34), 0 9px 22px rgba(7,16,20,.28);
    }
}

@media (orientation:portrait) and (min-width:801px) and (max-width:1000px){
    .menu-mas-boton{
        gap:6px;
        font-size:11px;
    }

    .menu-mas-boton span{
        font-size:17px;
    }
}

@media (max-width:800px){
    html.tema-oscuro .panel-header::before,
    html.tema-oscuro .pagina-panel .panel-header::before{
        height:155px;
        background:linear-gradient(
            to bottom,
            rgba(0,0,0,1) 0%,
            rgba(0,0,0,0) 78%,
            rgba(0,0,0,0) 100%
        );
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        mask-image:none;
        -webkit-mask-image:none;
    }

    html.tema-oscuro .login-formulario{
        background:rgba(255,255,255,.07);
    }
}

@media (max-width:1000px){
    .menu-principal-unificado > a:not(.menu-avatar){
        gap:0;
        overflow:hidden;
        font-size:0 !important;
        text-overflow:clip;
    }

    .menu-principal-unificado > a:not(.menu-avatar)::before{
        width:19px;
        height:19px;
        flex-basis:19px;
    }

    .menu-principal-unificado > .menu-mas .menu-mas-boton{
        gap:0;
        font-size:0 !important;
    }

    .menu-principal-unificado > .menu-mas .menu-mas-boton b{
        display:none;
    }

    .menu-principal-unificado > .menu-mas .menu-mas-boton span{
        font-size:18px;
    }
}

@media (orientation:landscape) and (min-width:480px) and (max-width:1000px) and (max-height:1024px) and (hover:none) and (pointer:coarse){
    html.tema-oscuro nav::before{
        height:86px;
        background:linear-gradient(
            to bottom,
            rgba(0,0,0,1) 0%,
            rgba(0,0,0,0) 78%,
            rgba(0,0,0,0) 100%
        );
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        mask-image:none;
        -webkit-mask-image:none;
    }


}

@supports (-webkit-touch-callout:none){
    html.tema-oscuro body::before{
        top:0;
        bottom:0;
        height:auto;
    }

}

/* Cobertura final de contraste para componentes compartidos. */
html.tema-oscuro .publicacion-datos small,
html.tema-oscuro .perfil-contenido-vacio{color:rgba(244,246,247,.68)}

html.tema-oscuro .interacciones-foto #botonLike.activo{
    border-color:rgba(89,190,232,.38);
    background:rgba(89,190,232,.14);
    color:#8bd4ef;
}

html.tema-oscuro .denuncia-panel > p{color:rgba(244,246,247,.68)}
html.tema-oscuro .denuncia-panel textarea{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.07);
    color:#f4f6f7;
}
html.tema-oscuro .denuncia-cerrar{background:rgba(255,255,255,.09);color:#f4f6f7}

html.tema-oscuro .guardados-mensaje{color:#91e5b2}
html.tema-oscuro .guardados-mensaje.error{color:#ff9ba3}
html.tema-oscuro .coleccion-titulo button{background:rgba(255,99,115,.16);color:#ff9ba3}
html.tema-oscuro .guardado-quitar{background:rgba(255,255,255,.09);color:#f4f6f7}

html.tema-oscuro .editor-video-panel,
html.tema-oscuro .estado-resultados{
    border-color:rgba(255,255,255,.18);
    background:rgba(18,22,24,.98);
    color:#f4f6f7;
}
html.tema-oscuro .editor-video-panel > p,
html.tema-oscuro .estado-seleccionado{color:rgba(244,246,247,.68)}
html.tema-oscuro .editor-video-cancelar,
html.tema-oscuro .estado-activar{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    color:#f4f6f7;
}
html.tema-oscuro .crear-tipos{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.05)}
html.tema-oscuro .crear-tipos button,
html.tema-oscuro .estado-opcion{color:#f4f6f7}
html.tema-oscuro .estado-opcion:hover,
html.tema-oscuro .estado-opcion:focus{background:rgba(89,190,232,.14)}

html.tema-oscuro .mensaje-formulario{
    border-color:rgba(255,99,115,.22);
    background:rgba(255,99,115,.10);
    color:#ff9ba3;
}
html.tema-oscuro .mensaje-exito-cuenta{
    border-color:rgba(145,229,178,.20);
    background:rgba(145,229,178,.10);
    color:#91e5b2;
}
html.tema-oscuro .correo-pendiente{
    border-color:rgba(89,190,232,.20);
    background:rgba(255,255,255,.05);
    color:rgba(244,246,247,.76);
}
html.tema-oscuro .cuenta-legales{color:rgba(244,246,247,.68)}

html.tema-oscuro .formulario-imagen input::placeholder,
html.tema-oscuro .formulario-imagen textarea::placeholder,
html.tema-oscuro .formulario-perfil input::placeholder,
html.tema-oscuro .formulario-perfil textarea::placeholder,
html.tema-oscuro .formulario-cuenta input::placeholder,
html.tema-oscuro .formulario-cuenta textarea::placeholder{color:rgba(244,246,247,.62)}

html.tema-oscuro .panel-usuario > a{color:#f4f6f7}
html.tema-oscuro .legal-etiqueta{color:#78ccec}
html.tema-oscuro .registro-legal-check input{accent-color:#59bee8}

html:not(.tema-oscuro) .formulario-subtitulo,
html:not(.tema-oscuro) .campo-ayuda,
html:not(.tema-oscuro) .cuenta-legales,
html:not(.tema-oscuro) .correo-pendiente,
html:not(.tema-oscuro) .editor-video-panel > p,
html:not(.tema-oscuro) .estado-seleccionado,
html:not(.tema-oscuro) .ayuda-media,
html:not(.tema-oscuro) .avatar-ayuda,
html:not(.tema-oscuro) .autoguardado-estado,
html:not(.tema-oscuro) .recorte-panel p{color:rgba(0,0,0,.68)}

/* Contraste calculado según el contenido real debajo del menú. */
.botones a:not(.menu-avatar).icono-fondo-claro::before,
.panel-nav a.icono-fondo-claro::before{background-color:#071014}

.botones a:not(.menu-avatar).icono-fondo-oscuro::before,
.panel-nav a.icono-fondo-oscuro::before{background-color:#fff}

.menu-mas-boton.icono-fondo-claro > span{color:#071014}
.menu-mas-boton.icono-fondo-oscuro > span{color:#fff}

.botones a:not(.menu-avatar)::before,
.panel-nav a::before,
.menu-mas-boton > span{transition:background-color .25s ease,color .25s ease}