:root{
  --aj-ink: var(--ink, #1a1a1a);
  --aj-muted: var(--muted, #6b7280);
  --aj-bg: var(--bg, #fff);
  --aj-panel: var(--panel, #f6f7f9);
  --aj-stroke: var(--stroke, #e5e7eb);
  --aj-brand: var(--brand, #49C6C2);
}
.aj-blog{color:var(--aj-ink);margin:24px auto;max-width:1100px}
.aj-blog__grid{display:grid;grid-template-columns:1fr 320px;gap:32px}
.aj-blog__title{font-family: Merriweather, serif;font-weight:700;font-size:2.1rem;margin:.4rem 0}
.aj-blog__meta{display:flex;gap:10px;color:var(--aj-muted);font-size:.95rem}
.ajb-dot{opacity:.5}
.aj-blog__cover{margin:14px 0;border-radius:12px;overflow:hidden}
.aj-blog__body{display:grid;grid-template-columns:1fr 280px;gap:24px}
.aj-blog__toc{background:var(--aj-panel);border:1px solid var(--aj-stroke);padding:14px;border-radius:12px;height:max-content}
.ajb-cta{display:flex;gap:12px;margin-top:10px}

/* Botón base del BLOG (tamaño de escritorio) */
.ajb-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 16px; /* ← en móvil se quedaba chico */
  border-radius:999px;text-decoration:none;font-weight:600;
  border:1px solid var(--aj-stroke);color:var(--aj-ink);background:#fff;
}
.ajb-btn--primary{background:var(--aj-brand);color:#fff;border-color:transparent}

.ajb-search{margin:28px 0 10px;display:grid;gap:12px}
.ajb-searchbar{border:1px solid var(--aj-stroke);border-radius:999px;padding:8px 12px;background:#fff}
.ajb-searchbar input{width:100%;border:0;outline:none;font-size:1rem;background:transparent}
.ajb-filters{display:flex;gap:8px;flex-wrap:wrap}
.ajb-chip{border:1px solid var(--aj-stroke);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}
.ajb-chip.is-active{background:var(--aj-brand);border-color:var(--aj-brand);color:#fff}
.ajb-feed{display:grid;gap:18px}
.ajb-card{background:#fff;border:1px solid var(--aj-stroke);border-radius:14px;overflow:hidden}
.post-card{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:12px}
.post-card img{aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.post-card h4{margin:2px 0 6px;font-size:1.05rem}
.post-card .meta{font-size:.9rem;color:var(--aj-muted)}
.post-card .tags{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
.post-card .tag{font-size:.75rem;border:1px solid var(--aj-stroke);padding:3px 8px;border-radius:999px}
.post-card .cta{margin-top:10px;display:flex;gap:10px}
.ajb-mini{list-style:none;margin:8px;padding:8px}
.ajb-mini li{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:8px;border-radius:10px}
.ajb-mini img{width:64px;height:48px;object-fit:cover;border-radius:8px}
.ajb-mini .t{font-size:.95rem;margin:0}
.ajb-mini .m{color:var(--aj-muted);font-size:.85rem}
@media (max-width:1024px){ .aj-blog__body{grid-template-columns:1fr} }
@media (max-width:860px){ .aj-blog__grid{grid-template-columns:1fr} }
@media (max-width:560px){ .post-card{grid-template-columns:1fr} }

/* =========================================================
   MEJORA: Botones del blog MÁS GRANDES solo en móviles
   (No afecta escritorio. Más especificidad + !important)
   ========================================================= */
@media (max-width: 768px){
  /* PRESET: GRANDE (recomendado) */
  .aj-blog .post-card .cta .ajb-btn{
    font-size: 18px !important;     /* texto más grande */
    padding: 18px 28px !important;   /* mayor área táctil */
    min-height: 52px !important;     /* confort */
    line-height: 1.1;
  }

  /* Si los quieres ENORMES, descomenta esto y comenta el bloque de arriba:
  .aj-blog .post-card .cta .ajb-btn{
    font-size: 22px !important;
    padding: 22px 34px !important;
    min-height: 60px !important;
  }
  */

  /* Por si hay dos botones, deja respirar y permite salto de línea */
  .aj-blog .post-card .cta{
    gap: 14px;
    flex-wrap: wrap;
  }
}