/* ============================================================
   Noxcom · bitácora (bitacora/index.html y bitacora/<slug>/index.html)
   Complementa a noxcom.css y servicio.css; las genera deploy/generar-bitacora.py.
   ============================================================ */

.hero--entrada .hero__texto{max-width:860px}
.hero--entrada .sub{max-width:68ch}
.hero__micro a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hero__micro a:hover{color:var(--tinta)}
.migas [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,520px)}

/* Listado */
.entradas{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea);max-width:860px}
.entradas li{display:grid;gap:12px;padding:28px 0;border-bottom:1px solid var(--linea)}
.entradas__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado)}
.entradas .chip{font-size:12px;padding:5px 11px}
.entradas h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
.entradas h3 a{color:var(--tinta)}
.entradas h3 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ambar)}
.entradas p{font-size:16.5px;line-height:1.55;color:var(--texto);max-width:68ch}

/* Entrada */
.entrada__cuerpo{display:grid;gap:40px;max-width:720px}
.actualizaciones{border-left:3px solid var(--ambar);padding:6px 0 6px 24px;display:grid;gap:12px}
.actualizaciones h2{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--noche)}
.actualizaciones ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.actualizaciones li{font-size:16px;line-height:1.55;color:var(--texto)}
.actualizaciones time{font-family:var(--mono);font-size:12.5px;color:var(--apagado);margin-right:10px;white-space:nowrap}

.prosa{font-size:clamp(17px,1.25vw,18.5px);line-height:1.65;color:var(--texto);text-wrap:pretty}
.prosa>*+*{margin-top:1.1em}
.prosa h2{margin-top:2.2em;font-weight:500;font-stretch:108%;font-size:clamp(24px,2.2vw,30px);line-height:1.2;letter-spacing:-.015em;color:var(--tinta)}
.prosa h2:first-child{margin-top:0}
.prosa h3{margin-top:1.8em;font-weight:500;font-stretch:106%;font-size:clamp(19px,1.5vw,22px);line-height:1.3;color:var(--tinta)}
.prosa ul,.prosa ol{padding-left:1.3em;display:grid;gap:.55em}
.prosa li::marker{color:var(--apagado)}
.prosa a{color:var(--noche);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--linea);transition:text-decoration-color .2s ease}
.prosa a:hover{text-decoration-color:var(--ambar)}
.prosa code{font-family:var(--mono);font-size:.86em;background:var(--hueso);border:1px solid var(--linea);border-radius:6px;padding:.1em .4em;overflow-wrap:anywhere}
.prosa pre{background:var(--noche);color:#E9EEF6;border-radius:14px;padding:18px 20px;overflow:auto;font-family:var(--mono);font-size:14px;line-height:1.55}
.prosa pre code{background:none;border:0;padding:0;font-size:inherit;color:inherit}
.prosa blockquote{border-left:3px solid var(--linea);padding-left:20px;color:var(--apagado)}
.prosa strong{font-weight:500;color:var(--tinta)}
.prosa ul.fuentes{font-size:15.5px;color:var(--apagado)}
.prosa ul.fuentes a{overflow-wrap:anywhere}

@media (max-width:640px){
  .entradas li{padding:22px 0}
  .entrada__cuerpo{gap:32px}
  .migas [aria-current]{max-width:70vw}
}