.links-prev-next{
    display: flex; /* Convierte el contenedor en un Flexbox */
    justify-content: space-between; /* Distribuye el espacio para separar los elementos */
    align-items: center; /* Opcional: centra los elementos verticalmente si tienen diferente altura */
    padding: 20px 0; /* Un poco de espacio vertical */
    border-top: 1px solid #ccc; /* Un separador para el contenido */
}

/* Opcional: Estilos para los enlaces */
.links-prev-next .link-prev,
.links-prev-next .link-next {text-wrap: balance;}

.links-prev-next .link-next{text-align: right;}

.links-prev-next .link-prev:hover,
.links-prev-next .link-next:hover {}
/*
.link-prev a::before { content: "← "; margin-right: 5px;}
.link-next a::after  { content: " →"; margin-left: 5px; }
*/

.link-prev a {position: relative; padding-left:  0px; transition: padding-left 0.3s ease;  }
.link-next a {position: relative; padding-right: 0px; transition: padding-right 0.3s ease; }

.link-prev a::before {
    left: -8px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}

.link-next a::after {
    right: -8px;
    border-right: 1px solid currentColor;
    border-top: 1px solid currentColor;
}

.link-prev a::before,
.link-next a::after {
    content: "";
    position: absolute;
    top: 52%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(45deg);
    display:none;
}   

.link-prev:hover a::before,
.link-next:hover a::after {
    display:block;  
}
/*
.link-prev:hover a { padding-left: 15px;  } 
.link-next:hover a { padding-right: 15px; }
*/
/************************************  OOOKIS
#progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px; 
    background: rgba(0, 0, 0, 0.05); 
    z-index: 9999;
}

#progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(
        to right, 
        #ff0080, #ff8c00, #40e0d0, #ff0080
    );
    background-size: 200% 100%; 
    animation: flow 2s linear infinite;
    
    border-radius: 0 4px 4px 0;
    box-shadow: 0 0 12px rgba(255, 0, 128, 0.4);
    
    transition: width 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
    position: relative;
}

#progress-bar::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: white;
    filter: blur(5px);
    opacity: 0.5;
}

@keyframes flow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%; 
    }
}
************/


/* Estilo Base (Obligatorio) */
#progress-container {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.05);
    z-index: 9999;
}

#progress-bar {
    height: 100%;
    width: 0%;
    transition: width 0.1s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* OPCIÓN 1: Arcoíris "Tor Style" (Dinámico y fluido) */
#progress-bar.rainbow {
    background: linear-gradient(to right, #ff0080, #ff8c00, #40e0d0, #ff0080);
    background-size: 200% 100%;
    animation: flow 2s linear infinite;
    box-shadow: 0 0 10px rgba(255, 0, 128, 0.5);
}

/* OPCIÓN 2: Neón Cyberpunk (Efecto de luz intensa) */
#progress-bar.neon {
    background: #00f2ff;
    box-shadow: 0 0 15px #00f2ff, 0 0 5px #ffffff;
    border-radius: 0 10px 10px 0;
}

/* OPCIÓN 3: Elegante / Minimal (Gradiente suave sin animación) */
#progress-bar.elegant {
    background: linear-gradient(90deg, #ffffff 0%, #00f2fe 30%, #4facfe 100% );
    height: 3px; /* Más fino aún */
}

/* Animación para la opción Rainbow */
@keyframes flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.item-meta-data{
    /*
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 10px;
    */
    display: block;
    position: relative;
    padding-left: 44px;
    /*border:1px solid #aeaeae;**/
}
.item-author{
    /*font-weight: bold;*/
}
.item-reads{
    /*
    font-style: italic;
    color: #666;
    */
}
.item-author-avatar{
    position: absolute;
    top: 0;
    left: 0;
}
.item-author-avatar img{
    /*
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    */
    height: 34px;
    width: 34px;
    clip-path: circle(); 
}

.item-rating{position:absolute;right:0;bottom:2px;}

