:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#15233a;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(125deg,#073b91,#0075ca);color:white;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100vw - 980px)/2));gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:54px;object-fit:contain}.brand strong{display:block;font-size:17px;letter-spacing:.04em}.brand small{font-size:11px;opacity:.9}button{cursor:pointer;border:0;background:#0757ba;color:white;border-radius:12px;padding:12px 16px;font-weight:650;font-size:14px}.outline{background:transparent;border:1px solid #b5c8e0;color:#0757ba}header .outline{color:white;border-color:#ffffff8a}main{max-width:980px;margin:auto;padding:22px 16px 50px;min-height:75vh}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:750;color:#1463bb}.headline h1{margin:4px 0 7px;font-size:clamp(25px,5vw,36px)}.headline p{margin-top:4px}.muted,#selection{color:#5e7087}#status{margin:18px 0;color:#546880}.stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px;margin:20px 0}.story{border:1px solid #e1e8f1;background:white;border-radius:17px;overflow:hidden;box-shadow:0 4px 20px #092e5e0a;cursor:pointer;text-align:left;padding:0;color:inherit}.story img,.placeholder{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.placeholder{background:linear-gradient(135deg,#094392,#3a91d0);display:grid;place-items:center;color:white;font-weight:700}.story .copy{padding:15px}.story h2{font-size:18px;line-height:1.35;margin:8px 0}.story p{font-size:13px;color:#60728a}.story .category{font-size:11px;color:#1764ba;text-transform:uppercase;font-weight:700}#preferences{max-width:600px;margin:auto}label{display:block;font-weight:700;margin:22px 0 7px}select{display:block;width:100%;padding:13px;border:1px solid #c7d6e8;border-radius:10px;background:white;font-size:15px}#addloc{margin:12px 0}#selectedlist{margin:18px 0}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:50px;background:#e3efff;padding:8px 12px;margin:4px}.pill button{padding:2px 6px;background:transparent;color:#0757ba}#reader{max-width:720px;margin:auto}#reader h1{font-size:clamp(26px,5vw,40px);line-height:1.17}#articleimage{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}#articlebody{font-size:18px;line-height:1.75;overflow-wrap:anywhere}#articlebody img{max-width:100%;height:auto}#articlelink a{color:#0757ba}footer{text-align:center;padding:24px;color:#75839a;font-size:12px}@media(max-width:420px){header .outline{font-size:11px;padding:9px}.brand strong{font-size:14px}.brand img{width:38px;height:46px}}

#locsearch{display:block;width:100%;padding:12px 14px;border:1px solid #c7d5eb;border-radius:9px;background:white;font:inherit;margin:5px 0 18px;}

.pref-group{margin:24px 0 28px}.pref-group h2{font-size:14px;letter-spacing:.035em;margin:0 0 12px}.pref-group .muted{font-size:13px}.pref-group label{margin-top:14px}#openadd{margin:8px 0}#addpanel{margin-top:12px;padding:16px;border:1px solid #d6e2f0;border-radius:14px;background:#fff}#addpanel button{margin:14px 8px 0 0}#selectedlist{min-height:30px;margin:12px 0}#save{margin-top:8px}#preferences>h1{margin-bottom:6px}

/* Identidad visual oficial */
.brand{gap:10px}.brand img{width:170px;height:56px;object-fit:contain;object-position:left center}.brand-subtitle{font-size:11px;color:#fff;opacity:.93;max-width:130px;line-height:1.3}@media(max-width:420px){.brand img{width:125px;height:45px}.brand-subtitle{font-size:9px;max-width:90px}}
/* v0.1.5: logotipo horizontal oficial aportado por RED ARGENTINA */
header .brand{flex:0 1 auto;min-width:0}
header .brand img{display:block;width:245px;max-width:100%;height:auto;max-height:78px;object-fit:contain;object-position:left center}
@media(max-width:600px){header .brand img{width:205px;max-height:66px}header{gap:8px}header .outline{flex-shrink:0}}
@media(max-width:360px){header .brand img{width:175px}header .outline{font-size:10px;padding:8px}}

/* v0.1.6 — Portada integrada con fondo oficial */
body{background:#f5f7fb}
header{position:relative;isolation:isolate;background:transparent;min-height:178px;align-items:flex-start;padding-top:28px;padding-bottom:78px;overflow:visible}
header::before{content:"";position:absolute;z-index:-1;inset:0 0 -30px;background:#0756b9 url('./aplicativograficofondo.png') center center/100% 100% no-repeat;pointer-events:none}
header .brand img{width:245px;max-height:82px}
header .outline{margin-top:10px;background:#ffffff12;border:1px solid #ffffff80;border-radius:18px}
main{position:relative;padding-top:0}
#home{margin-top:-8px}
.home-location{margin:0 0 20px;color:#315e96;font-size:13px;font-weight:600;min-height:16px}
#status{margin:0 0 12px;color:#536b89;font-size:13px}
#status:empty{display:none}
.stories{margin:8px 0 22px;gap:18px}
.story{border-radius:24px;box-shadow:0 10px 28px #092e5e13}
.story .copy{padding:17px 18px 20px}
.story h2{font-size:19px;line-height:1.3}
#refresh{margin-top:8px}
#preferences,#reader{padding-top:14px}
@media(max-width:600px){header{min-height:158px;padding:20px 20px 64px;gap:12px}header::before{bottom:-22px}header .brand img{width:min(53vw,245px);max-height:76px}header .outline{margin-top:9px;font-size:12px;padding:11px 12px}main{padding:0 18px 45px}#home{margin-top:0}.home-location{margin-bottom:16px}.stories{grid-template-columns:1fr;gap:17px}.story{border-radius:24px}.story h2{font-size:20px}}
@media(max-width:370px){header{padding-left:14px;padding-right:14px}header .brand img{width:51vw}header .outline{font-size:11px;padding:10px 9px}}