/*
 * Nota individual. Se carga junto con front-page.css (masthead, ticker,
 * rail, .wrap, .card-grid ya vienen de ahí vía la clase body.diario-home).
 * Acá solo lo específico de .diario-single: tag de categoría, título,
 * byline y la columna angosta del cuerpo.
 */

.diario-single .single-article{max-width:700px;margin:0 auto;padding:32px 0 8px;}

.diario-single .cat-tag{
  display:inline-block;font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;padding:4px 10px;border-radius:2px;margin-bottom:14px;
}
.diario-single .cat-tag.economia{color:var(--green);background:#E2F1E9;}
.diario-single .cat-tag.cripto{color:var(--teal);background:#F1E0FF;}
.diario-single .cat-tag.realestate{color:var(--brick);background:#F3E9E3;}
.diario-single .cat-tag.energia{color:#FFFFFF;background:var(--energia-bg);}

.diario-single .single-article h1{
  font-family:'Spectral',serif;font-weight:700;font-size:clamp(30px,4.2vw,46px);
  line-height:1.12;margin:0 0 14px;letter-spacing:-.01em;
}

.diario-single .single-meta{
  font-family:'Roboto Mono',monospace;font-size:12px;color:var(--ink-soft);
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:26px;padding-bottom:20px;
  border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;
}
.diario-single .single-meta .sep{color:var(--line);}

.diario-single .single-body{
  font-family:'Work Sans',sans-serif;font-size:17px;line-height:1.75;color:var(--ink);
}
.diario-single .single-body p{margin:0 0 20px;}
.diario-single .single-body h2,.diario-single .single-body h3{
  font-family:'Spectral',serif;line-height:1.25;margin:32px 0 14px;
}
.diario-single .single-body img{max-width:100%;height:auto;display:block;border-radius:2px;margin:8px 0 20px;}
.diario-single .single-body blockquote{
  margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--salmon);
  font-family:'Spectral',serif;font-style:italic;color:var(--ink-soft);
}
.diario-single .single-body a{color:var(--green);}

.diario-single .related{padding:24px 0 16px;border-top:1px solid var(--line);margin-top:16px;}