/* ==========================================================================
   Blog — Centro de Fertilidad Dr. Jerónimo Amado
   Estilos para single.php (artículo) y home.php (listado).
   Usa las variables del tema (--navy / --teal) con valores de respaldo.
   ========================================================================== */

.drjam-blog{
  background:#f6fafb;
  padding:56px 20px 80px;
  font-family:"Poppins",Arial,Helvetica,sans-serif;
  color:#1C3158;
}
.drjam-blog-wrap{max-width:1080px;margin:0 auto;}
.drjam-blog a{transition:color .15s,filter .15s,transform .15s,box-shadow .15s;}

/* ---------- Botón ---------- */
.drjam-btn{
  display:inline-block;
  background:var(--teal,#16A7C9);
  color:#fff;
  font-weight:600;
  padding:13px 30px;
  border-radius:999px;
  text-decoration:none;
  border:0;
  cursor:pointer;
}
.drjam-btn:hover{filter:brightness(1.07);color:#fff;}

/* ==========================================================================
   LISTADO (home.php)
   ========================================================================== */
.drjam-blog-header{text-align:center;margin:0 auto 46px;max-width:680px;}
.drjam-blog-title{font-size:2.3rem;line-height:1.15;color:var(--navy,#0D3B73);margin:0 0 .25em;}
.drjam-blog-sub{color:#6b7a99;font-size:1.08rem;margin:0;}

.drjam-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:30px;
}
.drjam-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 6px 24px rgba(13,59,115,.08);
}
.drjam-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(13,59,115,.15);}
.drjam-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;}
.drjam-card-thumb{aspect-ratio:16/9;background:#e8f3f7;overflow:hidden;}
.drjam-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.drjam-card-thumb--ph{background:linear-gradient(135deg,var(--teal,#16A7C9),var(--navy,#0D3B73));}
.drjam-card-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1;}
.drjam-card-cat{color:var(--teal,#16A7C9);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;}
.drjam-card-title{font-size:1.22rem;line-height:1.32;color:var(--navy,#0D3B73);margin:.5em 0 .5em;}
.drjam-card-excerpt{color:#55658a;font-size:.95rem;line-height:1.6;margin:0 0 1.1em;}
.drjam-card-more{color:var(--teal,#16A7C9);font-weight:600;font-size:.92rem;margin-top:auto;}

.drjam-pagination{margin-top:46px;text-align:center;}
.drjam-pagination .page-numbers{
  display:inline-block;padding:9px 15px;margin:0 3px;border-radius:10px;
  background:#fff;color:var(--navy,#0D3B73);text-decoration:none;font-weight:600;
  box-shadow:0 2px 8px rgba(13,59,115,.08);
}
.drjam-pagination .current{background:var(--teal,#16A7C9);color:#fff;}
.drjam-empty{text-align:center;color:#6b7a99;padding:50px 0;font-size:1.05rem;}

/* ==========================================================================
   ARTÍCULO (single.php)
   ========================================================================== */
.drjam-single .drjam-blog-wrap{max-width:760px;}
.drjam-article-head{margin:0 0 30px;text-align:center;}
.drjam-eyebrow{margin-bottom:.4em;}
.drjam-eyebrow a{color:var(--teal,#16A7C9);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;}
.drjam-article-title{font-size:2.2rem;line-height:1.2;color:var(--navy,#0D3B73);margin:.15em 0 .3em;}
.drjam-article-meta{color:#6b7a99;font-size:.92rem;}
.drjam-article-thumb{margin:0 0 34px;border-radius:18px;overflow:hidden;}
.drjam-article-thumb img{width:100%;height:auto;display:block;}

.drjam-article-body{font-size:1.07rem;line-height:1.78;color:#273b63;}
.drjam-article-body > *:first-child{margin-top:0;}
.drjam-article-body h2{color:var(--navy,#0D3B73);font-size:1.5rem;line-height:1.3;margin:1.9em 0 .5em;}
.drjam-article-body h3{color:var(--navy,#0D3B73);font-size:1.22rem;margin:1.6em 0 .4em;}
.drjam-article-body p{margin:0 0 1.15em;}
.drjam-article-body ul,.drjam-article-body ol{margin:0 0 1.25em 1.3em;padding:0;}
.drjam-article-body li{margin:.45em 0;}
.drjam-article-body a{color:var(--teal,#16A7C9);font-weight:600;text-decoration:underline;}
.drjam-article-body a:hover{filter:brightness(.9);}
.drjam-article-body img{max-width:100%;height:auto;border-radius:12px;}
.drjam-article-body blockquote{
  margin:1.5em 0;padding:.4em 1.2em;border-left:4px solid var(--teal,#16A7C9);
  color:#3c4f78;font-style:italic;background:#eef7fa;border-radius:0 10px 10px 0;
}

.drjam-article-cta{
  margin:44px 0 26px;background:var(--navy,#0D3B73);color:#fff;
  border-radius:18px;padding:32px;text-align:center;
}
.drjam-article-cta h3{color:#fff;margin:0 0 .35em;font-size:1.3rem;}
.drjam-article-cta p{margin:0 0 1.2em;opacity:.92;}
.drjam-back{margin-top:6px;}
.drjam-back a{color:#6b7a99;text-decoration:none;font-weight:500;}
.drjam-back a:hover{color:var(--teal,#16A7C9);}

/* ---------- Responsive ---------- */
@media (max-width:640px){
  .drjam-blog{padding:36px 16px 60px;}
  .drjam-article-title{font-size:1.65rem;}
  .drjam-blog-title{font-size:1.8rem;}
  .drjam-article-cta{padding:26px 22px;}
}