/* Los artículos se muestran completos, sin desplegables ni cortes de texto. */
.reading-card { padding: 28px; }
.reading-card > div:first-child {
  display: inline-block;
  padding: 3px 10px;
  margin-bottom: 18px;
  background: var(--rose);
  color: #79596e;
  border-radius: 4px;
  font-size: 12px;
}
.reading-card > h3 {
  margin: 0 0 20px;
  font: 600 30px/1.15 var(--serif);
  color: var(--plum);
  letter-spacing: -.025em;
}
.reading-card > .reading-body { padding: 0; border: 0; }
.reading-card:nth-child(n+5) { grid-column: 1 / -1; }
.reading-card:nth-child(n+5) > .reading-body { max-width: 850px; }
.page-index .articles-intro h2 { font-size: clamp(44px, 4.6vw, 64px); color: var(--plum); margin: 22px 0 25px; max-width: 690px; }
.page-index #articulos > div { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.page-index #comunidad > div > div:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; padding: 36px; background: var(--sage); border-radius: 8px; }
.page-index #comunidad > div > div:first-child > div:first-child { max-width: 650px; }
.page-index #comunidad h2 { font-size: 42px; color: var(--plum); margin-bottom: 18px; }
.page-index #comunidad a { display: inline-block; padding: 12px 16px; margin: 4px 6px 4px 0; border: 1px solid var(--plum); border-radius: 4px; color: var(--plum); text-decoration: none; font-size: 13px; }
.page-index #comunidad a:first-child { background: var(--plum); color: white; }
.page-index #comunidad article { margin: 30px auto 0; max-width: 900px; padding: 32px; border: 1px solid var(--line); background: #fff; border-radius: 8px; }
.page-index #comunidad article > div:first-child,
.page-index #comunidad article > div:last-child > div:first-child { font-size: 12px; color: #79596e; }
.page-index #comunidad article h3 { margin: 15px 0 24px; color: var(--plum); font: 600 30px/1.3 var(--serif); }
.page-index #comunidad article > div:last-child { padding-top: 22px; border-top: 1px solid var(--line); }
.page-index #comunidad article p { margin-top: 16px; font-size: 14px; }
.page-index #comunidad article ol { padding-left: 22px; font-size: 14px; color: var(--muted); }
.page-index #comunidad article li { margin-block: 14px; }
.page-index #aviso > div { max-width: 900px; padding: 24px 30px; background: var(--rose); border-left: 3px solid #9d7c90; }
.page-index #aviso h3 { margin-bottom: 10px; font-size: 17px; }
.page-index #aviso p { font-size: 14px; }
.page-index section#comunidad,
.page-index section#aviso { padding-top: 0; padding-bottom: 48px; }
@media (max-width: 640px) {
  .reading-card { padding: 24px; }
  .reading-card > h3 { font-size: 28px; }
  .reading-card > div:first-child { font-size: 11px; }
  .page-index #articulos > div { grid-template-columns: 1fr; gap: 16px; }
  .page-index .articles-intro h2 { font-size: 46px; }
  .page-index .articles-intro > div > svg { width: 70%; max-width: 250px; }
  .page-index #comunidad > div > div:first-child,
  .page-index #comunidad article { padding: 24px; }
  .page-index #comunidad h2 { font-size: 36px; }
  .page-index #comunidad article h3 { font-size: 27px; }
  .page-index #comunidad p,
  .page-index #comunidad article ol { font-size: 14px; }
  .page-index #aviso > div { padding: 22px; }
}