:root{--utm:#12306b;--utm2:#0c2250;--sol:#f2b705;--papel:#f3f2ee;--tinta:#1c2333;--gris:#65708a;--linea:#e3e5ea;--ok:#188a4b;--mal:#c0392b}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-bottom:72px}
a{color:var(--utm);text-decoration:none}h1,h2,h3{margin:0;line-height:1.2}
.top{position:sticky;top:0;z-index:30;background:var(--utm);color:#fff;border-bottom:3px solid var(--sol);display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem}
.top .logo{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:800;font-size:1.05rem}.top .logo img{width:38px;height:38px;background:#fff;border-radius:10px;padding:3px;object-fit:contain}
.top .sp{flex:1}.top .chip{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:99px;padding:.4rem .8rem;font-weight:600;font-size:.8rem;cursor:pointer}
.layout{max-width:1120px;margin:0 auto;padding:1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
.side,.right{display:none}
.card{background:#fff;border-radius:14px;box-shadow:0 1px 2px #0001;padding:1rem;margin-bottom:.9rem}
.card.flat{padding:0;overflow:hidden}
.nav-b{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid var(--linea);display:flex;padding-bottom:env(safe-area-inset-bottom)}
.nav-b a{flex:1;text-align:center;padding:.5rem 0 .4rem;font-size:.68rem;color:var(--gris);font-weight:600}.nav-b a b{display:block;font-size:1.3rem;line-height:1.2}
.nav-b a.on{color:var(--utm)}.nav-b a.on b{filter:none}
.side a{display:flex;gap:.7rem;align-items:center;padding:.6rem .8rem;border-radius:10px;color:var(--tinta);font-weight:600}.side a:hover{background:#0001}.side a.on{background:#fff;color:var(--utm);box-shadow:0 1px 2px #0001}
.side a span{font-size:1.25rem;width:1.6rem;text-align:center}
@media(min-width:860px){body{padding-bottom:0}.nav-b{display:none}.layout{grid-template-columns:210px minmax(0,1fr) 290px}.side,.right{display:block;position:sticky;top:76px;align-self:start}}
h1{font-size:1.5rem;color:var(--utm);font-weight:800}.sub{color:var(--gris);margin:.25rem 0 1rem}
.inp,select,textarea{width:100%;border:1.5px solid #cfd5e3;border-radius:10px;padding:.65rem .8rem;background:#fff;font:inherit;color:inherit}.inp:focus,select:focus,textarea:focus{outline:3px solid #f2b70566;border-color:var(--utm)}
label{display:block;font-weight:600;font-size:.82rem;margin:.7rem 0 .25rem}.row{display:grid;gap:.6rem;grid-template-columns:1fr 1fr}
.btn{background:var(--utm);color:#fff;border:0;border-radius:10px;padding:.65rem 1.1rem;font:inherit;font-weight:700;cursor:pointer;display:inline-block;text-align:center}.btn:disabled{opacity:.5}.btn.sol{background:var(--sol);color:var(--tinta)}.btn.sm{padding:.35rem .7rem;font-size:.8rem}.btn.ghost{background:#0000;color:var(--utm);border:1.5px solid var(--utm)}.btn.red{background:var(--mal)}.btn.w{width:100%}
.av{width:42px;height:42px;border-radius:50%;background:var(--utm);color:var(--sol);display:grid;place-items:center;font-weight:800;object-fit:cover;flex:none}.av.lg{width:96px;height:96px;font-size:2rem;border:4px solid #fff}
.who{display:flex;gap:.7rem;align-items:center}.who b{display:block;line-height:1.2}.who small{color:var(--gris)}
.pill{display:inline-block;background:#12306b14;color:var(--utm);border-radius:99px;padding:.1rem .55rem;font-size:.72rem;font-weight:700}.pill.ok{background:#188a4b1f;color:var(--ok)}.pill.warn{background:#f2b70533;color:#8a6600}.pill.mal{background:#c0392b1f;color:var(--mal)}
.post p{white-space:pre-wrap;margin:.7rem 0;word-break:break-word}.post img.ph{width:100%;max-height:420px;object-fit:cover;border-radius:10px}
.acts{display:flex;gap:.4rem;border-top:1px solid var(--linea);margin-top:.7rem;padding-top:.5rem}.acts button{flex:1;background:none;border:0;padding:.45rem;border-radius:8px;font:inherit;font-weight:600;color:var(--gris);cursor:pointer}.acts button:hover{background:#0000000a}.acts button.on{color:var(--utm)}
.grid2{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ban{width:100%;height:160px;object-fit:cover;display:block;background:var(--utm)}
.bar{height:8px;background:#12306b1a;border-radius:9px;overflow:hidden;margin:.5rem 0 .2rem}.bar i{display:block;height:100%;background:var(--sol)}
.cover{height:110px;background:linear-gradient(135deg,var(--utm),var(--utm2));position:relative}.cover .av{position:absolute;left:1rem;bottom:-48px}
.hero{background:linear-gradient(135deg,var(--utm),var(--utm2));color:#fff;border-radius:14px;padding:1.2rem;margin-bottom:.9rem}.hero h2{font-size:1.25rem}.hero p{opacity:.85;margin:.4rem 0 .8rem}
.tabs{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:.9rem;padding-bottom:.2rem}.tabs a{white-space:nowrap;padding:.45rem .9rem;border-radius:99px;background:#fff;font-weight:700;font-size:.85rem;color:var(--gris)}.tabs a.on{background:var(--utm);color:#fff}
table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--linea);vertical-align:top}.scroll{overflow-x:auto}
.stat{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem}.stat div{background:#fff;border-radius:12px;padding:.8rem;box-shadow:0 1px 2px #0001}.stat b{font-size:1.5rem;color:var(--utm);display:block}.stat small{color:var(--gris)}
dialog{border:0;border-radius:16px;padding:1.2rem;max-width:440px;width:calc(100% - 2rem)}dialog::backdrop{background:#0008}
#toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--ok);color:#fff;padding:.6rem 1rem;border-radius:10px;font-weight:600;z-index:99;display:none;max-width:90%}#toast.bad{background:var(--mal)}
.carnet{background:linear-gradient(135deg,var(--utm),var(--utm2));color:#fff;border-radius:14px;padding:1rem;border-left:6px solid var(--sol)}.carnet small{opacity:.7;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}
.muted{color:var(--gris)}.empty{text-align:center;color:var(--gris);padding:1.5rem}