/* Blog y páginas de WordPress — se apoya en las variables y clases del diseño de la web */
#page-blog .blog-section{max-width:1360px;margin:0 auto;padding:5rem 4rem 4rem}
#page-blog .section-lead{max-width:62ch}
.simbas-hero-title{font-size:clamp(2rem,5.2vw,4rem)!important;line-height:1.05!important;letter-spacing:.01em!important;max-width:24ch}

/* categorías */
.blog-categorias .blog-cat{text-decoration:none;cursor:pointer;display:inline-block}
.blog-categorias .blog-cat.is-active{background:var(--orange);border-color:var(--orange);color:var(--white-pure)}

/* tarjetas */
.simbas-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:.5rem}
.simbas-post-card{background:var(--white-pure);border:1px solid var(--cream-dark);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.simbas-post-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.09)}
.simbas-post-thumb{display:block;aspect-ratio:3/2;background:#e9e4de center/cover no-repeat}
.simbas-post-body{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.simbas-post-meta{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid)}
.simbas-post-meta span,.simbas-post-meta a{color:var(--orange);text-decoration:none}
.simbas-post-title{font-size:1.25rem;font-weight:600;line-height:1.25;color:var(--ink)}
.simbas-post-title a{color:inherit;text-decoration:none}
.simbas-post-title a:hover{color:var(--orange)}
.simbas-post-excerpt{font-size:.88rem;line-height:1.65;color:var(--ink-mid);font-weight:300}
.simbas-post-more{margin-top:auto;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);text-decoration:none}
.simbas-post-more:hover{text-decoration:underline}

/* paginación */
.simbas-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:3.5rem 0 0}
.simbas-pagination a,.simbas-pagination span{min-width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cream-dark);color:var(--ink);text-decoration:none;font-size:.85rem;padding:0 .7rem}
.simbas-pagination a:hover{border-color:var(--orange);color:var(--orange)}
.simbas-pagination .is-current{background:var(--orange);border-color:var(--orange);color:var(--white-pure)}

/* artículo / página */
#page-blog .simbas-article{max-width:820px;padding-top:3.5rem}
.simbas-article .simbas-post-meta{margin-bottom:1.6rem}
.simbas-content{font-size:1.04rem;line-height:1.85;color:var(--ink);font-weight:300}
.simbas-content>*+*{margin-top:1.35rem}
.simbas-content h2{font-size:1.9rem;font-weight:600;line-height:1.2;margin-top:2.6rem}
.simbas-content h3{font-size:1.4rem;font-weight:600;line-height:1.25;margin-top:2.1rem}
.simbas-content h4{font-size:1.12rem;font-weight:600;margin-top:1.8rem}
.simbas-content a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.simbas-content ul,.simbas-content ol{padding-left:1.5rem}
.simbas-content li+li{margin-top:.4rem}
.simbas-content img,.simbas-content video,.simbas-content iframe{max-width:100%;height:auto}
.simbas-content figure{margin-left:0;margin-right:0}
.simbas-content figcaption{font-size:.8rem;color:var(--ink-mid);margin-top:.6rem}
.simbas-content blockquote{border-left:3px solid var(--orange);padding:.3rem 0 .3rem 1.4rem;font-size:1.15rem;color:var(--ink)}
.simbas-content table{width:100%;border-collapse:collapse;font-size:.92rem}
.simbas-content th,.simbas-content td{border:1px solid var(--cream-dark);padding:.6rem .8rem;text-align:left}
.simbas-content .alignwide,.simbas-content .alignfull{max-width:100%}
.simbas-content .aligncenter{margin-left:auto;margin-right:auto}
.simbas-article-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-top:3.5rem;padding:1.8rem 2rem;background:#F5F3F0;border:1px solid var(--cream-dark)}
.simbas-article-cta div{display:flex;flex-direction:column;gap:.3rem;max-width:46ch}
.simbas-article-cta span{font-size:.9rem;color:var(--ink-mid);font-weight:300}
.simbas-back{margin-top:2rem}
.simbas-back a{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);text-decoration:none}
.simbas-back a:hover{color:var(--orange)}

@media(max-width:1000px){.simbas-post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  #page-blog .blog-section{padding:3.5rem 1.5rem 3rem}
  .simbas-post-grid{grid-template-columns:1fr}
  .simbas-article-cta{padding:1.4rem}
}