/* Tipografía más elegante */
.md-typeset {
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Títulos más marcados */
.md-typeset h1, .md-typeset h2 {
  font-weight: 600;
}

/* Código estilo terminal */
.highlight pre {
  border-radius: 8px;
  border: 1px solid rgba(0,255,100,0.2);
}

/* Links en plan "terminal green" */
.md-typeset a {
  color: #00c853;
}

.md-typeset a:hover {
  text-decoration: underline;
}

/* Tarjetas de blog más limpias */
.md-post--excerpt {
  border-left: 3px solid #00c853;
  padding-left: 1rem;
}

/* Mejor separación */
/*
.md-content {
  max-width: 900px;
}
*/

/* FEED estilo tarjetas */
.md-post--excerpt {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  padding: 1.2rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(0, 255, 100, 0.15);
  transition: all 0.2s ease;
}

/* Hover efecto pro */
.md-post--excerpt:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 255, 100, 0.4);
}

/* Título más fuerte */
.md-post--excerpt h2 {
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
}

/* Fecha más sutil */
.md-post__meta {
  font-size: 0.75rem;
  opacity: 0.6;
}

/* Summary más claro */
.md-post__content {
  font-size: 0.9rem;
  opacity: 0.85;
}




.md-content {
  max-width: 820px;
  margin: auto;
}

:root {
  --md-text-font: "Inter", sans-serif;
  --md-code-font: "JetBrains Mono", monospace;
}

hr {
  border: none;
  height: 1px;
  background: rgba(0,255,100,0.2);
}

.md-post--excerpt img {
  border-radius: 10px;
  margin-bottom: 10px;
}