:root{--ink:#111;--paper:#fff;--muted:#5a5a5a;--line:#1a1a1a;--thin:#b9b9b9}
*{box-sizing:border-box}
html{background:#ecebe7}
body{margin:0;color:var(--ink);background:#ecebe7;font-family:"Times New Roman",Times,serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.page-shell{max-width:1320px;margin:18px auto;background:var(--paper);padding:22px 28px 28px;box-shadow:0 0 0 1px #aaa}
.masthead-wrap{display:grid;grid-template-columns:150px 1fr 230px;gap:18px;align-items:center;padding-bottom:12px}
.date-box{font-size:14px;line-height:1.3;text-transform:capitalize}
.masthead-center{text-align:center}
.masthead{font-size:48px;line-height:.95;margin:0;letter-spacing:-1.8px;font-weight:700}
.tagline{font-size:13px;margin-top:10px;letter-spacing:.8px;font-weight:700}
.search{display:flex;border:1px solid #777;height:38px}
.search input{min-width:0;width:100%;border:0;padding:0 9px;font:16px "Times New Roman",serif;outline:none}
.search button{width:42px;border:0;border-left:1px solid #777;background:#fff;font-size:22px;cursor:pointer}
.sections{border-top:3px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:0;overflow:auto;white-space:nowrap}
.sections a{padding:11px 18px 9px;font-size:14px;font-weight:700}
.sections a.active{text-decoration:underline;text-underline-offset:4px}
.sections .refresh{margin-left:auto;font-size:12px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-bottom:3px solid var(--line)}
.news-card{padding:18px;border-top:1px solid var(--thin);border-right:1px solid var(--thin);min-width:0}
.news-card:nth-child(3n){border-right:0}
.news-card.lead{grid-column:span 1;border-top:0}
.kicker{font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;margin-bottom:7px}
.news-card h2{font-size:28px;line-height:1.02;margin:0 0 8px;letter-spacing:-.45px}
.news-card.lead h2{font-size:35px}
.dek{font-size:17px;line-height:1.2;margin:0 0 8px;color:#222}
.meta{font-size:14px;font-weight:700;margin:8px 0 12px}
.news-card img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(12%);display:block}
.empty{padding:80px 20px;text-align:center;border-bottom:3px solid #111}
.footer{text-align:center;font-size:11px;letter-spacing:1.2px;padding-top:16px}
.article-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:14px}
.article-brand{font-size:28px;font-weight:700;letter-spacing:-.7px}
.reader-controls{justify-self:end;display:flex;gap:5px}
.reader-controls button{font:16px "Times New Roman",serif;background:#fff;border:0;cursor:pointer;padding:6px}
.article-rule{border-top:3px solid #111;margin:15px 0 20px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px}
.article-main{max-width:900px}
.article-title{font-size:58px;line-height:.95;letter-spacing:-1.8px;margin:0 0 12px}
.article-dek{font-size:22px;line-height:1.22;margin:0 0 18px;max-width:850px}
.byline{font-size:15px;line-height:1.35;margin:16px 0}
.hero{width:100%;max-height:520px;object-fit:cover;display:block;margin:18px 0 8px}
.article-body{font-size:20px;line-height:1.48;max-width:790px}
.article-body p{margin:0 0 1.05em}
.article-body p:first-child::first-letter{float:left;font-size:76px;line-height:.68;padding:10px 8px 0 0}
.source-box{border-left:1px solid #aaa;padding-left:20px;margin-top:175px;font-size:15px;line-height:1.35;align-self:start}
.source-box h3{font-size:14px;border-top:1px solid #777;border-bottom:1px solid #777;padding:10px 0;margin:0 0 12px}
.source-name{font-size:22px;font-weight:700;margin:0 0 5px}
.source-box a{text-decoration:underline}
.source-box hr{border:0;border-top:1px solid #aaa;margin:35px 0 18px}
.source-box p{color:#444;font-size:13px}
@media (max-width:900px){
  html,body{background:#fff}.page-shell{margin:0;box-shadow:none;padding:14px 14px 24px}
  .masthead-wrap{grid-template-columns:1fr auto}.date-box{display:none}.masthead-center{text-align:left}.masthead{font-size:29px;letter-spacing:-1px}.tagline{display:none}.search{width:44px;border:0}.search input{display:none}.search button{border:0}
  .sections{justify-content:flex-start}.sections a{padding:9px 12px;font-size:12px}.sections .refresh{display:none}
  .news-grid{display:block;margin-top:6px}.news-card,.news-card.lead{border-right:0;border-top:1px solid #aaa;padding:16px 0}.news-card:first-child{border-top:0}.news-card h2,.news-card.lead h2{font-size:29px}.dek{font-size:16px}
  .article-topbar{grid-template-columns:36px 1fr 70px}.article-topbar>a{font-size:0}.article-topbar>a::after{content:"←";font-size:22px}.article-brand{text-align:center;font-size:22px}.reader-controls button{font-size:13px}
  .article-layout{display:block}.article-title{font-size:40px;letter-spacing:-1px}.article-dek{font-size:18px}.article-body{font-size:18px;line-height:1.42}.article-body p:first-child::first-letter{font-size:58px}
  .source-box{margin-top:35px;border-left:0;border-top:1px solid #888;padding:18px 0 0}
}

/* Ajustes v0.2 */
.news-card h2 a,
.news-card h2 a:hover{ text-decoration:none; }
.news-card h2 a:hover{ opacity:.72; }
.article-source-kicker{ margin-bottom:10px; }
.article-title{ max-width:940px; }
.byline{ color:#222; }
@media (min-width:901px){
  .article-main{ max-width:940px; }
  .article-title{ font-size:54px; line-height:.97; }
  .article-layout{ grid-template-columns:minmax(0,1fr) 245px; }
  .source-box{ margin-top:168px; }
}


/* Ajustes v0.3 — lectura justificada + responsive */
.dek,
.article-dek,
.article-body p{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  overflow-wrap:break-word;
}
.article-body{
  width:100%;
  max-width:780px;
  font-size:clamp(18px,1.35vw,20px);
  line-height:1.56;
  letter-spacing:.002em;
}
.article-body p{
  margin:0 0 1.08em;
}
.article-dek{
  max-width:800px;
  line-height:1.34;
}
@media (max-width:900px){
  .page-shell{width:100%;max-width:none;padding:12px 16px 26px}
  .article-main{width:100%;max-width:none}
  .article-title{font-size:clamp(36px,10vw,46px);line-height:.98}
  .article-dek{font-size:18px;line-height:1.32}
  .article-body{max-width:none;font-size:18px;line-height:1.55}
  .hero{max-height:none;width:100%;height:auto}
  .article-body p:first-child::first-letter{font-size:56px;line-height:.72;padding-top:8px}
}
@media (max-width:520px){
  .page-shell{padding:10px 13px 22px}
  .article-brand{font-size:20px}
  .article-rule{margin:11px 0 16px}
  .article-title{font-size:clamp(34px,10.5vw,42px);letter-spacing:-.9px}
  .article-dek{font-size:17px}
  .byline{font-size:14px}
  .article-body{font-size:17.5px;line-height:1.56}
  .source-box{font-size:14px}
  .news-card h2,.news-card.lead h2{font-size:28px;line-height:1.04}
  .dek{font-size:16.5px;line-height:1.28}
}


/* Ajustes v0.11.1 — marca NOTICIAS + subfiltros de deportes */
.sports-subnav{
  display:flex;
  justify-content:center;
  gap:0;
  overflow:auto;
  white-space:nowrap;
  border-bottom:1px solid var(--thin);
  background:#fff;
}
.sports-subnav a{
  padding:8px 16px 7px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.35px;
}
.sports-subnav a.active{
  text-decoration:underline;
  text-underline-offset:4px;
}
@media (max-width:900px){
  .sports-subnav{justify-content:flex-start}
  .sports-subnav a{padding:8px 12px;font-size:11px}
}