/* Publish to Nostr */
.item-nostr-publish { margin: 12px 0; text-align: right; }
.btn-nostr-publish { display: inline-block; padding: 6px 14px; background: #7b4dff; color: #fff; border-radius: 6px; font-size: 0.85em; cursor: pointer; text-decoration: none; transition: background 0.2s; }
.btn-nostr-publish:hover { background: #6a3de8; }
.btn-nostr-done { background: #28a745; pointer-events: none; }
.btn-nostr-done:hover { background: #28a745; }

/* Nostr publish preview dialog */
.nostr-preview { padding: 4px 0; }
.nostr-preview-image { margin-bottom: 12px; text-align: center; }
.nostr-preview-image img { max-width: 100%; max-height: 250px; border-radius: 6px; object-fit: cover; }
.nostr-preview-title { margin: 0 0 10px; font-size: 1.15em; }
.nostr-preview-text { margin-bottom: 14px; color: #555; font-size: 0.92em; line-height: 1.5; max-height: 200px; overflow-y: auto; white-space: pre-wrap; word-break: break-word; }
.nostr-preview-options { margin-bottom: 14px; display: flex; flex-direction: column; gap: 8px; }
.nostr-preview-options label { display: flex; align-items: center; gap: 6px; font-size: 0.9em; cursor: pointer; }
.nostr-preview-tags { margin-bottom: 8px; }
.nostr-preview-tags > label { display: block; font-size: 0.85em; font-weight: 600; margin-bottom: 6px; }

/* table zebra */
table.zebra{-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
table.zebra{min-width:70%;border-collapse:collapse;background-color:white;}
table.zebra.se-table-size-100{width:100%;}
table.zebra tr{}
table.zebra th{display:none;}
table.zebra td{display:block;}
table.zebra td:first-child{}
table.zebra td:last-child{}
table.zebra th,
table.zebra th div,
table.zebra td:before{color:#005177;}
table.zebra th>div{display:inline;font-weight:300;padding:0;margin:0;color:#005177;}
@media (min-width: 600px){
table.zebra td:before{display:none;}
}
table.zebra th,table.zebra td{text-align:left;}
@media (min-width: 600px){
table.zebra th,
table.zebra td{display:table-cell;}
table.zebra th:first-child,
table.zebra td:first-child{}
table.zebra th:last-child,
table.zebra td:last-child{}
}
table.zebra{color:#777777;overflow:hidden;}
table.zebra tr{margin:0;padding:0;}
table.zebra th,
table.zebra td{}
@media (max-width: 600px){
table.zebra{border-bottom:1px solid navy;}
table.zebra tr{/*********************border-bottom:1px solid navy;***********/}
table.zebra td:first-child{border-top:1px solid navy;}
table.zebra td{border-bottom:1px solid #D0D7E9;border-left:1px solid navy;border-right:0px solid navy;}
table.zebra td:last-child{border-bottom-width:0px;}
table.zebra td:before{}
table.zebra tr.row-empty{display:none;}
}
@media (min-width: 600px){
table.zebra{}
table.zebra th,
table.zebra td{padding:4px 10px 2px 10px;border-right:1px solid #D0D7E9;}
table.zebra th{border-bottom:1px solid #D0D7E9;border-top: 1px solid #D0D7E9;border-left:0px solid #D0D7E9;height:18px;}
table.zebra td{border-bottom:1px solid #D0D7E9;border-left:0px solid #D0D7E9;height:16px;}
}
table.zebra tbody tr:nth-child(odd) td{background-color:#fefefe;}
table.zebra tbody tr:nth-child(even) td{background-color:#F4F6F9;}
table.zebra tbody tr.active:nth-child(odd) td{background-color:#aae8ff;color:black;}
table.zebra tbody tr.active:nth-child(even) td{background-color:#aae8ff;color:black;}
table.zebra th,
table.zebra td{border-left:1px solid #dddddd;}
/* responsive */
table.zebra td a{font-size:inherit;cursor:pointer;}
table.zebra thead,
table.zebra th{background-color:#f1f1ed;font-weight: 500;}
table.zebra thead{background-color:#d9d9d9;}
table.zebra th.tb-title{text-align:left;color:#999999;padding:3px 0 3px 6px;border:0px;color:#aaaaaa;}
table.zebra td>div{position:relative;display:block;font-size:inherit;}
table.zebra td>div .labels{position:absolute;top:0px;right:0px;}

code{text-wrap: auto;}