/* Pixambas v76 — estilos aislados para tutoriales SEO. No afecta a los editores. */
:root{color-scheme:light dark;--guide-bg:#f5f6ff;--guide-card:#fff;--guide-text:#1b1b35;--guide-muted:#62647b;--guide-line:#e2e3f1;--guide-accent:#6556da;--guide-accent-soft:#eceaff;--guide-shadow:0 18px 55px rgba(43,38,91,.08)}
@media(prefers-color-scheme:dark){:root{--guide-bg:#10101d;--guide-card:#19192a;--guide-text:#f3f2ff;--guide-muted:#bbb9d0;--guide-line:#303047;--guide-accent:#b3aaff;--guide-accent-soft:#292543;--guide-shadow:0 18px 55px rgba(0,0,0,.22)}}
*{box-sizing:border-box}body.guide-page{margin:0;background:radial-gradient(900px 420px at 10% 0%,rgba(134,121,255,.14),transparent 62%),var(--guide-bg);color:var(--guide-text);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.guide-page a{color:var(--guide-accent);text-decoration:none}body.guide-page a:hover{text-decoration:underline}body.guide-page .guide-top{max-width:1100px;margin:auto;padding:22px clamp(16px,4vw,36px) 10px;display:flex;justify-content:space-between;align-items:center;gap:14px}body.guide-page .brand{color:var(--guide-text);font-weight:950;letter-spacing:.09em;font-size:14px}body.guide-page .top-links{display:flex;flex-wrap:wrap;gap:8px}body.guide-page .top-links a{font-size:13px;font-weight:700;padding:8px 12px;border:1px solid var(--guide-line);border-radius:999px;background:var(--guide-card)}body.guide-page .guide-shell{width:min(940px,calc(100% - 32px));margin:22px auto 56px}body.guide-page .breadcrumbs{font-size:13px;color:var(--guide-muted);margin:0 0 14px}body.guide-page .article-hero{position:relative;overflow:hidden;padding:clamp(24px,6vw,58px);border-radius:28px;background:linear-gradient(135deg,#191541 0%,#393078 54%,#633b95 100%);color:white;box-shadow:var(--guide-shadow)}body.guide-page .article-hero:after{content:"";position:absolute;right:-75px;top:-115px;width:290px;height:290px;border:1px solid rgba(255,255,255,.18);border-radius:35%;transform:rotate(24deg);box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}body.guide-page .article-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#b9eaff;font-weight:850}body.guide-page .article-hero h1{position:relative;z-index:1;max-width:760px;font-size:clamp(30px,5vw,48px);line-height:1.13;letter-spacing:-.045em;margin:14px 0 18px;text-wrap:balance}body.guide-page .article-hero .lead{position:relative;z-index:1;max-width:740px;font-size:clamp(16px,2.1vw,19px);line-height:1.7;color:#f1efff;margin:0}body.guide-page .article-meta{font-size:12px;color:#cbc8f5;margin-top:22px}body.guide-page .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;margin-top:24px;align-items:start}body.guide-page article.guide-article{min-width:0;padding:clamp(20px,4vw,38px);background:var(--guide-card);border:1px solid var(--guide-line);border-radius:23px;box-shadow:var(--guide-shadow)}body.guide-page article h2{font-size:clamp(21px,3vw,27px);line-height:1.25;letter-spacing:-.025em;margin:32px 0 10px}body.guide-page article h2:first-child{margin-top:0}body.guide-page article p{margin:0 0 16px;color:var(--guide-muted)}body.guide-page article strong{color:var(--guide-text)}body.guide-page .article-tip{border-left:4px solid var(--guide-accent);padding:15px 17px;margin:22px 0;background:var(--guide-accent-soft);border-radius:0 14px 14px 0;color:var(--guide-text)}body.guide-page .contents{position:sticky;top:16px;padding:17px;background:var(--guide-card);border:1px solid var(--guide-line);border-radius:18px}body.guide-page .contents b{font-size:13px;display:block;margin-bottom:10px}body.guide-page .contents a{display:block;font-size:12px;line-height:1.45;padding:6px 0;color:var(--guide-muted)}body.guide-page .exercise{padding:20px;border-radius:18px;background:linear-gradient(130deg,var(--guide-accent-soft),transparent);border:1px solid var(--guide-line);margin-top:24px}body.guide-page .exercise h2{margin:0 0 8px}body.guide-page .article-cta{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 8px}body.guide-page .article-cta a{display:inline-flex;justify-content:center;align-items:center;padding:11px 16px;border-radius:12px;background:var(--guide-accent);color:white;font-weight:800;font-size:14px}body.guide-page .article-cta a.secondary{background:var(--guide-accent-soft);color:var(--guide-text);border:1px solid var(--guide-line)}body.guide-page .related{border-top:1px solid var(--guide-line);padding-top:25px;margin-top:30px}body.guide-page .related h2{margin-top:0}body.guide-page .related ul{padding-left:19px}body.guide-page .related li{margin:8px 0}body.guide-page footer{width:min(940px,calc(100% - 32px));margin:0 auto 30px;padding:18px 0;color:var(--guide-muted);font-size:12px;border-top:1px solid var(--guide-line)}
@media(max-width:760px){body.guide-page .guide-top{align-items:flex-start;flex-direction:column;padding-top:16px}body.guide-page .guide-shell{margin-top:12px;width:min(100% - 20px,940px)}body.guide-page .article-layout{grid-template-columns:1fr}body.guide-page .contents{position:static;order:-1}body.guide-page .contents .contents-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}body.guide-page .article-hero{border-radius:22px;padding:25px 20px}body.guide-page article.guide-article{padding:21px 17px;border-radius:20px}body.guide-page .article-hero h1{font-size:clamp(29px,9vw,38px)}}