/* Multiplica · Diseño IA · V3.1. Cabecera clara; sólo para el artículo detectado por PHP. */ html body.is-diseno-ia-article { background:#fff; color:#46585A; --mv-dia-admin-top:0px; } html body.is-diseno-ia-article.admin-bar { --mv-dia-admin-top:32px; } @media(max-width:782px){html body.is-diseno-ia-article.admin-bar{--mv-dia-admin-top:46px;}} html body.is-diseno-ia-article #page, html body.is-diseno-ia-article #primary, html body.is-diseno-ia-article .c-custom-single__content, html body.is-diseno-ia-article .c-custom-single__content > article, html body.is-diseno-ia-article .c-custom-single__body { display:block; width:100%;max-width:none;min-width:0; margin:0;padding:0;float:none;left:auto;right:auto;transform:none; } /* La estructura la resuelve PHP; estas reglas no extraen el bloque de una columna. */ html body.is-diseno-ia-article #mv-articulo-diseno-ia { display:block;position:relative;left:auto;right:auto; width:100%;max-width:100%;min-width:0;margin:0;padding:0; transform:none;float:none;isolation:auto; } #mv-articulo-diseno-ia *, #mv-articulo-diseno-ia *::before, #mv-articulo-diseno-ia *::after{box-sizing:border-box;} #mv-articulo-diseno-ia :where(p,ul,ol,li,blockquote,cite,b,strong,a,button,input,span,small){ font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:normal; } #mv-articulo-diseno-ia :where(p,ul,ol,li,blockquote,cite){margin:0;padding:0;} #mv-articulo-diseno-ia :where(b,strong){font-weight:600;} #mv-articulo-diseno-ia :where(ul,ol){list-style:revert;} #mv-articulo-diseno-ia :where(ul li,ol li){padding:0;font-size:inherit;} #mv-articulo-diseno-ia ul li::before{content:none;display:none;} #mv-articulo-diseno-ia ul li *{margin-left:0;} #mv-articulo-diseno-ia :where(blockquote,cite){position:static;left:auto;display:block;max-width:100%;} #mv-articulo-diseno-ia :where(img,svg){padding:0;margin:0;height:auto;} #mv-articulo-diseno-ia :where(a){border:0;padding:0;text-transform:none;text-decoration:none;} #mv-articulo-diseno-ia :where(button,input){appearance:none;box-shadow:none;} #mv-articulo-diseno-ia h1, #mv-articulo-diseno-ia h2, #mv-articulo-diseno-ia h3, #mv-articulo-diseno-ia h4{text-shadow:none;text-wrap:wrap;text-transform:none;} #mv-articulo-diseno-ia{ --green:#1BDEA6; --teal:#0B4D58; --deep:#0B4D58; --paper:#FFFFFF; --cream:#FFFFFF; --mint:#E4F8F1; --ink:#0B4D58; --body:#46585A; --muted:#6B7A7C; --line:#D5E2DE; --on-dark:#0B4D58; --on-dark-body:#46585A; --dark-line:#D5E2DE; --serif:"DM Serif Display", Georgia, "Times New Roman", serif; --sans:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif; --nav-h:64px; box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); color-scheme:light; } #mv-articulo-diseno-ia *, #mv-articulo-diseno-ia *::before, #mv-articulo-diseno-ia *::after{box-sizing:border-box} #mv-articulo-diseno-ia [hidden]{display:none!important} #mv-articulo-diseno-ia{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px))} #mv-articulo-diseno-ia{margin:0;background:var(--paper);color:var(--body);font-family:var(--sans);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased} #mv-articulo-diseno-ia img, #mv-articulo-diseno-ia svg{max-width:100%} #mv-articulo-diseno-ia button{font:inherit;color:inherit} #mv-articulo-diseno-ia a{color:inherit} #mv-articulo-diseno-ia :focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px} #mv-articulo-diseno-ia h1, #mv-articulo-diseno-ia h2, #mv-articulo-diseno-ia h3, #mv-articulo-diseno-ia h4{font-family:var(--serif);font-weight:400;color:var(--ink);margin:0;letter-spacing:-.005em} #mv-articulo-diseno-ia h2{font-size:clamp(32px,4.6vw,56px);line-height:1.08} #mv-articulo-diseno-ia h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2} #mv-articulo-diseno-ia p{margin:0 0 16px} #mv-articulo-diseno-ia em.mv-dia-k{font-style:italic;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-s-light em.mv-dia-k{color:#0B4D58} /* ---------- nav ---------- */ #mv-articulo-diseno-ia .mv-dia-nav{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top,0px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-nav-in{height:var(--nav-h);display:flex;align-items:center;gap:24px;padding:0 24px;max-width:1440px;margin:0 auto} #mv-articulo-diseno-ia .mv-dia-nav .mv-dia-logo{color:#0B4D58;display:flex;flex-shrink:0} #mv-articulo-diseno-ia .mv-dia-chapters{display:flex;gap:4px;margin:0 auto;list-style:none;padding:0} #mv-articulo-diseno-ia .mv-dia-chapters a{display:block;text-decoration:none;font-size:14px;padding:6px 12px;border-radius:999px;color:var(--on-dark-body);transition:background .25s,color .25s} #mv-articulo-diseno-ia .mv-dia-chapters a:hover{color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-chapters a[aria-current="true"]{background:var(--green);color:#0B4D58;font-weight:600} #mv-articulo-diseno-ia .mv-dia-gloss-btn{flex-shrink:0;background:none;border:1px solid var(--dark-line);color:var(--on-dark);border-radius:999px;padding:6px 16px;font-size:14px;cursor:pointer} #mv-articulo-diseno-ia .mv-dia-gloss-btn:hover{border-color:var(--green)} #mv-articulo-diseno-ia .mv-dia-progress{position:absolute;left:0;bottom:0;height:2px;background:var(--green);width:0;transition:width .1s linear} @media (max-width:860px){#mv-articulo-diseno-ia .mv-dia-chapters a{padding:6px 8px;font-size:13px}#mv-articulo-diseno-ia .mv-dia-nav .mv-dia-logo svg{width:96px;height:32px}} @media (max-width:640px){#mv-articulo-diseno-ia .mv-dia-chapters .mv-dia-opt{display:none}#mv-articulo-diseno-ia .mv-dia-nav-in{gap:8px;padding:0 12px}#mv-articulo-diseno-ia .mv-dia-gloss-btn{padding:6px 10px;font-size:13px}} /* ---------- sections ---------- */ #mv-articulo-diseno-ia section{position:relative;padding:clamp(80px,12vh,140px) 24px} #mv-articulo-diseno-ia .mv-dia-wrap{max-width:1120px;margin:0 auto} #mv-articulo-diseno-ia .mv-dia-narrow{max-width:760px} #mv-articulo-diseno-ia .mv-dia-s-light{background:var(--paper)} #mv-articulo-diseno-ia .mv-dia-s-cream{background:var(--cream)} #mv-articulo-diseno-ia .mv-dia-s-dark{background:#FFFFFF;color:var(--on-dark-body)} #mv-articulo-diseno-ia .mv-dia-s-dark h1, #mv-articulo-diseno-ia .mv-dia-s-dark h2, #mv-articulo-diseno-ia .mv-dia-s-dark h3, #mv-articulo-diseno-ia .mv-dia-s-dark h4{color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-marker{font-size:15px;color:var(--muted);margin-bottom:24px;display:flex;gap:12px;align-items:center} #mv-articulo-diseno-ia .mv-dia-marker b{font-weight:600;color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-s-dark .mv-dia-marker{color:var(--on-dark-body)} #mv-articulo-diseno-ia .mv-dia-s-dark .mv-dia-marker b{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-s-dark em.mv-dia-k{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-s-dark .mv-dia-btn{color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-article-main>section+section{border-top:1px solid var(--line)} #mv-articulo-diseno-ia .mv-dia-article-main>.mv-dia-cap, #mv-articulo-diseno-ia .mv-dia-article-main>.mv-dia-cap+section{border-top:0} #mv-articulo-diseno-ia .mv-dia-marker::before{content:"";width:28px;height:2px;background:var(--green)} #mv-articulo-diseno-ia .mv-dia-lead{font-size:clamp(19px,1.8vw,22px);line-height:1.5;max-width:46ch} #mv-articulo-diseno-ia .mv-dia-stack-xl>*+*{margin-top:48px} #mv-articulo-diseno-ia .mv-dia-sub{margin-top:clamp(72px,10vh,112px)} /* term links */ #mv-articulo-diseno-ia .mv-dia-term{display:inline;text-align:inherit;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-bottom:1.5px dashed var(--green);line-height:inherit} #mv-articulo-diseno-ia .mv-dia-term:hover{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-s-light .mv-dia-term:hover{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-term::after{content:"";display:inline-block;width:.42em;height:.42em;border-radius:50%;border:1.5px solid var(--green);margin-left:.25em;vertical-align:.35em} #mv-articulo-diseno-ia .mv-dia-btn{text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--green);background:transparent;color:inherit;border-radius:999px;padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,color .2s} #mv-articulo-diseno-ia .mv-dia-btn:hover{background:var(--green);color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-btn.mv-dia-solid{background:var(--green);color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-btn.mv-dia-solid:hover{background:transparent;color:inherit} #mv-articulo-diseno-ia .mv-dia-s-light .mv-dia-btn, #mv-articulo-diseno-ia .mv-dia-s-cream .mv-dia-btn{color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-hint{font-size:14px;color:var(--muted)} #mv-articulo-diseno-ia .mv-dia-s-dark .mv-dia-hint{color:var(--on-dark-body);opacity:.85} /* ---------- 0 hero ---------- */ #mv-articulo-diseno-ia #mv-dia-intro{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--nav-h) + 64px);overflow:hidden} #mv-articulo-diseno-ia .mv-dia-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center} #mv-articulo-diseno-ia .mv-dia-hero h1{font-size:clamp(48px,7.6vw,104px);line-height:.98;color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-hero h1 span{display:block;font-style:italic;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-hero .mv-dia-lead{color:var(--on-dark);margin-top:32px} #mv-articulo-diseno-ia .mv-dia-hero .mv-dia-meta{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;font-size:15px} #mv-articulo-diseno-ia .mv-dia-bug{position:relative;aspect-ratio:1;display:grid;place-items:center} #mv-articulo-diseno-ia .mv-dia-bug svg{width:100%;height:auto;overflow:visible} #mv-articulo-diseno-ia .mv-dia-bug.mv-dia-gifbug{aspect-ratio:auto;display:block;text-align:center} #mv-articulo-diseno-ia .mv-dia-bug.mv-dia-gifbug img{display:block;width:100%;height:auto} #mv-articulo-diseno-ia .mv-dia-kafka-btn{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);background:none;border:0;border-bottom:1.5px dashed var(--green);padding:2px 0;font-size:14px;color:var(--on-dark-body);cursor:pointer;white-space:nowrap} #mv-articulo-diseno-ia .mv-dia-kafka-btn:hover, #mv-articulo-diseno-ia .mv-dia-kafka-btn[aria-expanded="true"]{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-kafka-layer{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92vw);background:#FFFFFF;border:1.5px solid var(--green);border-radius:24px;padding:32px 32px 28px;animation:mv-dia-kin .4s ease;text-align:left} @keyframes mv-dia-kin{from{opacity:0}to{opacity:1}} #mv-articulo-diseno-ia .mv-dia-kafka-layer blockquote{margin:0 24px 0 0;font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.3;color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-kafka-layer .mv-dia-kafka-src{margin:8px 0 20px;font-size:13px;color:var(--on-dark-body)} #mv-articulo-diseno-ia .mv-dia-kafka-layer p{font-size:15px;line-height:1.55;margin:0 0 12px} #mv-articulo-diseno-ia .mv-dia-kafka-layer .mv-dia-kafka-end{margin:16px 0 0;font-family:var(--serif);font-size:20px;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-kafka-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:none;border:1.5px solid var(--dark-line);color:var(--on-dark);cursor:pointer;font-size:18px;line-height:1} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-kafka-btn{position:static;transform:none;margin-top:4px}#mv-articulo-diseno-ia .mv-dia-bug{display:flex;flex-direction:column;align-items:center;aspect-ratio:auto}#mv-articulo-diseno-ia .mv-dia-kafka-layer{position:relative;transform:none;margin-top:16px;width:100%;padding:28px 22px 24px;animation:none}} #mv-articulo-diseno-ia .mv-dia-bug .mv-dia-rays line{stroke:var(--green);stroke-width:1.2;opacity:.45} #mv-articulo-diseno-ia .mv-dia-epigraph{margin-top:clamp(72px,10vh,112px);display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;border-top:1px solid var(--dark-line);padding-top:40px} #mv-articulo-diseno-ia .mv-dia-epigraph blockquote{margin:0;font-family:var(--serif);font-size:clamp(28px,3.4vw,44px);line-height:1.15;color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-epigraph blockquote i{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-epigraph p{max-width:52ch;font-size:16px} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-hero{grid-template-columns:1fr}#mv-articulo-diseno-ia .mv-dia-bug{max-width:260px;margin:0 auto;order:-1}#mv-articulo-diseno-ia .mv-dia-bug.mv-dia-gifbug{max-width:420px}#mv-articulo-diseno-ia .mv-dia-epigraph{grid-template-columns:1fr}} /* ---------- 1 liminalidad ---------- */ #mv-articulo-diseno-ia .mv-dia-rite{margin-top:56px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch} #mv-articulo-diseno-ia .mv-dia-phase{border:1.5px solid var(--line);border-radius:24px;padding:32px;transition:border-color .35s,background .35s,opacity .35s;opacity:.45} #mv-articulo-diseno-ia .mv-dia-phase.mv-dia-on{opacity:1;border-color:var(--green);background:var(--mint)} #mv-articulo-diseno-ia .mv-dia-phase small{display:block;font-size:14px;color:var(--muted);margin-bottom:8px} #mv-articulo-diseno-ia .mv-dia-phase h3{margin-bottom:24px} #mv-articulo-diseno-ia .mv-dia-phase p{margin:0;font-size:16px} #mv-articulo-diseno-ia .mv-dia-limen{width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:.45;transition:opacity .35s} #mv-articulo-diseno-ia .mv-dia-limen.mv-dia-on{opacity:1} #mv-articulo-diseno-ia .mv-dia-limen .mv-dia-q{width:150px;height:150px;border-radius:50%;border:2px solid var(--green);display:grid;place-items:center;font-family:var(--serif);font-size:84px;color:#0B4D58;transition:transform .5s} #mv-articulo-diseno-ia .mv-dia-limen.mv-dia-on .mv-dia-q{transform:scale(1.06)} #mv-articulo-diseno-ia .mv-dia-limen span{font-weight:600;color:var(--ink);font-size:15px} #mv-articulo-diseno-ia .mv-dia-rite-ctrl{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px;align-items:center} #mv-articulo-diseno-ia .mv-dia-rite-text{margin-top:24px;min-height:84px;max-width:62ch;font-size:17px} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-rite{grid-template-columns:1fr}#mv-articulo-diseno-ia .mv-dia-limen{width:auto;flex-direction:row}#mv-articulo-diseno-ia .mv-dia-limen .mv-dia-q{width:84px;height:84px;font-size:48px}} /* ---------- 2 secuencia ---------- */ #mv-articulo-diseno-ia .mv-dia-seq-head{position:relative;display:inline-block} #mv-articulo-diseno-ia .mv-dia-sticker{position:absolute;right:-12px;top:-28px;background:var(--green);color:#0B4D58;font-family:var(--sans);font-weight:600;font-size:clamp(16px,1.8vw,22px);padding:8px 20px;transform:rotate(-8deg) scale(.6);opacity:0;transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .3s;pointer-events:none;white-space:nowrap} #mv-articulo-diseno-ia .mv-dia-sticker.mv-dia-show{transform:rotate(-8deg) scale(1);opacity:1} #mv-articulo-diseno-ia .mv-dia-seq-svg{margin-top:48px;width:100%;height:auto;display:block} #mv-articulo-diseno-ia .mv-dia-seq-svg .mv-dia-node{transition:transform .9s cubic-bezier(.65,0,.35,1)} #mv-articulo-diseno-ia .mv-dia-seq-svg .mv-dia-node circle{fill:var(--green)} #mv-articulo-diseno-ia .mv-dia-seq-svg .mv-dia-node text{fill:var(--on-dark);font-family:var(--sans);font-size:15px;text-anchor:middle} #mv-articulo-diseno-ia .mv-dia-seq-svg .mv-dia-pill{fill:#FFFFFF;stroke:var(--green);stroke-width:1.2;transition:opacity .4s} #mv-articulo-diseno-ia .mv-dia-seq-svg .mv-dia-lin{stroke:var(--green);stroke-width:2;transition:opacity .4s} #mv-articulo-diseno-ia .mv-dia-seq-svg .mv-dia-net line{stroke:var(--green);stroke-width:1;opacity:.75} #mv-articulo-diseno-ia .mv-dia-seq-svg .mv-dia-net{transition:opacity .6s .6s} #mv-articulo-diseno-ia .mv-dia-seq-svg.mv-dia-network .mv-dia-net{opacity:1} #mv-articulo-diseno-ia .mv-dia-seq-svg:not(.mv-dia-network) .mv-dia-net{opacity:0;transition-delay:0s} #mv-articulo-diseno-ia .mv-dia-seq-svg.mv-dia-network .mv-dia-lin, #mv-articulo-diseno-ia .mv-dia-seq-svg.mv-dia-network .mv-dia-pill{opacity:0} #mv-articulo-diseno-ia .mv-dia-seq-caption{margin-top:24px;min-height:56px;font-size:17px;max-width:60ch} #mv-articulo-diseno-ia .mv-dia-toggle{display:inline-flex;border:1.5px solid var(--green);border-radius:999px;padding:3px} #mv-articulo-diseno-ia .mv-dia-toggle button{background:none;border:0;border-radius:999px;padding:8px 18px;cursor:pointer;font-weight:600;font-size:15px} #mv-articulo-diseno-ia .mv-dia-toggle button[aria-pressed="true"]{background:var(--green);color:#0B4D58} /* ---------- 3 compresión ---------- */ #mv-articulo-diseno-ia .mv-dia-lane{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;margin-top:32px} #mv-articulo-diseno-ia .mv-dia-lane b{font-size:14px;color:var(--muted);font-weight:600} #mv-articulo-diseno-ia .mv-dia-track{display:flex;gap:6px;height:48px} #mv-articulo-diseno-ia .mv-dia-seg{border-radius:999px;background:#A6EBD6;color:#0B4D58;display:grid;place-items:center;font-weight:600;font-size:15px;transition:flex-grow .9s cubic-bezier(.65,0,.35,1),opacity .5s;min-width:0;overflow:hidden;white-space:nowrap;flex-basis:0} #mv-articulo-diseno-ia .mv-dia-seg.mv-dia-prod{background:#0B4D58;color:#F7FAF5} #mv-articulo-diseno-ia .mv-dia-now .mv-dia-seg{opacity:.25} #mv-articulo-diseno-ia .mv-dia-now.mv-dia-go .mv-dia-seg{opacity:1} #mv-articulo-diseno-ia .mv-dia-comp-note{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px} #mv-articulo-diseno-ia .mv-dia-comp-note .mv-dia-box{border-left:2px solid var(--green);padding-left:24px} #mv-articulo-diseno-ia .mv-dia-comp-note h4{font-size:22px;margin-bottom:8px} @media (max-width:720px){#mv-articulo-diseno-ia .mv-dia-lane{grid-template-columns:1fr;gap:8px}#mv-articulo-diseno-ia .mv-dia-seg{font-size:12px}#mv-articulo-diseno-ia .mv-dia-comp-note{grid-template-columns:1fr}} /* ---------- 4 producir ---------- */ #mv-articulo-diseno-ia .mv-dia-prod-grid{margin-top:56px;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center} #mv-articulo-diseno-ia .mv-dia-bars h4{font-family:var(--sans);font-weight:600;font-size:17px;margin:0 0 16px} #mv-articulo-diseno-ia .mv-dia-bars .mv-dia-grp+.mv-dia-grp{margin-top:40px} #mv-articulo-diseno-ia .mv-dia-bar{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin-top:12px} #mv-articulo-diseno-ia .mv-dia-bar span{font-size:15px;color:var(--muted)} #mv-articulo-diseno-ia .mv-dia-bar .mv-dia-rail{height:22px;background:var(--line);border-radius:4px;position:relative} #mv-articulo-diseno-ia .mv-dia-bar .mv-dia-fill{height:100%;width:0;border-radius:4px;background:var(--muted);transition:width 1.2s cubic-bezier(.2,.8,.2,1)} #mv-articulo-diseno-ia .mv-dia-bar.mv-dia-y26 .mv-dia-fill{background:var(--green)} #mv-articulo-diseno-ia .mv-dia-bar .mv-dia-val{position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--w) + 10px);font-family:var(--serif);font-size:24px;color:var(--ink);opacity:0;transition:opacity .4s 1s} #mv-articulo-diseno-ia .mv-dia-bars.mv-dia-in .mv-dia-val{opacity:1} #mv-articulo-diseno-ia .mv-dia-src{margin-top:24px;font-size:14px;color:var(--muted)} #mv-articulo-diseno-ia .mv-dia-callout{background:var(--mint);border-radius:24px;padding:40px;border:1.5px solid var(--green)} #mv-articulo-diseno-ia .mv-dia-callout p{font-family:var(--serif);font-size:clamp(28px,3vw,38px);line-height:1.15;color:var(--ink);margin:0} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-prod-grid{grid-template-columns:1fr}#mv-articulo-diseno-ia .mv-dia-bar{grid-template-columns:92px 1fr}} /* ---------- 5 valor ---------- */ #mv-articulo-diseno-ia .mv-dia-question h2{font-size:clamp(36px,5.4vw,68px)} #mv-articulo-diseno-ia .mv-dia-question .mv-dia-pre{line-height:1.3;font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);color:#0B4D58;margin-bottom:24px;max-width:36ch} #mv-articulo-diseno-ia .mv-dia-three-intro{margin-top:40px;max-width:60ch} #mv-articulo-diseno-ia .mv-dia-trio-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px} #mv-articulo-diseno-ia .mv-dia-idea{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center} #mv-articulo-diseno-ia .mv-dia-idea .mv-dia-n{font-family:var(--serif);color:#0B4D58;font-size:20px;display:block;margin-bottom:12px} @media (max-width:860px){#mv-articulo-diseno-ia .mv-dia-idea{grid-template-columns:1fr;gap:32px}} #mv-articulo-diseno-ia .mv-dia-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(6px,1.2vw,14px);max-width:440px;margin-left:auto} #mv-articulo-diseno-ia .mv-dia-dot{aspect-ratio:1;border-radius:50%;background:#2E7D7A;border:0;padding:0;cursor:pointer;transform:scale(var(--s,1));transition:transform .2s,background .3s,opacity .4s} #mv-articulo-diseno-ia .mv-dia-dot:hover{transform:scale(calc(var(--s,1) * 1.3));background:var(--green)} #mv-articulo-diseno-ia .mv-dia-dots.mv-dia-chosen .mv-dia-dot{opacity:.25} #mv-articulo-diseno-ia .mv-dia-dots.mv-dia-chosen .mv-dia-dot.mv-dia-pick{opacity:1;background:var(--deep);outline:3px solid var(--green);outline-offset:3px;transform:scale(1.15)} #mv-articulo-diseno-ia .mv-dia-pick-msg{min-height:56px;font-size:17px;color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-slope{width:100%;height:auto;overflow:visible} #mv-articulo-diseno-ia .mv-dia-slope .mv-dia-tri{transform-origin:40px 300px;transition:transform .8s cubic-bezier(.65,0,.35,1)} #mv-articulo-diseno-ia .mv-dia-slope polygon{fill:rgba(27,222,166,.28);stroke:var(--green);stroke-width:1.5} #mv-articulo-diseno-ia .mv-dia-slope .mv-dia-ball{fill:var(--green)} #mv-articulo-diseno-ia .mv-dia-ball-g{transform:translate(0,0)} #mv-articulo-diseno-ia .mv-dia-ball-g.mv-dia-slip{animation:mv-dia-slip 1.6s cubic-bezier(.45,0,.55,1)} @keyframes mv-dia-slip{0%{transform:translate(0,0)}45%{transform:translate(230px,-120px)}60%{transform:translate(230px,-120px)}100%{transform:translate(0,0)}} #mv-articulo-diseno-ia .mv-dia-slope-list{list-style:none;padding:0;margin:24px 0} #mv-articulo-diseno-ia .mv-dia-slope-list li{padding:12px 0;border-top:1px solid var(--dark-line);opacity:.35;transition:opacity .4s} #mv-articulo-diseno-ia .mv-dia-slope-list li.mv-dia-on{opacity:1} #mv-articulo-diseno-ia .mv-dia-slope-list li b{color:#0B4D58;font-weight:600} #mv-articulo-diseno-ia .mv-dia-wheel{position:relative;width:min(420px,100%);aspect-ratio:1;margin-left:auto} #mv-articulo-diseno-ia .mv-dia-wheel .mv-dia-ring{position:absolute;inset:12%;border-radius:50%;border:1px solid var(--dark-line)} #mv-articulo-diseno-ia .mv-dia-wheel .mv-dia-core{position:absolute;inset:32%;border-radius:50%;border:2px solid var(--green);display:grid;place-items:center;text-align:center;padding:12px;font-family:var(--serif);font-size:clamp(18px,2.4vw,26px);color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-verb{position:absolute;transform:translate(-50%,-50%);background:#FFFFFF;border:1.5px solid var(--dark-line);border-radius:999px;padding:6px 14px;font-weight:600;font-size:15px;cursor:pointer;color:var(--on-dark);white-space:nowrap;transition:border-color .2s,background .2s,color .2s} #mv-articulo-diseno-ia .mv-dia-verb:hover, #mv-articulo-diseno-ia .mv-dia-verb[aria-pressed="true"]{border-color:var(--green);background:var(--green);color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-verb-desc{min-height:84px;margin-top:24px;font-size:17px;color:var(--on-dark)} @media (max-width:480px){#mv-articulo-diseno-ia .mv-dia-verb{font-size:13px;padding:4px 10px}} /* ---------- 6 bien hecho ---------- */ #mv-articulo-diseno-ia .mv-dia-contrast{margin-top:48px;display:grid;gap:0;border-top:1px solid var(--line)} #mv-articulo-diseno-ia .mv-dia-contrast div{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(22px,2.6vw,32px);color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-contrast div span:first-child{color:var(--muted)} #mv-articulo-diseno-ia .mv-dia-contrast div i{font-style:normal;font-family:var(--sans);font-size:18px;color:var(--muted)} #mv-articulo-diseno-ia .mv-dia-formula{margin-top:40px;font-family:var(--serif);font-style:italic;font-size:clamp(26px,3vw,36px);color:#E4572E} @media (max-width:640px){#mv-articulo-diseno-ia .mv-dia-contrast div{grid-template-columns:1fr;gap:4px}#mv-articulo-diseno-ia .mv-dia-contrast div i{display:none}} /* ---------- 7 pierde/gana ---------- */ #mv-articulo-diseno-ia .mv-dia-flips{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px} #mv-articulo-diseno-ia .mv-dia-flip{display:block;width:100%;perspective:1200px;background:none;border:0;padding:0;cursor:pointer;text-align:left;min-height:188px} #mv-articulo-diseno-ia .mv-dia-flip-in{position:relative;width:100%;height:100%;min-height:188px;transition:transform .7s cubic-bezier(.65,0,.35,1);transform-style:preserve-3d} #mv-articulo-diseno-ia .mv-dia-flip[aria-pressed="true"] .mv-dia-flip-in{transform:rotateY(180deg)} #mv-articulo-diseno-ia .mv-dia-face{position:absolute;inset:0;border-radius:16px;padding:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between} #mv-articulo-diseno-ia .mv-dia-face small{font-size:14px;font-weight:600} #mv-articulo-diseno-ia .mv-dia-face p{margin:0;font-family:var(--serif);font-size:22px;line-height:1.2} #mv-articulo-diseno-ia .mv-dia-face .mv-dia-turn{font-size:14px;opacity:.75} #mv-articulo-diseno-ia .mv-dia-front{background:var(--paper);border:1.5px solid #E4572E;color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-front small{color:#C2451F} #mv-articulo-diseno-ia .mv-dia-back{background:var(--green);color:var(--on-dark);transform:rotateY(180deg);border:1.5px solid var(--green)} #mv-articulo-diseno-ia .mv-dia-back small{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-newone{border:1.5px dashed var(--green);border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:188px;background:var(--mint)} #mv-articulo-diseno-ia .mv-dia-newone small{font-size:14px;font-weight:600;color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-newone p{margin:0;font-family:var(--serif);font-size:22px;line-height:1.2;color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-flip-ctrl{margin-top:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center} @media (prefers-reduced-motion:reduce){#mv-articulo-diseno-ia .mv-dia-flip-in{transition:none}} /* ---------- 8 horizontes ---------- */ #mv-articulo-diseno-ia #mv-dia-horizontes{background:var(--cream)} #mv-articulo-diseno-ia .mv-dia-hz{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);position:relative} #mv-articulo-diseno-ia .mv-dia-hz a{display:block;text-decoration:none;padding:32px 24px 32px 0;position:relative;color:var(--ink);transition:padding .25s} #mv-articulo-diseno-ia .mv-dia-hz a::before{content:"";position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;background:var(--green);border:2px solid var(--ink)} #mv-articulo-diseno-ia .mv-dia-hz a:hover{padding-left:12px} #mv-articulo-diseno-ia .mv-dia-hz .mv-dia-when{font-size:15px;font-weight:600} #mv-articulo-diseno-ia .mv-dia-hz h3{color:var(--ink);margin:12px 0} #mv-articulo-diseno-ia .mv-dia-hz p{margin:0;font-size:17px} #mv-articulo-diseno-ia .mv-dia-hz .mv-dia-go{display:inline-block;margin-top:20px;font-weight:600;border-bottom:2px solid var(--ink)} @media (max-width:760px){#mv-articulo-diseno-ia .mv-dia-hz{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--ink)}#mv-articulo-diseno-ia .mv-dia-hz a{padding:24px 0 24px 28px}#mv-articulo-diseno-ia .mv-dia-hz a::before{top:30px;left:-9px}} /* chapter opener */ #mv-articulo-diseno-ia .mv-dia-opener{min-height:72vh;display:flex;align-items:center} #mv-articulo-diseno-ia .mv-dia-opener .mv-dia-num{font-family:var(--serif);font-size:clamp(80px,14vw,180px);line-height:.9;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-opener h2{font-size:clamp(40px,6vw,80px)} #mv-articulo-diseno-ia .mv-dia-opener .mv-dia-lead{color:var(--on-dark)} /* ---------- H2 modos ---------- */ #mv-articulo-diseno-ia .mv-dia-modes{margin-top:40px} #mv-articulo-diseno-ia .mv-dia-mode-tabs{display:flex;flex-wrap:wrap;gap:8px} #mv-articulo-diseno-ia .mv-dia-mode-tabs button{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:8px 18px;cursor:pointer;color:var(--ink);font-weight:600;font-size:15px} #mv-articulo-diseno-ia .mv-dia-mode-tabs button[aria-selected="true"]{border-color:var(--green);background:var(--green);color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-stage{margin-top:32px;border:1.5px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,48px);background:var(--paper)} #mv-articulo-diseno-ia .mv-dia-stage[hidden]{display:none} #mv-articulo-diseno-ia .mv-dia-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px} #mv-articulo-diseno-ia .mv-dia-chip{border-radius:12px;padding:12px 18px;font-weight:600;font-size:15px;border:1.5px solid var(--line);background:var(--cream);color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-chip.mv-dia-act{border-radius:999px;background:var(--green);border-color:var(--green);color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-chip.mv-dia-ok{border-color:var(--green)} #mv-articulo-diseno-ia .mv-dia-chip.mv-dia-ghost{opacity:.4;border-style:dashed} #mv-articulo-diseno-ia .mv-dia-chip.mv-dia-who{background:transparent;border:0;padding:0;font-size:28px} #mv-articulo-diseno-ia .mv-dia-arrow{color:#0B4D58;font-weight:600} #mv-articulo-diseno-ia .mv-dia-utter{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);color:var(--ink);margin:0 0 24px} #mv-articulo-diseno-ia .mv-dia-stage .mv-dia-desc{margin-top:24px;font-size:17px;max-width:62ch} #mv-articulo-diseno-ia .mv-dia-agency-map{display:grid;grid-template-columns:repeat(5,1fr);gap:12px} #mv-articulo-diseno-ia .mv-dia-agency-map div{border:1.5px solid var(--green);border-radius:16px;padding:16px;text-align:center;font-weight:600;color:var(--ink);background:var(--mint);font-size:15px} @media (max-width:640px){#mv-articulo-diseno-ia .mv-dia-agency-map{grid-template-columns:1fr 1fr}} #mv-articulo-diseno-ia .mv-dia-expand{margin-top:48px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center} #mv-articulo-diseno-ia .mv-dia-screen{width:220px;border:1.5px solid var(--line);border-radius:16px;padding:20px;background:var(--paper)} #mv-articulo-diseno-ia .mv-dia-screen b{display:block;font-size:14px;color:var(--muted);margin-bottom:12px} #mv-articulo-diseno-ia .mv-dia-screen ul{margin:0;padding:0;list-style:none;font-family:var(--serif);font-size:20px;color:var(--ink);line-height:1.5} #mv-articulo-diseno-ia .mv-dia-attrs{display:flex;flex-wrap:wrap;gap:10px} #mv-articulo-diseno-ia .mv-dia-attr{background:transparent;cursor:pointer;border:1.5px solid var(--green);border-radius:999px;padding:8px 16px;font-weight:600;color:var(--ink);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s,transform .4s,visibility .4s,background .2s} #mv-articulo-diseno-ia .mv-dia-attrs.mv-dia-open .mv-dia-attr{opacity:1;visibility:visible;transform:none} #mv-articulo-diseno-ia .mv-dia-attr:hover, #mv-articulo-diseno-ia .mv-dia-attr[aria-pressed="true"]{background:var(--green);color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-attr-out{margin-top:20px;min-height:92px;border-radius:16px;padding:20px 24px;background:var(--paper);border:1.5px dashed var(--line);font-size:17px;color:var(--body);transition:border-color .3s} #mv-articulo-diseno-ia .mv-dia-attr-out.mv-dia-on{border:1.5px solid var(--green);background:var(--mint)} #mv-articulo-diseno-ia .mv-dia-attr-out b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;color:var(--ink);margin-bottom:4px} @media (max-width:640px){#mv-articulo-diseno-ia .mv-dia-expand{grid-template-columns:1fr}} #mv-articulo-diseno-ia .mv-dia-shift{margin-top:56px;display:grid;grid-template-columns:1fr;max-width:820px;gap:24px;align-items:stretch} #mv-articulo-diseno-ia .mv-dia-shift .mv-dia-from{border:1.5px solid var(--line);border-radius:16px;padding:24px;background:var(--paper)} #mv-articulo-diseno-ia .mv-dia-shift .mv-dia-to{border:1.5px solid var(--green);border-radius:24px;padding:32px;background:var(--mint)} #mv-articulo-diseno-ia .mv-dia-shift small{font-size:14px;font-weight:600;color:var(--muted);display:block;margin-bottom:8px} #mv-articulo-diseno-ia .mv-dia-shift .mv-dia-to p{font-family:var(--serif);font-size:clamp(22px,2.4vw,28px);line-height:1.25;color:var(--ink);margin:0} #mv-articulo-diseno-ia .mv-dia-shift .mv-dia-chev{align-self:center;color:#0B4D58;font-size:40px;font-family:var(--serif)} @media (max-width:760px){#mv-articulo-diseno-ia .mv-dia-shift{grid-template-columns:1fr}#mv-articulo-diseno-ia .mv-dia-shift .mv-dia-chev{transform:rotate(90deg);justify-self:center}} #mv-articulo-diseno-ia .mv-dia-chain{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative} #mv-articulo-diseno-ia .mv-dia-link{border:1.5px solid var(--dark-line);border-radius:16px;padding:24px;text-align:center;transition:border-color .3s,background .3s,transform .3s} #mv-articulo-diseno-ia .mv-dia-link h4{font-size:24px;margin-bottom:8px} #mv-articulo-diseno-ia .mv-dia-link p{margin:0;font-size:15px} #mv-articulo-diseno-ia .mv-dia-link.mv-dia-lit{border-color:var(--green);background:rgba(27,222,166,.14);transform:translateY(-4px)} #mv-articulo-diseno-ia .mv-dia-back-loop{margin-top:20px;text-align:center;font-style:italic;color:#0B4D58;opacity:.25;transition:opacity .4s} #mv-articulo-diseno-ia .mv-dia-back-loop.mv-dia-lit{opacity:1} @media (max-width:760px){#mv-articulo-diseno-ia .mv-dia-chain{grid-template-columns:1fr 1fr}} #mv-articulo-diseno-ia .mv-dia-zero{margin-top:72px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start} #mv-articulo-diseno-ia .mv-dia-zero blockquote{margin:0;font-family:var(--serif);font-size:clamp(28px,3.2vw,40px);line-height:1.15;color:var(--on-dark)} @media (max-width:760px){#mv-articulo-diseno-ia .mv-dia-zero{grid-template-columns:1fr}} #mv-articulo-diseno-ia .mv-dia-net-q{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} #mv-articulo-diseno-ia .mv-dia-net-svg{width:100%;max-width:420px;height:auto;margin:0 auto;display:block} #mv-articulo-diseno-ia .mv-dia-net-svg line{stroke:var(--ink);stroke-width:1.4;opacity:.6} #mv-articulo-diseno-ia .mv-dia-net-svg circle{fill:var(--paper);stroke:var(--green);stroke-width:2.5} #mv-articulo-diseno-ia .mv-dia-net-svg .mv-dia-hum{fill:var(--mint)} #mv-articulo-diseno-ia .mv-dia-net-svg text{font-family:var(--serif);font-size:15px;fill:var(--ink);text-anchor:middle} @media (max-width:760px){#mv-articulo-diseno-ia .mv-dia-net-q{grid-template-columns:1fr}} #mv-articulo-diseno-ia .mv-dia-scales{margin-top:56px;display:grid;gap:12px} #mv-articulo-diseno-ia .mv-dia-scale{border:1.5px solid var(--green);border-radius:16px;padding:20px 28px;background:var(--mint)} #mv-articulo-diseno-ia .mv-dia-scale:nth-child(1){width:52%}#mv-articulo-diseno-ia .mv-dia-scale:nth-child(2){width:74%}#mv-articulo-diseno-ia .mv-dia-scale:nth-child(3){width:100%;background:#0B4D58;border-color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-scale:nth-child(3) h4, #mv-articulo-diseno-ia .mv-dia-scale:nth-child(3) p{color:#F7FAF5} #mv-articulo-diseno-ia .mv-dia-scale h4{font-family:var(--sans);font-weight:600;font-size:19px;margin-bottom:4px} #mv-articulo-diseno-ia .mv-dia-scale p{margin:0;font-size:16px} @media (max-width:760px){#mv-articulo-diseno-ia .mv-dia-scale:nth-child(n){width:100%}} /* ---------- H3 ---------- */ #mv-articulo-diseno-ia .mv-dia-age{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px;align-items:center} #mv-articulo-diseno-ia .mv-dia-age label{font-size:17px;color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-age input{width:110px;background:transparent;border:0;border-bottom:2px solid var(--green);color:var(--on-dark);font-family:var(--serif);font-size:40px;padding:4px 0;text-align:center} #mv-articulo-diseno-ia .mv-dia-age input::-webkit-inner-spin-button{opacity:.4} #mv-articulo-diseno-ia .mv-dia-year{margin-top:40px;font-family:var(--serif);font-size:clamp(64px,12vw,160px);line-height:.9;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-age-out{margin-top:24px;min-height:60px;font-size:clamp(20px,2vw,24px);color:var(--on-dark);max-width:44ch} #mv-articulo-diseno-ia .mv-dia-vars{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #mv-articulo-diseno-ia .mv-dia-var{border:1.5px solid var(--line);border-radius:16px;padding:24px;background:var(--paper)} #mv-articulo-diseno-ia .mv-dia-var h4{font-size:24px;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--green);display:inline-block} #mv-articulo-diseno-ia .mv-dia-var p{margin:0;font-size:16px} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-vars{grid-template-columns:1fr 1fr}} @media (max-width:520px){#mv-articulo-diseno-ia .mv-dia-vars{grid-template-columns:1fr}} #mv-articulo-diseno-ia .mv-dia-hri{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} #mv-articulo-diseno-ia .mv-dia-hri .mv-dia-not{display:inline-block;font-weight:600;color:#0B4D58;margin-bottom:16px;font-size:16px} #mv-articulo-diseno-ia .mv-dia-hri .mv-dia-card{border:1.5px solid var(--green);border-radius:24px;padding:40px;background:rgba(27,222,166,.08)} #mv-articulo-diseno-ia .mv-dia-hri .mv-dia-card p{font-family:var(--serif);font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:var(--on-dark);margin:0} #mv-articulo-diseno-ia .mv-dia-hri .mv-dia-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} #mv-articulo-diseno-ia .mv-dia-hri .mv-dia-tags span{border:1.5px solid var(--dark-line);border-radius:999px;padding:6px 14px;font-weight:600;color:var(--on-dark);font-size:15px} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-hri{grid-template-columns:1fr}} #mv-articulo-diseno-ia .mv-dia-units{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch} #mv-articulo-diseno-ia .mv-dia-unit{border-radius:24px;padding:28px;border:1.5px solid var(--line);background:var(--paper)} #mv-articulo-diseno-ia .mv-dia-unit small{font-size:14px;color:var(--muted);font-weight:600} #mv-articulo-diseno-ia .mv-dia-unit h3{margin:8px 0 16px} #mv-articulo-diseno-ia .mv-dia-unit p{font-size:15px;margin:0} #mv-articulo-diseno-ia .mv-dia-unit.mv-dia-mid{border-color:var(--green)} #mv-articulo-diseno-ia .mv-dia-unit.mv-dia-last{background:var(--green);border-color:var(--green)} #mv-articulo-diseno-ia .mv-dia-unit.mv-dia-last h3, #mv-articulo-diseno-ia .mv-dia-unit.mv-dia-last p{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-unit.mv-dia-last small{color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-agency-box{margin-top:16px;border:1.5px dashed var(--green);border-radius:24px;padding:32px;background:var(--mint)} #mv-articulo-diseno-ia .mv-dia-agency-box h4{font-family:var(--sans);font-weight:600;font-size:16px;color:var(--ink);margin-bottom:8px} #mv-articulo-diseno-ia .mv-dia-agency-box p{margin:0;font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);line-height:1.3;color:var(--ink)} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-units{grid-template-columns:1fr}} /* ---------- cierre ---------- */ #mv-articulo-diseno-ia .mv-dia-switch-wrap{margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:20px} #mv-articulo-diseno-ia .mv-dia-decide{font-family:var(--serif);font-size:48px;color:#0B4D58;line-height:1} #mv-articulo-diseno-ia .mv-dia-decide-line{width:2px;height:40px;background:var(--green)} #mv-articulo-diseno-ia .mv-dia-sw-row{display:flex;align-items:center;gap:24px;font-family:var(--serif);font-size:24px;color:var(--on-dark-body)} #mv-articulo-diseno-ia .mv-dia-sw{width:220px;height:96px;border-radius:999px;border:1.5px solid var(--line);background:#E8EFED;position:relative;cursor:pointer;transition:background .4s} #mv-articulo-diseno-ia .mv-dia-sw::after{content:"";position:absolute;top:8px;left:8px;width:80px;height:80px;border-radius:50%;background:#FFFFFF;box-sizing:border-box;border:1.5px solid #C7D6D2;transition:transform .45s cubic-bezier(.65,0,.35,1)} #mv-articulo-diseno-ia .mv-dia-sw[aria-checked="true"]{background:var(--green)} #mv-articulo-diseno-ia .mv-dia-sw[aria-checked="true"]::after{transform:translateX(124px)} #mv-articulo-diseno-ia .mv-dia-sw .mv-dia-lbl{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:26px;color:#0B4D58;right:32px;transition:opacity .3s} #mv-articulo-diseno-ia .mv-dia-sw[aria-checked="true"] .mv-dia-lbl{left:32px;right:auto;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-sw-out{min-height:64px;text-align:center;font-size:19px;color:var(--on-dark);max-width:48ch} #mv-articulo-diseno-ia .mv-dia-compass{margin-top:clamp(96px,14vh,160px)} #mv-articulo-diseno-ia .mv-dia-compass .mv-dia-pre{font-family:var(--serif);font-size:clamp(26px,3vw,38px);line-height:1.2;color:var(--on-dark-body);max-width:28ch} #mv-articulo-diseno-ia .mv-dia-compass .mv-dia-pre small{display:block;font-family:var(--sans);font-size:17px;margin-top:12px;color:var(--on-dark-body)} #mv-articulo-diseno-ia .mv-dia-compass .mv-dia-post{margin-top:40px;font-family:var(--serif);font-size:clamp(30px,3.8vw,48px);line-height:1.12;color:var(--on-dark);max-width:26ch;opacity:.15;transition:opacity 1s} #mv-articulo-diseno-ia .mv-dia-compass .mv-dia-post.mv-dia-in{opacity:1} #mv-articulo-diseno-ia .mv-dia-finale{margin-top:clamp(96px,14vh,160px);display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;border-top:1px solid var(--dark-line);padding-top:72px} #mv-articulo-diseno-ia .mv-dia-finale h2{font-size:clamp(34px,4.4vw,58px);line-height:1.08} #mv-articulo-diseno-ia .mv-dia-finale .mv-dia-bug{max-width:300px;margin-left:auto} @media (max-width:820px){#mv-articulo-diseno-ia .mv-dia-finale{grid-template-columns:1fr}#mv-articulo-diseno-ia .mv-dia-finale .mv-dia-bug{margin:0 auto;max-width:220px}} #mv-articulo-diseno-ia .mv-dia-sign{margin-top:72px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between} #mv-articulo-diseno-ia .mv-dia-sign .mv-dia-who{display:flex;gap:16px;align-items:center} #mv-articulo-diseno-ia .mv-dia-sign .mv-dia-ini{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--green);display:grid;place-items:center;font-family:var(--serif);font-size:22px;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-sign b{display:block;color:var(--on-dark);font-weight:600;font-size:17px} #mv-articulo-diseno-ia .mv-dia-sign span{font-size:15px} /* fuentes */ #mv-articulo-diseno-ia #mv-dia-fuentes h2{font-size:clamp(28px,3vw,40px)} #mv-articulo-diseno-ia .mv-dia-src-cols{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px} #mv-articulo-diseno-ia .mv-dia-src-cols h4{font-family:var(--sans);font-weight:600;font-size:16px;margin-bottom:12px} #mv-articulo-diseno-ia .mv-dia-src-cols ol{margin:0;padding-left:20px;font-size:15px;line-height:1.55} #mv-articulo-diseno-ia .mv-dia-src-cols li{margin-bottom:10px} #mv-articulo-diseno-ia .mv-dia-src-cols a{color:var(--ink);text-decoration-color:var(--green);text-underline-offset:3px} @media (max-width:860px){#mv-articulo-diseno-ia .mv-dia-src-cols{grid-template-columns:1fr}} #mv-articulo-diseno-ia footer{background:#FFFFFF;border-top:1px solid var(--line);color:var(--on-dark-body);padding:40px 24px calc(40px + env(safe-area-inset-bottom,0px))} #mv-articulo-diseno-ia footer .mv-dia-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;font-size:14px} #mv-articulo-diseno-ia footer .mv-dia-logo{color:#0B4D58} /* ---------- cabeceras de capítulo ---------- */ #mv-articulo-diseno-ia .mv-dia-cap{background:var(--green);color:#0B4D58;min-height:86vh;min-height:86svh;display:flex;align-items:center;overflow:hidden} #mv-articulo-diseno-ia .mv-dia-cap::after{content:"";position:absolute;width:80vmin;height:80vmin;border:2px solid rgba(11,77,88,.16);border-radius:50%;right:-18vmin;bottom:-34vmin;pointer-events:none} #mv-articulo-diseno-ia .mv-dia-cap::before{content:"";position:absolute;width:44vmin;height:44vmin;border:2px solid rgba(11,77,88,.1);border-radius:50%;right:6vmin;top:-20vmin;pointer-events:none} #mv-articulo-diseno-ia .mv-dia-cap .mv-dia-wrap{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,80px);align-items:center;width:100%} #mv-articulo-diseno-ia .mv-dia-cap .mv-dia-big{font-family:var(--serif);font-size:clamp(150px,24vw,320px);line-height:.78;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-cap .mv-dia-big svg{width:clamp(130px,20vw,270px);height:auto;display:block} #mv-articulo-diseno-ia .mv-dia-cap .mv-dia-kick{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:15px;font-weight:600;color:#0B4D58;margin-bottom:20px} #mv-articulo-diseno-ia .mv-dia-cap .mv-dia-kick span{font-weight:400;padding-left:14px;border-left:1.5px solid rgba(11,77,88,.4)} #mv-articulo-diseno-ia .mv-dia-cap h2{color:#0B4D58;font-size:clamp(44px,6.6vw,92px);line-height:1} #mv-articulo-diseno-ia .mv-dia-cap h2 em{font-style:italic;color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-cap .mv-dia-lead{color:#0B4D58;margin-top:24px;max-width:44ch} #mv-articulo-diseno-ia .mv-dia-cap .mv-dia-lead b{font-weight:600} #mv-articulo-diseno-ia .mv-dia-rail{list-style:none;padding:0;margin:48px 0 0;display:flex;max-width:560px} #mv-articulo-diseno-ia .mv-dia-rail li{flex:1;position:relative;padding-top:18px;border-top:2px solid rgba(11,77,88,.35);font-size:14px;color:rgba(11,77,88,.7)} #mv-articulo-diseno-ia .mv-dia-rail li::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--green);border:2px solid #0B4D58} #mv-articulo-diseno-ia .mv-dia-rail li.mv-dia-done::before{background:#0B4D58} #mv-articulo-diseno-ia .mv-dia-rail li.mv-dia-now{color:#0B4D58;font-weight:600;border-top-color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-rail li.mv-dia-now::before{background:#0B4D58;box-shadow:0 0 0 5px rgba(11,77,88,.18)} #mv-articulo-diseno-ia .mv-dia-rail a{color:inherit;text-decoration:none} @media (max-width:760px){#mv-articulo-diseno-ia .mv-dia-cap .mv-dia-wrap{grid-template-columns:1fr;gap:8px}#mv-articulo-diseno-ia .mv-dia-cap .mv-dia-big{font-size:120px}#mv-articulo-diseno-ia .mv-dia-rail li{font-size:12px}} #mv-articulo-diseno-ia #mv-dia-valor{border-top:1px solid var(--dark-line)} /* ---------- tres ideas ---------- */ #mv-articulo-diseno-ia .mv-dia-ideas{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #mv-articulo-diseno-ia .mv-dia-icard{border:1.5px solid var(--dark-line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,background .3s} #mv-articulo-diseno-ia .mv-dia-icard.mv-dia-open{border-color:var(--green);background:rgba(27,222,166,.08)} #mv-articulo-diseno-ia .mv-dia-icard .mv-dia-n{font-family:var(--serif);color:#0B4D58;font-size:18px} #mv-articulo-diseno-ia .mv-dia-icard h3{font-size:clamp(24px,2.4vw,30px);color:var(--on-dark)} #mv-articulo-diseno-ia .mv-dia-icard p{margin:0;font-size:16px;flex:1} #mv-articulo-diseno-ia .mv-dia-icard .mv-dia-btn{align-self:flex-start;margin-top:8px;font-size:15px;padding:8px 16px} #mv-articulo-diseno-ia .mv-dia-icard .mv-dia-btn[aria-expanded="true"]{background:var(--green);color:#0B4D58} #mv-articulo-diseno-ia .mv-dia-ipanel{margin-top:24px;border:1.5px solid var(--green);border-radius:24px;padding:clamp(24px,4vw,48px);position:relative;animation:mv-dia-pin .45s ease} @keyframes mv-dia-pin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} #mv-articulo-diseno-ia .mv-dia-ipanel .mv-dia-close-p{position:absolute;top:16px;right:16px;background:none;border:1.5px solid var(--dark-line);border-radius:50%;width:40px;height:40px;color:var(--on-dark);cursor:pointer;font-size:20px;line-height:1} @media (max-width:860px){#mv-articulo-diseno-ia .mv-dia-ideas{grid-template-columns:1fr}} /* ---------- cierre: órbitas y CTA ---------- */ #mv-articulo-diseno-ia .mv-dia-orbits .mv-dia-spin{transform-origin:150px 150px;animation:mv-dia-spin 22s linear infinite} #mv-articulo-diseno-ia .mv-dia-orbits .mv-dia-rev{animation-duration:30s;animation-direction:reverse} #mv-articulo-diseno-ia .mv-dia-orbits .mv-dia-slow{animation-duration:14s} @keyframes mv-dia-spin{to{transform:rotate(360deg)}} #mv-articulo-diseno-ia .mv-dia-cta{margin-top:40px;padding-top:32px;border-top:1px solid var(--dark-line);display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center} #mv-articulo-diseno-ia .mv-dia-cta-t{margin:0;font-family:var(--serif);font-size:clamp(20px,2vw,24px);line-height:1.3;color:var(--on-dark)} /* ---------- drawer ---------- */ #mv-articulo-diseno-ia .mv-dia-scrim{position:fixed;inset:0;background:rgba(8,38,44,.5);z-index:50;opacity:0;pointer-events:none;transition:opacity .3s} #mv-articulo-diseno-ia .mv-dia-scrim.mv-dia-open{opacity:1;pointer-events:auto} #mv-articulo-diseno-ia .mv-dia-drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--paper);color:var(--body);z-index:60;transform:translateX(105%);transition:transform .4s cubic-bezier(.65,0,.35,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);border-left:2px solid var(--green)} #mv-articulo-diseno-ia .mv-dia-drawer.mv-dia-open{transform:none} #mv-articulo-diseno-ia .mv-dia-drawer header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--line)} #mv-articulo-diseno-ia .mv-dia-drawer header span{font-weight:600;color:var(--ink);font-size:15px} #mv-articulo-diseno-ia .mv-dia-close{background:none;border:1.5px solid var(--line);border-radius:50%;width:40px;height:40px;cursor:pointer;color:var(--ink);font-size:20px;line-height:1} #mv-articulo-diseno-ia .mv-dia-drawer .mv-dia-body{overflow-y:auto;padding:32px 28px 40px;flex:1} #mv-articulo-diseno-ia .mv-dia-drawer h3{font-size:36px;margin-bottom:8px} #mv-articulo-diseno-ia .mv-dia-drawer .mv-dia-alt{font-size:15px;color:var(--muted);margin-bottom:24px} #mv-articulo-diseno-ia .mv-dia-drawer .mv-dia-def{font-size:18px;color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-drawer .mv-dia-here{margin-top:24px;padding:20px;border-radius:16px;background:var(--mint)} #mv-articulo-diseno-ia .mv-dia-drawer .mv-dia-here b{display:block;font-size:14px;color:var(--ink);margin-bottom:6px} #mv-articulo-diseno-ia .mv-dia-drawer .mv-dia-here p{margin:0;font-size:16px} #mv-articulo-diseno-ia .mv-dia-drawer .mv-dia-go-sec{margin-top:20px} #mv-articulo-diseno-ia .mv-dia-gl-list{list-style:none;padding:0;margin:0} #mv-articulo-diseno-ia .mv-dia-gl-list li{border-bottom:1px solid var(--line)} #mv-articulo-diseno-ia .mv-dia-gl-list button{width:100%;text-align:left;background:none;border:0;padding:16px 0;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:baseline} #mv-articulo-diseno-ia .mv-dia-gl-list button b{font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink)} #mv-articulo-diseno-ia .mv-dia-gl-list button span{font-size:14px;color:var(--muted);text-align:right} #mv-articulo-diseno-ia .mv-dia-back-all{background:none;border:0;padding:0;margin-top:32px;cursor:pointer;color:var(--ink);font-weight:600;border-bottom:1.5px solid var(--green)} @media (prefers-reduced-motion:reduce){ #mv-articulo-diseno-ia *, #mv-articulo-diseno-ia *::before, #mv-articulo-diseno-ia *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important} } /* ---------- autora ---------- */ #mv-articulo-diseno-ia .mv-dia-author{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,5vw,64px);align-items:center} #mv-articulo-diseno-ia .mv-dia-author img{width:clamp(150px,18vw,220px);height:auto;display:block} #mv-articulo-diseno-ia .mv-dia-author-name{font-size:clamp(36px,4.2vw,56px)} #mv-articulo-diseno-ia .mv-dia-author-role{font-size:19px;color:var(--ink);margin:8px 0 0} #mv-articulo-diseno-ia #mv-dia-autora .mv-dia-cta{margin-top:56px} #mv-articulo-diseno-ia .mv-dia-author-cta{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center} #mv-articulo-diseno-ia .mv-dia-src-link{margin:48px 0 0;font-size:14px;color:var(--muted)} #mv-articulo-diseno-ia .mv-dia-src-link a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px} #mv-articulo-diseno-ia .mv-dia-src-link a:hover{color:var(--ink);text-decoration-color:var(--green)} @media (max-width:640px){#mv-articulo-diseno-ia .mv-dia-author{grid-template-columns:1fr;justify-items:start}} /* Contenido: ancho natural completo; margen interno simétrico, no 100vw/-50vw. */ #mv-articulo-diseno-ia{--nav-h:94px; padding:0;} #mv-articulo-diseno-ia .mv-dia-article-main{display:block;width:100%;max-width:none;margin:0;padding:0;} #mv-articulo-diseno-ia .mv-dia-article-main>section{width:100%;max-width:none;min-width:0;margin:0;float:none;scroll-margin-top:calc(106px + var(--mv-dia-admin-top,0px));} #mv-articulo-diseno-ia .mv-dia-wrap{width:100%;max-width:1120px;min-width:0;margin:0 auto;padding:0;} #mv-articulo-diseno-ia .mv-dia-narrow{max-width:760px;} #mv-articulo-diseno-ia .mv-dia-marker{flex-wrap:wrap;gap:8px 12px;} #mv-articulo-diseno-ia .mv-dia-marker::before{flex:0 0 28px;} #mv-articulo-diseno-ia .mv-dia-marker b{white-space:nowrap;flex:0 0 auto;font-size:15px;} #mv-articulo-diseno-ia #mv-dia-intro{min-height:0;height:auto;padding:clamp(56px,6vw,96px) 24px clamp(72px,9vw,130px);display:block;overflow:visible;} #mv-articulo-diseno-ia #mv-dia-intro .mv-dia-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;min-width:0;} #mv-articulo-diseno-ia #mv-dia-intro .mv-dia-hero>div{min-width:0;} #mv-articulo-diseno-ia #mv-dia-intro h1{font-size:clamp(48px,7.6vw,104px);line-height:.98;max-width:none;text-wrap:wrap;} #mv-articulo-diseno-ia #mv-dia-intro .mv-dia-bug{width:100%;min-width:0;margin:0;} #mv-articulo-diseno-ia #mv-dia-intro .mv-dia-bug img{display:block;width:100%;max-width:100%;height:auto;} #mv-articulo-diseno-ia .mv-dia-hero .mv-dia-meta{font-family:var(--sans);font-size:15px;white-space:normal;text-transform:none;} #mv-articulo-diseno-ia .mv-dia-hero .mv-dia-meta .mv-dia-hint{flex-basis:100%;} #mv-articulo-diseno-ia .mv-dia-conceptos-inline{appearance:none;border:0;border-bottom:1.5px dashed var(--green);background:transparent;padding:0 2px;margin:0;font:600 14px/1.5 var(--sans);color:var(--ink);cursor:pointer;} #mv-articulo-diseno-ia .mv-dia-author img{padding:0;width:clamp(150px,18vw,220px);height:auto;object-fit:contain;} /* Resets de tipografía del tema que no pertenecen al artículo. */ #mv-articulo-diseno-ia a:hover{color:inherit;} #mv-articulo-diseno-ia p a{border:0;padding:0;background:none;text-decoration:underline;text-decoration-color:var(--green);} #mv-articulo-diseno-ia .mv-dia-src-cols ol{list-style:decimal;} #mv-articulo-diseno-ia .mv-dia-flips{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));} #mv-articulo-diseno-ia .mv-dia-verb{max-width:80%;} #mv-articulo-diseno-ia .mv-dia-stage{min-width:0;} #mv-articulo-diseno-ia .mv-dia-bar .mv-dia-rail{display:block;margin:0;padding:0;border:0;} #mv-articulo-diseno-ia .mv-dia-ipanel{min-width:0;} #mv-articulo-diseno-ia .mv-dia-sw-row{flex-wrap:wrap;justify-content:center;gap:12px 24px;} #mv-articulo-diseno-ia .mv-dia-sw{flex-shrink:0;} #mv-articulo-diseno-ia .mv-dia-btn:focus-visible, #mv-articulo-diseno-ia .mv-dia-conceptos-inline:focus-visible{outline:2px solid var(--teal);outline-offset:4px;} /* Franja superior con regreso; no se reutiliza el hero nativo vacío. */ #mv-articulo-diseno-ia .mv-dia-masthead{display:flex;align-items:flex-end;min-height:252px;padding:136px 24px 40px;background:#fff;color:#0B4D58;} #mv-articulo-diseno-ia .mv-dia-back-link{display:inline-flex;align-items:center;gap:10px;color:#0B4D58;font:400 22px/1.2 'Source Sans 3',sans-serif;text-decoration:none;} #mv-articulo-diseno-ia .mv-dia-back-link svg{display:block;width:24px;height:24px;flex:none;transform:rotate(180deg);fill:currentColor;} #mv-articulo-diseno-ia .mv-dia-back-link:hover{color:#0B4D58;text-decoration:underline;text-underline-offset:4px;} /* Cabecera real de WordPress: no añade otro logo ni otro botón al HTML. */ html body.is-diseno-ia-article #masthead.c-header{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:var(--mv-dia-admin-top,0px)!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:94px!important;min-height:0!important;margin:0!important;padding:0!important;z-index:99980!important;background:#fff!important;transform:none!important;} html body.is-diseno-ia-article #masthead .c-header__navigation{position:relative!important;top:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:94px!important;padding:16px 24px!important;background:transparent!important;box-shadow:none!important;} html body.is-diseno-ia-article #masthead .c-header__logo-area, html body.is-diseno-ia-article #masthead .c-header__logo-carrier{display:flex!important;align-items:center!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;} html body.is-diseno-ia-article #masthead .c-header__logo-main, html body.is-diseno-ia-article #masthead .c-header__logo-mobile-menu, html body.is-diseno-ia-article #masthead .c-header__mobile-menu-toggle, html body.is-diseno-ia-article #masthead .c-header__menu--mobile-source{display:none!important;} /* El enlace conserva su destino; el borde dibuja el círculo sin recolorear el SVG global. */ html body.is-diseno-ia-article #masthead .c-header__logo-alt{display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;width:36px!important;height:36px!important;min-width:36px!important;box-sizing:border-box!important;flex-shrink:0!important;margin:0!important;padding:0!important;border:2px solid #0B4D58!important;border-radius:50%!important;background:transparent!important;color:#0B4D58!important;} html body.is-diseno-ia-article #masthead .c-header__logo-alt img{display:none!important;} html body.is-diseno-ia-article #masthead .c-header__menu--desktop-mega{display:flex!important;justify-content:flex-end!important;align-items:center!important;position:static!important;width:auto!important;height:auto!important;gap:0!important;margin:0!important;padding:0!important;background:none!important;} html body.is-diseno-ia-article #masthead .c-header__menu--desktop-mega>li{display:none!important;} html body.is-diseno-ia-article #masthead .c-header__menu--desktop-mega>li.alt-display{display:block!important;width:auto!important;margin:0!important;padding:0!important;} html body.is-diseno-ia-article #masthead .c-header__menu--desktop-mega>li.alt-display>a{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-width:180px!important;height:44px!important;margin:0!important;padding:0 32px!important;border:1px solid #0B4D58!important;border-radius:999px!important;background:#0B4D58!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:400 18px/1.2 'Source Sans 3',sans-serif!important;text-transform:none!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;} html body.is-diseno-ia-article #masthead .c-header__menu--desktop-mega>li.alt-display>a:hover{background:#1BDEA6!important;border-color:#1BDEA6!important;color:#0B4D58!important;-webkit-text-fill-color:#0B4D58!important;} html body.is-diseno-ia-article #masthead a:focus-visible{outline:2px solid #0B4D58;outline-offset:5px;} /* Panel del glosario por encima del header, sin recortarlo en un contenedor. */ #mv-articulo-diseno-ia .mv-dia-scrim{z-index:100000;visibility:hidden;} #mv-articulo-diseno-ia .mv-dia-drawer{z-index:100001;top:var(--mv-dia-admin-top,0px);visibility:hidden;transform:translateX(100%);max-height:calc(100dvh - var(--mv-dia-admin-top,0px));} #mv-articulo-diseno-ia .mv-dia-scrim.mv-dia-open, #mv-articulo-diseno-ia .mv-dia-drawer.mv-dia-open{visibility:visible;} #mv-articulo-diseno-ia .mv-dia-drawer.mv-dia-open{transform:none;} @media(max-width:820px){ #mv-articulo-diseno-ia #mv-dia-intro .mv-dia-hero{grid-template-columns:minmax(0,1fr);gap:32px;} #mv-articulo-diseno-ia #mv-dia-intro .mv-dia-bug{width:min(420px,100%);margin:0 auto;order:-1;} #mv-articulo-diseno-ia #mv-dia-intro h1{font-size:clamp(44px,10vw,70px);line-height:1.02;} } @media(max-width:640px){ html body.is-diseno-ia-article #masthead.c-header, html body.is-diseno-ia-article #masthead .c-header__navigation{height:76px!important;} html body.is-diseno-ia-article #masthead .c-header__navigation{padding:12px 20px!important;} html body.is-diseno-ia-article #masthead .c-header__menu--desktop-mega>li.alt-display>a{min-width:124px!important;height:40px!important;font-size:16px!important;padding:0 20px!important;} #mv-articulo-diseno-ia{--nav-h:76px;} #mv-articulo-diseno-ia .mv-dia-masthead{min-height:196px;padding:108px 20px 32px;} #mv-articulo-diseno-ia .mv-dia-back-link{font-size:20px;} #mv-articulo-diseno-ia section{padding-left:20px;padding-right:20px;} #mv-articulo-diseno-ia #mv-dia-intro{padding:48px 20px 72px;} #mv-articulo-diseno-ia .mv-dia-idea,#mv-articulo-diseno-ia .mv-dia-net-q{min-width:0;} #mv-articulo-diseno-ia .mv-dia-dots{width:100%;max-width:440px;margin:0 auto;} #mv-articulo-diseno-ia .mv-dia-wheel{margin-left:0;max-width:100%;} #mv-articulo-diseno-ia .mv-dia-verb{font-size:12px;padding:5px 8px;} }