/* Escenas de campaña: definir, adaptar y revisar, con una narración visible. */
.mk-direction-v2,.mk-creative-v2,.mk-learning-v2 { --mkp-cold:#a990ff; --mkp-warm:#ff84b8; --mkp-hot:#ffb54b; }
.mk-direction-v2 figure,.mk-creative-v2 figure,.mk-learning-v2 figure { min-width:0; margin:0; border:1px solid rgba(210,181,244,.27); background:linear-gradient(135deg,#171021,#0d0b12); }
.mk-direction-v2 .mkp-scene-top,.mk-creative-v2 .mkp-scene-top,.mk-learning-v2 .mkp-scene-top { display:flex; justify-content:space-between; gap:18px; padding:16px 20px; border-bottom:1px solid rgba(210,181,244,.18); color:#c6b5d8; font:500 8px/1.7 var(--font-body); letter-spacing:.06em; text-transform:uppercase; }
.mk-direction-v2 .mkp-scene-top>span:last-child,.mk-creative-v2 .mkp-scene-top>span:last-child,.mk-learning-v2 .mkp-scene-top>span:last-child { color:#a58cb9; }
.mk-direction-v2 figcaption,.mk-creative-v2 figcaption,.mk-learning-v2 figcaption { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0; padding:16px 20px; border-top:1px solid rgba(210,181,244,.18); color:#d8c9e4; font:400 10px/1.8 var(--font-body); }
.mk-direction-v2 figcaption>small,.mk-creative-v2 figcaption>small,.mk-learning-v2 figcaption>small { flex:none; color:#a58cb9; font:400 8px/1.6 var(--font-body); }
.mk-direction-v2 .mkp-direction-stage { position:relative; padding:26px; overflow:hidden; background-image:linear-gradient(rgba(178,139,225,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(178,139,225,.055) 1px,transparent 1px); background-size:25px 25px; }
.mk-direction-v2 .mkp-objective-selector>span { display:block; margin-bottom:15px; color:#efe3f5; font:900 clamp(12px,1.25vw,18px)/1.5 var(--font-title); letter-spacing:-.03em; text-transform:uppercase; }
.mk-direction-v2 .mkp-objective-selector>div { display:flex; flex-wrap:wrap; gap:7px; }
.mk-direction-v2 .mkp-objective-selector b { display:block; padding:8px 9px; border:1px solid #5d466f; color:#ad98bf; background:#1c1328; font:500 8px/1.6 var(--font-body); animation:mkpObjective 18s linear infinite; }
.mk-direction-v2 .mkp-objective-selector b:nth-child(2) { animation-delay:-12s; }.mk-direction-v2 .mkp-objective-selector b:nth-child(3) { animation-delay:-6s; }
.mk-direction-v2 .mkp-brief-sheet { margin-top:24px; padding:20px 16px 15px; border:1px solid #665079; background:#140e1d; }
.mk-direction-v2 .mkp-brief-axis { display:flex; align-items:center; gap:10px; margin-bottom:22px; color:#cbb6de; font:500 8px/1.6 var(--font-body); text-transform:uppercase; letter-spacing:.08em; }
.mk-direction-v2 .mkp-brief-axis>i { height:1px; flex:1; background:linear-gradient(90deg,#6a00ff,#ff2e8a); }.mk-direction-v2 .mkp-brief-axis>i:last-child { background:linear-gradient(90deg,#ff2e8a,#ffae00); }
.mk-direction-v2 .mkp-brief-components { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mk-direction-v2 .mkp-brief-part { min-width:0; padding:11px 9px; border:1px solid #493651; background:#1b1225; animation:mkpBriefAssemble 12s ease-in-out infinite; }
.mk-direction-v2 .mkp-brief-part--channel { animation-delay:-8s; }.mk-direction-v2 .mkp-brief-part--destination { animation-delay:-4s; }
.mk-direction-v2 .mkp-brief-part>span { display:block; color:#ad96c1; font:500 7px/1.5 var(--font-body); letter-spacing:.04em; text-transform:uppercase; }
.mk-direction-v2 .mkp-brief-part>strong { display:block; margin-top:14px; color:#eadcf2; font:900 clamp(8px,.8vw,12px)/1.5 var(--font-title); letter-spacing:-.025em; text-transform:uppercase; }
.mk-direction-v2 .mkp-brief-part>small { display:block; margin-top:10px; color:#a38aB7; font:400 7px/1.65 var(--font-body); }
.mk-direction-v2 .mkp-message-symbol { display:grid; align-content:center; gap:7px; height:57px; margin-top:15px; padding:10px; border:1px solid #8f61bf; }
.mk-direction-v2 .mkp-message-symbol>i { display:block; height:4px; background:#a180bb; transform-origin:left; animation:mkpMessageWrite 12s ease-in-out infinite; }.mk-direction-v2 .mkp-message-symbol>i:first-child { width:75%; height:8px; background:#bd9ae3; }.mk-direction-v2 .mkp-message-symbol>i:last-child { width:58%; }
.mk-direction-v2 .mkp-distribution-symbol { position:relative; display:flex; justify-content:space-between; align-items:end; height:57px; margin-top:15px; padding-bottom:2px; }
.mk-direction-v2 .mkp-distribution-symbol::before { content:""; position:absolute; left:15%; right:15%; top:16px; height:19px; border:1px solid #9b5d8d; border-bottom:0; }
.mk-direction-v2 .mkp-distribution-symbol>i { position:absolute; left:calc(50% - 5px); top:2px; width:10px; height:10px; border-radius:50%; background:#ff86bb; animation:mkpDistributionHub 12s ease infinite; }
.mk-direction-v2 .mkp-distribution-symbol>b { position:relative; width:26%; height:22px; border:1px solid #b477a4; background:#362039; animation:mkpDistributionNode 12s ease infinite; }.mk-direction-v2 .mkp-distribution-symbol>b:nth-of-type(2) { animation-delay:.25s; }.mk-direction-v2 .mkp-distribution-symbol>b:nth-of-type(3) { animation-delay:.5s; }
.mk-direction-v2 .mkp-destination-symbol { display:grid; gap:5px; align-content:start; height:57px; margin-top:15px; padding:8px; border:1px solid #ad8b54; border-top-width:5px; }
.mk-direction-v2 .mkp-destination-symbol>i { height:10px; background:#b08042; }.mk-direction-v2 .mkp-destination-symbol>b { height:3px; background:#8a704e; }.mk-direction-v2 .mkp-destination-symbol>b:last-child { width:43%; height:7px; background:#ffb54b; animation:mkpDestinationFocus 12s ease infinite; }
.mk-direction-v2 .mkp-brief-complete { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:18px; color:#ad94c0; font:500 7px/1.6 var(--font-body); animation:mkpBriefReady 12s ease infinite; }
.mk-direction-v2 .mkp-brief-complete>i { flex:1; height:1px; background:#684971; }
.mk-creative-v2 .mkp-creative-stage { position:relative; height:430px; overflow:hidden; background-image:linear-gradient(rgba(178,139,225,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(178,139,225,.04) 1px,transparent 1px); background-size:25px 25px; }
.mk-creative-v2 .mkp-master-creative { position:absolute; z-index:2; left:26px; top:61px; width:38%; }
.mk-creative-v2 .mkp-master-creative>span,.mk-creative-v2 .mkp-format>span { display:block; margin-bottom:10px; color:#c6add7; font:500 8px/1.6 var(--font-body); letter-spacing:.03em; text-transform:uppercase; }
.mk-creative-v2 .mkp-master-art { position:relative; isolation:isolate; display:flex; align-items:end; min-height:205px; padding:17px; overflow:hidden; border:1px solid #b98add; }
.mk-creative-v2 .mkp-master-art>i,.mk-creative-v2 .mkp-format>div>i { position:absolute; z-index:-1; inset:-15%; background:radial-gradient(ellipse at 65% 25%,#ffae00,transparent 32%),radial-gradient(ellipse at 70% 66%,#ff2e8a,transparent 59%),linear-gradient(150deg,#0011ff,#6a00ff); animation:mkpMasterReframe 16s ease-in-out infinite; }
.mk-creative-v2 .mkp-master-art>strong { position:relative; color:#fff6e0; font:900 clamp(14px,1.45vw,23px)/1.45 var(--font-title); letter-spacing:-.04em; text-transform:uppercase; text-shadow:0 2px 15px #351c41; }
.mk-creative-v2 .mkp-master-creative>small { display:block; margin-top:10px; color:#9f87b2; font:400 8px/1.6 var(--font-body); }
.mk-creative-v2 .mkp-crop-corner { position:absolute; z-index:3; width:15px; height:15px; border:1px solid #ffe0a1; animation:mkpCropFrame 16s ease-in-out infinite; }.mk-creative-v2 .mkp-crop-corner--tl { top:8px; left:8px; border-right:0; border-bottom:0; }.mk-creative-v2 .mkp-crop-corner--br { right:8px; bottom:8px; border-left:0; border-top:0; }
.mk-creative-v2 .mkp-format-connection { position:absolute; left:43%; right:25%; top:163px; height:80px; border-left:1px solid #9e64bb; border-top:1px solid #9e64bb; pointer-events:none; }
.mk-creative-v2 .mkp-format-connection>i { position:absolute; left:-4px; top:-4px; width:7px; height:7px; background:#ffad40; animation:mkpAdaptTransfer 16s ease infinite; }.mk-creative-v2 .mkp-format-connection>i:last-child { animation-delay:-8s; }
.mk-creative-v2 .mkp-format { position:absolute; z-index:2; width:42%; right:26px; transform-origin:left center; animation:mkpAdaptWide 16s ease-in-out infinite; }
.mk-creative-v2 .mkp-format>div { position:relative; isolation:isolate; display:flex; align-items:end; min-height:105px; overflow:hidden; padding:12px; border:1px solid #dc91bd; }
.mk-creative-v2 .mkp-format>div>b { color:#fff6e0; font:900 clamp(8px,.9vw,13px)/1.5 var(--font-title); text-transform:uppercase; letter-spacing:-.03em; text-shadow:0 2px 10px #351c41; }
.mk-creative-v2 .mkp-format--wide { top:30px; }
.mk-creative-v2 .mkp-format--vertical { width:22%; top:183px; animation-name:mkpAdaptVertical; }
.mk-creative-v2 .mkp-format--vertical>span { font-size:7px; }.mk-creative-v2 .mkp-format--vertical>div { min-height:135px; padding:10px; border-color:#daa251; }.mk-creative-v2 .mkp-format--vertical>div>i { background-position:75% 50%; animation-delay:-6s; }.mk-creative-v2 .mkp-format--vertical>div>b { font-size:clamp(8px,.8vw,12px); }.mk-creative-v2 .mkp-format--vertical em { position:absolute; bottom:7px; left:7px; right:7px; height:2px; background:#ffd593; transform-origin:left; animation:mkpVideoLength 16s linear infinite; }
.mk-creative-v2 .mkp-destination-rail { position:absolute; z-index:4; bottom:18px; left:26px; right:26px; display:grid; grid-template-columns:minmax(75px,.7fr) minmax(0,1fr) auto; gap:16px; align-items:center; padding:15px 13px; border:1px solid #94747d; background:#22191f; animation:mkpDestinationRail 16s ease-in-out infinite; }
.mk-creative-v2 .mkp-destination-rail>span { color:#c9b1d5; font:500 7px/1.7 var(--font-body); text-transform:uppercase; }.mk-creative-v2 .mkp-destination-rail>span>i { display:block; width:18px; height:3px; margin-bottom:7px; background:#ffb54b; }.mk-creative-v2 .mkp-destination-rail>div>b { display:block; color:#e4d0e9; font:500 8px/1.5 var(--font-body); }.mk-creative-v2 .mkp-destination-rail>div>i { display:block; width:90%; height:2px; margin-top:6px; background:#72596e; }.mk-creative-v2 .mkp-destination-rail>div>i:last-child { width:65%; }
.mk-creative-v2 .mkp-destination-rail>strong { color:#ffcf86; font:500 8px/1.6 var(--font-body); }.mk-creative-v2 .mkp-destination-rail>strong>span { margin-left:4px; font-size:14px; }
.mk-learning-v2 .mkp-learning-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:28px 20px 8px; list-style:none; }
.mk-learning-v2 .mkp-learning-step { min-width:0; position:relative; padding:20px 20px 18px; border-top:2px solid #55405f; background:#140f1c; animation:mkpLearningPhase 20s linear infinite; }
.mk-learning-v2 .mkp-learning-step+.mkp-learning-step { border-left:1px solid rgba(210,181,244,.18); }.mk-learning-v2 .mkp-learning-step--interpret { animation-delay:-15s; }.mk-learning-v2 .mkp-learning-step--adjust { animation-delay:-10s; }.mk-learning-v2 .mkp-learning-step--measure { animation-delay:-5s; }
.mk-learning-v2 .mkp-step-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:21px; }.mk-learning-v2 .mkp-step-heading>span { color:#bca2d0; font:500 9px/1.5 var(--font-body); }.mk-learning-v2 .mkp-step-heading>svg { flex:none; width:35px; height:35px; fill:none; stroke:#c39cec; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.mk-learning-v2 .mkp-learning-step h3 { min-height:46px; margin:0 0 13px; color:#ecddf5; font-size:clamp(13px,1.22vw,20px); line-height:1.5; }
.mk-learning-v2 .mkp-learning-step>p { min-height:66px; margin:0; color:#bca9cb; font:400 12px/1.8 var(--font-body); }
.mk-learning-v2 .mkp-step-visual { position:relative; height:79px; margin-top:21px; padding-bottom:23px; overflow:hidden; }
.mk-learning-v2 .mkp-step-visual>span { position:absolute; left:0; right:0; bottom:0; color:#9c84af; font:400 7px/1.6 var(--font-body); }
.mk-learning-v2 .mkp-observe-visual { display:flex; align-items:center; justify-content:center; gap:6px; border-top:1px solid #4e365c; }
.mk-learning-v2 .mkp-observe-visual>i { display:block; width:17%; height:7px; background:#785292; }.mk-learning-v2 .mkp-observe-visual>i:nth-child(2) { height:24px; background:#9365b2; }.mk-learning-v2 .mkp-observe-visual>i:nth-child(3) { height:14px; }.mk-learning-v2 .mkp-observe-visual>i:nth-child(4) { height:31px; background:#ae78cf; }
.mk-learning-v2 .mkp-observe-visual>b { position:absolute; left:0; top:0; bottom:22px; width:23%; border-right:1px solid #ffb54b; background:linear-gradient(90deg,transparent,rgba(255,174,0,.15)); animation:mkpObserveScan 20s linear infinite; }
.mk-learning-v2 .mkp-interpret-visual { display:grid; grid-template-columns:repeat(3,1fr); align-items:center; gap:6px; }
.mk-learning-v2 .mkp-interpret-visual>b { display:grid; gap:5px; align-content:center; min-height:34px; padding:5px; border:1px solid #78518b; background:#25182e; animation:mkpInterpretAlign 20s ease-in-out infinite; }.mk-learning-v2 .mkp-interpret-visual>b:nth-child(2) { animation-delay:.2s; }.mk-learning-v2 .mkp-interpret-visual>b:nth-child(3) { animation-delay:.4s; }.mk-learning-v2 .mkp-interpret-visual>b>i { height:3px; background:#b182cc; }.mk-learning-v2 .mkp-interpret-visual>b>i:last-child { width:60%; background:#715180; }
.mk-learning-v2 .mkp-adjust-visual { display:grid; align-content:center; gap:10px; }
.mk-learning-v2 .mkp-adjust-visual>b { display:block; position:relative; height:1px; background:#72517d; }.mk-learning-v2 .mkp-adjust-visual>b>i { position:absolute; left:22%; top:-3px; width:7px; height:7px; border:1px solid #ffc46c; border-radius:50%; background:#42283d; animation:mkpAdjustSetting 20s ease-in-out infinite; }.mk-learning-v2 .mkp-adjust-visual>b:nth-child(2)>i { animation-delay:.35s; }.mk-learning-v2 .mkp-adjust-visual>b:nth-child(3)>i { animation-delay:.65s; }
.mk-learning-v2 .mkp-measure-visual>svg { display:block; width:100%; height:54px; fill:none; stroke:#80568d; stroke-width:1; stroke-linecap:round; }.mk-learning-v2 .mkp-measure-trace { stroke:#ffb54b; stroke-dasharray:18 82; stroke-dashoffset:100; animation:mkpMeasureLoop 20s linear infinite; }
.mk-learning-v2 .mkp-return-route { position:relative; height:68px; margin:0 32px 14px; }
.mk-learning-v2 .mkp-return-route>svg { width:100%; height:50px; overflow:visible; fill:none; stroke-width:1.2; stroke-linejoin:round; stroke-linecap:round; }
.mk-learning-v2 .mkp-return-base { stroke:#58405f; }.mk-learning-v2 .mkp-return-trace { stroke:#ffae00; stroke-dasharray:12 88; stroke-dashoffset:100; animation:mkpReviewReturn 20s linear infinite; }.mk-learning-v2 .mkp-return-arrow { stroke:#b77ac5; }
.mk-learning-v2 .mkp-return-route>span { position:absolute; left:15%; right:15%; bottom:1px; text-align:center; color:#b59ac7; font:400 8px/1.7 var(--font-body); }
@keyframes mkpObjective { 0%,28%,100% { border-color:#d29df3; color:#fff0f4; background:#41223f; } 34%,95% { border-color:#5d466f; color:#ad98bf; background:#1c1328; } }
@keyframes mkpBriefAssemble { 0%,8%,100% { transform:translateY(0); border-color:#b089d3; background:#2c1c38; } 14%,25% { transform:translateY(-5px); border-color:#ff9b8b; background:#312035; } 33%,95% { transform:translateY(0); border-color:#493651; background:#1b1225; } }
@keyframes mkpMessageWrite { 0%,10%,100% { transform:scaleX(.68); } 26%,85% { transform:scaleX(1); } }
@keyframes mkpDistributionHub { 0%,20%,100% { box-shadow:0 0 0 0 rgba(255,132,184,0); } 34%,49% { box-shadow:0 0 0 6px rgba(255,132,184,.12); } }
@keyframes mkpDistributionNode { 0%,22%,100% { background:#362039; border-color:#78536d; } 35%,62% { background:#5f3053; border-color:#ff84b8; } }
@keyframes mkpDestinationFocus { 0%,48%,100% { width:43%; } 65%,88% { width:72%; } }
@keyframes mkpBriefReady { 0%,65%,100% { color:#ad94c0; } 76%,91% { color:#ffd29a; } }
@keyframes mkpMasterReframe { 0%,15%,100% { transform:translate(0,0) scale(1); } 32%,56% { transform:translate(-5%,4%) scale(1.14); } 72%,86% { transform:translate(4%,-5%) scale(1.08); } }
@keyframes mkpCropFrame { 0%,19%,100% { opacity:.6; } 28%,62% { opacity:1; transform:scale(.8); } 72%,89% { opacity:1; transform:scale(1); } }
@keyframes mkpAdaptWide { 0%,9%,100% { opacity:.65; transform:translate(-15px,15px) scale(.88); } 26%,89% { opacity:1; transform:none; } }
@keyframes mkpAdaptVertical { 0%,29%,100% { opacity:.65; transform:translate(-18px,-8px) scale(.84); } 46%,89% { opacity:1; transform:none; } }
@keyframes mkpAdaptTransfer { 0%,19%,70%,100% { opacity:0; transform:translateX(0); } 26% { opacity:1; transform:translateX(0); } 59% { opacity:1; transform:translateX(42px); } }
@keyframes mkpVideoLength { 0%,43%,100% { transform:scaleX(.15); } 80%,91% { transform:scaleX(1); } }
@keyframes mkpDestinationRail { 0%,52%,100% { border-color:#6e4f67; background:#22191f; } 65%,90% { border-color:#ffc475; background:#302027; } }
@keyframes mkpLearningPhase { 0%,21%,100% { border-top-color:#ffc16d; background:#2e1d2d; } 26%,95% { border-top-color:#55405f; background:#140f1c; } }
@keyframes mkpObserveScan { 0% { transform:translateX(-100%); opacity:0; } 3% { opacity:1; } 20% { transform:translateX(420%); opacity:1; } 25%,100% { transform:translateX(420%); opacity:0; } }
@keyframes mkpInterpretAlign { 0%,21%,100% { transform:translateY(4px) rotate(-3deg); border-color:#78518b; } 31%,45% { transform:none; border-color:#ff91bd; } 51%,95% { transform:none; border-color:#78518b; } }
@keyframes mkpAdjustSetting { 0%,47%,100% { left:22%; } 57%,68% { left:72%; } 77%,95% { left:45%; } }
@keyframes mkpMeasureLoop { 0%,72% { stroke-dashoffset:100; opacity:.2; } 77% { opacity:1; } 95%,100% { stroke-dashoffset:0; opacity:1; } }
@keyframes mkpReviewReturn { 0%,84% { stroke-dashoffset:100; opacity:0; } 87% { opacity:1; } 100% { stroke-dashoffset:0; opacity:1; } }
@media (max-width:1100px) {
 .mk-direction-v2 .mkp-direction-stage { padding:21px; }.mk-direction-v2 .mkp-brief-sheet { padding:16px 10px 12px; }.mk-direction-v2 .mkp-brief-components { gap:7px; }.mk-direction-v2 .mkp-brief-part { padding:10px 6px; }.mk-direction-v2 .mkp-brief-part>strong { font-size:9px; }.mk-direction-v2 .mkp-brief-part>small { font-size:7px; }
 .mk-creative-v2 .mkp-master-creative { left:21px; width:38%; }.mk-creative-v2 .mkp-master-art { padding:13px; min-height:190px; }.mk-creative-v2 .mkp-master-art>strong { font-size:17px; }.mk-creative-v2 .mkp-format { right:21px; }.mk-creative-v2 .mkp-format--vertical { width:24%; }.mk-creative-v2 .mkp-format>div>b { font-size:9px; }.mk-creative-v2 .mkp-destination-rail { left:21px; right:21px; gap:10px; padding:14px 10px; }.mk-creative-v2 .mkp-destination-rail>div>b { font-size:7px; }
 .mk-learning-v2 .mkp-learning-steps { padding:23px 14px 7px; }.mk-learning-v2 .mkp-learning-step { padding:17px 13px; }.mk-learning-v2 .mkp-learning-step h3 { font-size:14px; min-height:46px; }.mk-learning-v2 .mkp-learning-step>p { font-size:11px; min-height:79px; }
}
@media (max-width:820px) {
 .mk-direction-v2 .mkp-direction-stage { padding:26px; }.mk-direction-v2 .mkp-objective-selector>span { font-size:17px; }.mk-direction-v2 .mkp-objective-selector b { font-size:9px; }.mk-direction-v2 .mkp-brief-sheet { padding:20px 17px 15px; }.mk-direction-v2 .mkp-brief-part { padding:13px; }.mk-direction-v2 .mkp-brief-part>span { font-size:8px; }.mk-direction-v2 .mkp-brief-part>strong { font-size:clamp(10px,1.9vw,14px); }.mk-direction-v2 .mkp-brief-part>small { font-size:8px; }.mk-direction-v2 .mkp-brief-complete { font-size:8px; }
 .mk-creative-v2 .mkp-creative-stage { height:450px; }.mk-creative-v2 .mkp-master-creative { left:28px; width:38%; top:62px; }.mk-creative-v2 .mkp-master-art { min-height:225px; padding:19px; }.mk-creative-v2 .mkp-master-art>strong { font-size:clamp(18px,3.5vw,27px); }.mk-creative-v2 .mkp-format { right:28px; }.mk-creative-v2 .mkp-format>div { min-height:115px; }.mk-creative-v2 .mkp-format>div>b { font-size:clamp(10px,1.9vw,15px); }.mk-creative-v2 .mkp-format--vertical { width:23%; top:189px; }.mk-creative-v2 .mkp-format--vertical>div { min-height:147px; }.mk-creative-v2 .mkp-format--vertical>div>b { font-size:clamp(10px,1.8vw,13px); }.mk-creative-v2 .mkp-destination-rail { left:28px; right:28px; bottom:21px; padding:17px 13px; }.mk-creative-v2 .mkp-destination-rail>span { font-size:8px; }.mk-creative-v2 .mkp-destination-rail>div>b { font-size:9px; }.mk-creative-v2 .mkp-destination-rail>strong { font-size:9px; }
 .mk-learning-v2 .mkp-learning-steps { grid-template-columns:repeat(2,minmax(0,1fr)); padding:24px 20px 8px; }.mk-learning-v2 .mkp-learning-step { padding:20px; }.mk-learning-v2 .mkp-learning-step:nth-child(3) { border-left:0; }.mk-learning-v2 .mkp-learning-step:nth-child(n+3) { border-top-width:2px; }.mk-learning-v2 .mkp-learning-step h3 { min-height:0; font-size:19px; }.mk-learning-v2 .mkp-learning-step>p { min-height:60px; font-size:12px; }.mk-learning-v2 .mkp-step-visual { height:83px; }.mk-learning-v2 .mkp-step-visual>span { font-size:8px; }
}
@media (max-width:520px) {
 .mk-direction-v2 .mkp-scene-top,.mk-creative-v2 .mkp-scene-top,.mk-learning-v2 .mkp-scene-top { padding:14px; font-size:7px; gap:12px; }.mk-creative-v2 .mkp-scene-top>span:last-child { display:none; }
 .mk-direction-v2 figcaption,.mk-creative-v2 figcaption,.mk-learning-v2 figcaption { padding:14px; font-size:9px; align-items:start; gap:14px; }.mk-direction-v2 figcaption>small,.mk-creative-v2 figcaption>small,.mk-learning-v2 figcaption>small { flex:0 0 68px; font-size:7px; }
 .mk-direction-v2 .mkp-direction-stage { padding:18px 14px; }.mk-direction-v2 .mkp-objective-selector>span { font-size:13px; }.mk-direction-v2 .mkp-objective-selector>div { gap:5px; }.mk-direction-v2 .mkp-objective-selector b { padding:7px; font-size:7px; }.mk-direction-v2 .mkp-brief-sheet { padding:16px 9px 12px; margin-top:20px; }.mk-direction-v2 .mkp-brief-axis { font-size:6px; gap:6px; margin-bottom:16px; }.mk-direction-v2 .mkp-brief-components { gap:6px; }.mk-direction-v2 .mkp-brief-part { padding:9px 5px; }.mk-direction-v2 .mkp-brief-part>span { font-size:6px; }.mk-direction-v2 .mkp-brief-part>strong { font-size:7px; line-height:1.65; }.mk-direction-v2 .mkp-brief-part>small { font-size:6px; }.mk-direction-v2 .mkp-message-symbol { padding:7px; gap:5px; height:45px; }.mk-direction-v2 .mkp-message-symbol>i { height:3px; }.mk-direction-v2 .mkp-message-symbol>i:first-child { height:6px; }.mk-direction-v2 .mkp-distribution-symbol,.mk-direction-v2 .mkp-destination-symbol { height:45px; }.mk-direction-v2 .mkp-distribution-symbol>i { top:0; width:7px; height:7px; left:calc(50% - 3.5px); }.mk-direction-v2 .mkp-distribution-symbol::before { top:12px; height:15px; }.mk-direction-v2 .mkp-distribution-symbol>b { height:16px; }.mk-direction-v2 .mkp-destination-symbol { padding:6px; gap:4px; }.mk-direction-v2 .mkp-destination-symbol>i { height:8px; }.mk-direction-v2 .mkp-destination-symbol>b { height:2px; }.mk-direction-v2 .mkp-brief-complete { gap:4px; font-size:6px; }
 .mk-creative-v2 .mkp-creative-stage { height:390px; }.mk-creative-v2 .mkp-master-creative { left:16px; top:66px; width:38%; }.mk-creative-v2 .mkp-master-creative>span,.mk-creative-v2 .mkp-format>span { font-size:6px; }.mk-creative-v2 .mkp-master-art { min-height:168px; padding:11px; }.mk-creative-v2 .mkp-master-art>strong { font-size:13px; }.mk-creative-v2 .mkp-master-creative>small { font-size:6px; }.mk-creative-v2 .mkp-format { right:16px; width:43%; }.mk-creative-v2 .mkp-format--wide { top:29px; }.mk-creative-v2 .mkp-format>div { min-height:88px; padding:9px; }.mk-creative-v2 .mkp-format>div>b { font-size:8px; }.mk-creative-v2 .mkp-format--vertical { top:157px; width:26%; }.mk-creative-v2 .mkp-format--vertical>span { font-size:6px; }.mk-creative-v2 .mkp-format--vertical>div { min-height:128px; padding:8px; }.mk-creative-v2 .mkp-format--vertical>div>b { font-size:7px; }.mk-creative-v2 .mkp-format-connection { top:158px; right:25%; height:48px; }.mk-creative-v2 .mkp-destination-rail { left:16px; right:16px; bottom:16px; padding:12px 9px; grid-template-columns:minmax(65px,.65fr) minmax(0,1fr); gap:10px; }.mk-creative-v2 .mkp-destination-rail>span { font-size:6px; }.mk-creative-v2 .mkp-destination-rail>div>b { font-size:7px; }.mk-creative-v2 .mkp-destination-rail>strong { grid-column:2; font-size:7px; margin-top:-2px; }.mk-creative-v2 .mkp-destination-rail>strong>span { font-size:11px; }
 .mk-learning-v2 .mkp-learning-steps { padding:18px 12px 6px; }.mk-learning-v2 .mkp-learning-step { padding:15px 12px; }.mk-learning-v2 .mkp-step-heading { margin-bottom:16px; gap:8px; }.mk-learning-v2 .mkp-step-heading>span { font-size:8px; }.mk-learning-v2 .mkp-step-heading>svg { width:28px; height:28px; }.mk-learning-v2 .mkp-learning-step h3 { font-size:11px; min-height:34px; line-height:1.5; }.mk-learning-v2 .mkp-learning-step>p { min-height:80px; font-size:10px; line-height:1.8; }.mk-learning-v2 .mkp-step-visual { height:75px; margin-top:16px; }.mk-learning-v2 .mkp-step-visual>span { font-size:6px; }.mk-learning-v2 .mkp-return-route { margin:0 14px 13px; height:65px; }.mk-learning-v2 .mkp-return-route>span { font-size:7px; left:8%; right:8%; }
}
@media (prefers-reduced-motion:reduce) {
 .mk-direction-v2 *,.mk-direction-v2 *::before,.mk-direction-v2 *::after,.mk-creative-v2 *,.mk-creative-v2 *::before,.mk-creative-v2 *::after,.mk-learning-v2 *,.mk-learning-v2 *::before,.mk-learning-v2 *::after { animation:none!important; transition:none!important; }
 .mk-direction-v2 .mkp-brief-part,.mk-creative-v2 .mkp-format { transform:none; opacity:1; }.mk-direction-v2 .mkp-objective-selector b { color:#d3b8e8; border-color:#8b689f; }.mk-creative-v2 .mkp-format-connection>i,.mk-learning-v2 .mkp-observe-visual>b,.mk-learning-v2 .mkp-return-trace,.mk-learning-v2 .mkp-measure-trace { display:none; }.mk-creative-v2 .mkp-format--vertical em { transform:scaleX(1); }
}
/* Los lienzos se mantienen compactos en portátiles sin quitar etapas. */
@media (min-width:821px) {
 .mk-direction-v2 .mkp-direction-stage { padding:20px; }.mk-direction-v2 .mkp-objective-selector>span { margin-bottom:12px; font-size:14px; }.mk-direction-v2 .mkp-objective-selector b { padding:7px 9px; }.mk-direction-v2 .mkp-brief-sheet { margin-top:18px; padding:16px 12px 12px; }.mk-direction-v2 .mkp-brief-axis { font-size:7px; margin-bottom:15px; }.mk-direction-v2 .mkp-brief-part { padding:10px 8px; }.mk-direction-v2 .mkp-brief-part>strong { margin-top:10px; font-size:10px; }.mk-direction-v2 .mkp-brief-part>small { margin-top:8px; }.mk-direction-v2 .mkp-message-symbol,.mk-direction-v2 .mkp-distribution-symbol,.mk-direction-v2 .mkp-destination-symbol { height:45px; margin-top:12px; }.mk-direction-v2 .mkp-distribution-symbol::before { top:12px; height:15px; }.mk-direction-v2 .mkp-distribution-symbol>i { top:0; }.mk-direction-v2 .mkp-distribution-symbol>b { height:17px; }.mk-direction-v2 .mkp-brief-complete { margin-top:14px; }
}
@media (min-width:821px) and (max-height:800px) {
 .mk-creative-v2 .mkp-creative-stage { height:365px; }.mk-creative-v2 .mkp-master-creative { top:47px; }.mk-creative-v2 .mkp-master-art { min-height:165px; }.mk-creative-v2 .mkp-format--wide { top:24px; }.mk-creative-v2 .mkp-format>div { min-height:83px; }.mk-creative-v2 .mkp-format--vertical { top:143px; }.mk-creative-v2 .mkp-format--vertical>div { min-height:107px; }.mk-creative-v2 .mkp-format-connection { top:136px; }.mk-creative-v2 .mkp-destination-rail { bottom:16px; }
 .mk-learning-v2 .mkp-learning-step { padding-top:15px; padding-bottom:14px; }.mk-learning-v2 .mkp-step-heading { margin-bottom:15px; }.mk-learning-v2 .mkp-learning-step h3 { min-height:37px; }.mk-learning-v2 .mkp-learning-step>p { min-height:60px; }.mk-learning-v2 .mkp-step-visual { margin-top:16px; height:70px; }.mk-learning-v2 .mkp-return-route { height:61px; margin-bottom:8px; }
}