/* Talestin Blog Guides v16 — estilos locales; no modifica la homepage ni el CRM. */
.seo-article-body .guide-code{overflow:hidden;border:1px solid #d5e1eb;border-radius:15px;margin:18px 0 22px;background:#0f1d2e;box-shadow:0 14px 30px rgba(8,23,40,.055)}
.guide-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #344357;color:#c0cddd;font-size:.78rem;font-weight:700;letter-spacing:.035em}
.guide-copy{border:1px solid #52667b;background:#263e52;border-radius:7px;padding:6px 11px;font:inherit;font-size:.78rem;font-weight:700;color:#e5f6e0;cursor:pointer}
.guide-copy:hover,.guide-copy:focus-visible{background:#34556b;outline-offset:3px}
.seo-article-body .guide-code pre{border:0;margin:0;background:transparent;color:#eff8ee;padding:20px 18px;overflow-x:auto;white-space:pre;line-height:1.65;font-size:.84rem;tab-size:2}
.seo-article-body .guide-code pre code{font-size:inherit;color:inherit;background:transparent;padding:0;white-space:pre;border:none;border-radius:0}
.seo-article-body .guide-note{border:1px solid #d8e7db;border-left:4px solid #70ac65;padding:18px 22px;margin:20px 0;border-radius:12px;background:#f5fbf1}
.seo-article-body .guide-note p{margin:.35rem 0 0}
.seo-article-body .guide-note-warn{border-color:#e9dac5;border-left-color:#c79345;background:#fffaf2}
.seo-article-body .guide-mistake{padding:15px 20px;margin:12px 0;background:#f7f9fb;border:1px solid #e4e9ef;border-radius:12px}
.seo-article-body .guide-mistake p{margin:.3em 0 0}
.seo-article-body .guide-small{font-size:.84rem;color:#62758b}
.seo-article-body .guide-tool{background:linear-gradient(150deg,#edf8e7,#fff);border:1px solid #d1e9cb;padding:22px;border-radius:19px;margin:24px 0 28px;box-shadow:0 14px 30px rgba(18,52,43,.035)}
.guide-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-tool label{display:block;font-size:.88rem;font-weight:750;color:#1c3147;margin:0 0 15px}
.guide-tool input,.guide-tool textarea{display:block;border:1px solid #bdcfd4;background:#fff;border-radius:9px;width:100%;padding:12px;margin:7px 0 0;color:#172b3d;font-family:inherit;font-size:16px;max-width:100%}
.guide-tool textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;min-height:82px;resize:vertical;line-height:1.6}
.guide-tool input:focus-visible,.guide-tool textarea:focus-visible{outline:3px solid #92d779;outline-offset:2px}
.guide-tool-btn{border:0;border-radius:10px;background:#122a3e;color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}
.guide-tool-btn:focus-visible{outline:3px solid #80bb58;outline-offset:3px}
.seo-article-body .guide-tool-message{margin:10px 0 15px;font-size:.82rem;color:#517065}
.guide-tool-test{display:inline-flex;padding:5px 0;font-weight:750}
.guide-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.guide-score-grid div{background:#f0f7ed;border:1px solid #d8ebd1;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}
.guide-score-grid b{font-size:1.3rem;color:#163c2e}.guide-score-grid small{font-size:.76rem;color:#657a6d}
.guide-related{border-top:1px solid #e2eaf0;padding:25px 0 8px;margin:26px 0 20px}.guide-related h3{margin:10px 0 15px}
.guide-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.guide-related-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce7e3;background:#f7faf8;border-radius:11px;padding:13px 14px;font-size:.85rem;font-weight:750;text-decoration:none}
.guide-related-grid a:hover{border-color:#7cae72}
.guide-blog-card .seo-blog-cover{min-height:160px}
.guide-blog-card .guide-cover{background:linear-gradient(125deg,#142941,#203d4c);color:#a8ee70}
.guide-blog-card .guide-cover-mark{font-size:clamp(2.2rem,4vw,3.8rem);font-weight:850;letter-spacing:-.06em;color:#b8f486;display:flex;align-items:center;justify-content:center;min-height:98px}
.guide-blog-card .guide-cover-subir-imagen-wordpress{background:linear-gradient(125deg,#15334a,#236a72)}
.guide-blog-card .guide-cover-boton-whatsapp-web{background:linear-gradient(125deg,#124736,#24705b)}
.guide-blog-card .guide-cover-selectores-css{background:linear-gradient(125deg,#1b3150,#3b4d79)}
.guide-blog-card .guide-cover-crear-tema-hijo-wordpress{background:linear-gradient(125deg,#244066,#356c85)}
@media(max-width:760px){.guide-tool-grid,.guide-related-grid{grid-template-columns:1fr}.guide-score-grid{gap:7px}.guide-score-grid div{padding:11px}.seo-article-body .guide-tool{padding:15px}.seo-article-body .guide-code pre{font-size:.77rem}}