/* Páginas públicas (radar/sitio.py): se apoyan en app.css; aquí solo lo propio de las páginas de lectura */
body.publica{padding-bottom:0}
.nav-pub{display:none;gap:4px;flex:1;min-width:0}
.nav-pub a{font-weight:500;text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:4px;white-space:nowrap}
.nav-pub a:hover{color:var(--ink);background:var(--petrol-soft)}
@media (min-width:760px){.nav-pub{display:flex}}
main.pub{gap:22px;max-width:900px}
.pub h1{font-size:clamp(26px,5.5vw,38px)}
.pub h2{font-size:22px}
.pub .lead{font-size:16.5px;line-height:1.6;color:var(--ink);opacity:.9}
.migas{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px;overflow-wrap:anywhere}
.migas a{color:var(--muted)}
.ficha-pub{display:flex;flex-direction:column;gap:16px}
.ficha-pub h1{overflow-wrap:anywhere}
.item a.t{font-weight:600;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.item a.t:hover{text-decoration:underline;text-underline-offset:2px}
a.chip{text-decoration:none}
a.chip:hover{border-color:var(--petrol)}
.enlaces{margin:0;padding-left:18px;display:grid;gap:6px}
.enlaces.columnas{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cta-pub{background:var(--petrol-soft);border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.cta-pub div{display:flex;flex-direction:column;gap:4px;max-width:60ch}
.cta-pub span{font-size:14px;color:var(--muted)}
.vacio{text-align:left;align-items:flex-start}