/* comunidadia.com — hoja única. Cada artículo la referencia; no hay build. */

:root{
  --fundo:#f7f7f5; --sup:#fff; --sup2:#f0f0ed; --borda:#e0e0da;
  --texto:#1a1a17; --suave:#5c5c55; --tenue:#8a8a81;
  --primario:#1c6b52; --primario-suave:#e6f2ed;
  --ancho:44rem;
}
@media (prefers-color-scheme: dark){
  :root{
    --fundo:#111310; --sup:#1a1d19; --sup2:#232722; --borda:#2e332c;
    --texto:#f0f2ee; --suave:#a8afa3; --tenue:#767d72;
    --primario:#4ba888; --primario-suave:#17281f;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; padding:0 1.25rem 5rem;
  background:var(--fundo); color:var(--texto);
  font:17px/1.7 ui-serif,Georgia,"Times New Roman",serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--ancho);margin:0 auto}

/* --- cabecera del sitio --- */
.sitio{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:1.75rem 0;border-bottom:1px solid var(--borda);margin-bottom:2.5rem;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.sitio a.logo{font-weight:700;font-size:1.05rem;color:var(--texto);text-decoration:none;letter-spacing:-.01em}
.sitio a.logo span{color:var(--primario)}
.sitio nav a{color:var(--suave);text-decoration:none;font-size:.9rem;margin-left:1rem}
.sitio nav a:hover{color:var(--texto)}

/* --- tipografía --- */
h1{font-size:2rem;line-height:1.22;margin:0 0 .6rem;letter-spacing:-.02em}
h2{font-size:1.3rem;line-height:1.3;margin:2.75rem 0 .8rem;letter-spacing:-.01em}
p{margin:0 0 1.15rem}
a{color:var(--primario)}
strong{font-weight:700}
ul,ol{margin:0 0 1.15rem;padding-left:1.4rem}
li{margin-bottom:.5rem}
blockquote{
  margin:1.75rem 0;padding:.15rem 0 .15rem 1.25rem;
  border-left:3px solid var(--primario);color:var(--suave);font-style:italic;
}
code{
  background:var(--sup2);padding:.12rem .35rem;border-radius:4px;
  font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;
}
hr{border:none;border-top:1px solid var(--borda);margin:2.5rem 0}

/* --- artículo --- */
.fecha{
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;
  color:var(--tenue);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1.75rem;
}
.bajada{font-size:1.15rem;color:var(--suave);margin:0 0 2rem;line-height:1.55}
.limites{
  background:var(--sup);border:1px solid var(--borda);border-radius:12px;
  padding:1.15rem 1.35rem;margin:1.75rem 0;
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;
}
.limites ul{margin:0;padding-left:1.2rem}
.limites li:last-child{margin-bottom:0}
.remate{
  background:var(--primario-suave);border-radius:12px;padding:1.25rem 1.35rem;margin:2.5rem 0 0;
}
.remate p:last-child{margin-bottom:0}

/* --- índice --- */
.intro{font-size:1.15rem;color:var(--suave);margin-bottom:3rem}
.lista{list-style:none;margin:0;padding:0}
.lista li{border-bottom:1px solid var(--borda);padding:1.25rem 0;margin:0}
.lista li:first-child{border-top:1px solid var(--borda)}
.lista a{
  display:block;text-decoration:none;color:var(--texto);
  font-size:1.2rem;line-height:1.35;letter-spacing:-.01em;font-weight:600;
}
.lista a:hover{color:var(--primario)}
.lista .meta{
  display:block;font-family:ui-sans-serif,system-ui,sans-serif;
  font-size:.8rem;color:var(--tenue);text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:.35rem;font-weight:400;
}
.lista .resumen{
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;
  color:var(--suave);margin:.4rem 0 0;line-height:1.55;
}

/* --- pie --- */
footer{
  margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--borda);
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;color:var(--tenue);
}
footer a{color:var(--suave)}

@media (max-width:640px){
  body{font-size:16.5px}
  h1{font-size:1.65rem}
}