/* Componentes editoriales: exclusivamente dentro del cuerpo de un artículo/editor. */
.blog-post-content .blog-grid{display:grid;gap:1.25rem;margin:1.5rem 0;align-items:stretch;min-width:0}
.blog-post-content .blog-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-post-content .blog-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-post-content .blog-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.blog-post-content .blog-card{min-width:0;padding:1.5rem;border:1px solid #ddd9d2;border-radius:14px;background:#f4f4f2;overflow-wrap:anywhere}
.blog-post-content .blog-card>:first-child{margin-top:0}
.blog-post-content .blog-card>:last-child{margin-bottom:0}
.blog-post-content .blog-card h3{font-size:1.18rem;line-height:1.4}
.blog-post-content .blog-steps{counter-reset:blog-step;list-style:none;padding:0}
.blog-post-content .blog-steps>li{counter-increment:blog-step;list-style:none;margin:0}
.blog-post-content .blog-steps>li::before{content:counter(blog-step,decimal-leading-zero);display:inline-grid;place-items:center;min-width:2.5rem;height:2.5rem;margin-bottom:1rem;border-radius:9px;background:#333;color:white;font-weight:700}
.blog-post-content .blog-step-number{display:inline-block;font-size:1.5rem;font-weight:700}
.blog-post-content .blog-benefits{padding:0;list-style:none}
.blog-post-content .blog-benefits>li{list-style:none}
.blog-post-content .blog-compare{padding:1.5rem;border:1px solid #ccc;border-radius:14px;background:#fff}
.blog-post-content .blog-notice{padding:1.5rem;margin:1.5rem 0;border-left:5px solid #444;border-radius:8px;background:#f1f1ef}
.blog-post-content .blog-cta{padding:1.5rem;margin:1.5rem 0;background:#f4f1ed;border:1px solid #d5cfc8;border-radius:14px}
.blog-post-content a.blog-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.1rem;border-radius:7px;background:#bb171e;color:white;text-decoration:underline;font-weight:700;max-width:100%;box-sizing:border-box}
.blog-post-content a.blog-button:hover{background:#901218}
.blog-post-content a.blog-button:focus-visible{outline:3px solid #111;outline-offset:3px}
.blog-post-content .blog-photo{margin:2rem auto;max-width:760px}
.blog-post-content .blog-photo-wide{max-width:100%}
.blog-post-content .blog-photo img{display:block;width:100%;height:auto;border-radius:10px}
.blog-post-content .blog-caption,.blog-post-content .blog-photo figcaption{margin-top:.65rem;font-size:.9rem;color:#555;line-height:1.6}
@media(max-width:1000px){.blog-post-content .blog-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-post-content .blog-grid-2,.blog-post-content .blog-grid-3,.blog-post-content .blog-grid-4{grid-template-columns:minmax(0,1fr)}.blog-post-content .blog-card{padding:1.2rem}}