/**
 * Estilos para artículos generados por AgentHex + posts Hexfy (Hello Elementor).
 */
.hexbot-ai-article,
body.hexbot-ai-post .page-content,
body.hexbot-ai-post .entry-content,
body.hexfy-blog-single .page-content .hexbot-ai-article {
  --hexbot-blog-deep: #0b1f3f;
  --hexbot-blog-blue: #2440d9;
  --hexbot-blog-yellow: #ffc72c;
  --hexbot-blog-muted: #5a6478;
  --hexbot-blog-bg: #f4f6fa;
  --hexbot-blog-line: #e4e8f0;
  --hexbot-blog-max: 720px;
  color: var(--hexbot-blog-muted);
  font-size: inherit;
  line-height: inherit;
}

.hexbot-ai-article {
  max-width: 100%;
  margin: 0;
  padding: 0.25rem 0 0.5rem;
}

.hexbot-ai-article > *:first-child {
  margin-top: 0;
}

.hexbot-ai-article h2,
body.hexbot-ai-post .page-content h2,
body.hexbot-ai-post .entry-content h2 {
  margin: 2.25rem 0 0.85rem;
  padding-bottom: 0.35rem;
  border-bottom: 2px solid rgba(255, 199, 44, 0.45);
  color: var(--hexbot-blog-deep);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.hexbot-ai-article h3,
body.hexbot-ai-post .page-content h3,
body.hexbot-ai-post .entry-content h3 {
  margin: 1.65rem 0 0.55rem;
  color: var(--hexbot-blog-deep);
  font-size: 1.2rem;
  font-weight: 650;
  line-height: 1.3;
}

.hexbot-ai-article p,
body.hexbot-ai-post .page-content p,
body.hexbot-ai-post .entry-content p {
  margin: 0 0 1.2rem;
  color: var(--hexbot-blog-muted);
}

.hexbot-ai-article strong,
body.hexbot-ai-post .page-content strong {
  color: var(--hexbot-blog-deep);
  font-weight: 650;
}

.hexbot-ai-article ul,
.hexbot-ai-article ol,
body.hexbot-ai-post .page-content ul,
body.hexbot-ai-post .page-content ol {
  margin: 0 0 1.35rem;
  padding: 0.85rem 0.85rem 0.85rem 1.4rem;
  border-radius: 12px;
  background: var(--hexbot-blog-bg);
  color: var(--hexbot-blog-muted);
}

.hexbot-ai-article li {
  margin-bottom: 0.5rem;
  padding-left: 0.15rem;
}

.hexbot-ai-article li::marker {
  color: var(--hexbot-blog-blue);
}

.hexbot-ai-article a,
body.hexbot-ai-post .page-content a {
  color: var(--hexbot-blog-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.hexbot-ai-article a:hover {
  color: var(--hexbot-blog-deep);
}

.hexbot-ai-article blockquote,
body.hexbot-ai-post .page-content blockquote {
  margin: 1.65rem 0;
  padding: 1.1rem 1.35rem;
  border-left: 4px solid var(--hexbot-blog-yellow);
  background: var(--hexbot-blog-bg);
  border-radius: 0 12px 12px 0;
  color: var(--hexbot-blog-deep);
}

.hexbot-ai-article hr {
  margin: 2rem 0;
  border: none;
  border-top: 2px solid var(--hexbot-blog-yellow);
  opacity: 0.7;
}

.hexbot-ai-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 1.35rem;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: #eef2ff;
  color: var(--hexbot-blog-blue);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  .hexbot-ai-article {
    padding: 0;
  }

  .hexbot-ai-article h2,
  body.hexbot-ai-post .page-content h2 {
    font-size: 1.3rem;
    margin-top: 1.75rem;
  }

  .hexbot-ai-article ul,
  .hexbot-ai-article ol {
    padding: 0.75rem 0.75rem 0.75rem 1.2rem;
  }
}