/* Guía en video de Mobile Link · PRAMAC Argentina
   Estilos propios con prefijo .mlg- (no pisan los del sitio). Usan las variables del sitio
   (--tinta, --papel, --rojo-vivo, --display, --texto, --mono, --linea...) y traen sus propios
   valores para la página de respaldo, que no carga los CSS del sitio. */

.mlg-respaldo{--rojo:#d95700;--rojo-vivo:#fa6600;--tinta:#05070d;--tinta-2:#090d16;--tinta-3:#101725;--papel:#f2f6fb;--papel-70:rgba(242,246,251,.7);--papel-45:rgba(242,246,251,.45);--papel-22:rgba(242,246,251,.22);--papel-10:rgba(242,246,251,.1);--ok:#3ecb92;--linea:rgba(160,190,225,.16);--display:"Archivo","Arial Narrow",system-ui,sans-serif;--texto:"Inter",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--radio:4px;--margen:clamp(1.25rem,5vw,4.5rem);--cabecera:0px;margin:0;background:#05070d;color:rgba(242,246,251,.7);font-family:var(--texto);-webkit-font-smoothing:antialiased}
.mlg-respaldo *,.mlg-respaldo *:before,.mlg-respaldo *:after{box-sizing:border-box}
.mlg-respaldo .mlg-cab{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--margen);border-bottom:1px solid var(--linea)}
.mlg-respaldo .mlg-cab__marca img{display:block}
.mlg-respaldo .mlg-cab__nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.mlg-respaldo .mlg-cab__nav a{color:var(--papel);font-size:.9rem;text-decoration:none}
.mlg-respaldo .pag>nav,.mlg-respaldo .pag>header,.mlg-respaldo .pag>main>section{max-width:62rem;margin-inline:auto;padding-inline:var(--margen)}
.mlg-respaldo .migas ol{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:1.5rem 0 0;list-style:none;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--papel-45)}
.mlg-respaldo .migas li+li:before{content:"/";margin-right:.4rem;color:var(--papel-22)}
.mlg-respaldo .migas a{color:inherit}
.mlg-respaldo .tapa{padding-top:1.5rem;padding-bottom:2rem}
.mlg-respaldo .rotulo{margin:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo-vivo)}
.mlg-respaldo .tapa__titulo{margin:.5rem 0 0;max-width:22ch;font-family:var(--display);font-size:clamp(1.875rem,5.5vw,3.25rem);font-weight:800;line-height:1.02;letter-spacing:-.035em;color:var(--papel)}
.mlg-respaldo .tapa__bajada{margin:1rem 0 0;max-width:46rem;font-size:1.063rem;line-height:1.65}
.mlg-respaldo .mlg-fuente{max-width:62rem;margin-inline:auto;padding-inline:var(--margen)}
.mlg-respaldo .mlg-pie{margin-top:3rem;padding:1.5rem var(--margen);border-top:1px solid var(--linea);font-size:.8rem;color:var(--papel-45)}
.mlg-respaldo .mlg-pie a{color:var(--papel-70)}

/* --- Base ------------------------------------------------------------------------------------ */
.mlg{--mlg-rojo:var(--rojo-vivo,#fa6600);--mlg-rojo-osc:var(--rojo,#d95700);--mlg-ok:var(--ok,#3ecb92);--mlg-borde:var(--linea,rgba(160,190,225,.16));--mlg-fondo:var(--tinta-2,#090d16);--mlg-fondo-2:var(--tinta-3,#101725);--mlg-v:clamp(280px,24vw,340px)}
/* En el marco del sitio, <main> ya tiene su margen: las secciones de la guía van alineadas con el título (sin el margen doble) */
body:not(.mlg-respaldo) .pag>main.mlg>section.mlg-sec{padding-inline:0}
.mlg *,.mlg *:before,.mlg *:after{box-sizing:border-box}
.mlg-sec{padding-bottom:clamp(1.75rem,4vh,2.75rem);scroll-margin-top:calc(var(--cabecera,4.5rem) + 1rem)}
.mlg-h2{margin:0 0 .7rem;font-family:var(--display);font-size:clamp(1.25rem,3vw,1.625rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--papel)}
.mlg-p{margin:0 0 .9rem;max-width:46rem;font-size:1rem;line-height:1.7}
.mlg-p b{color:var(--papel)}

/* --- Para quién es --------------------------------------------------------------------------- */
.mlg-equipos{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.mlg-equipos li{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.mlg-equipos__marca{min-width:11.5rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mlg-rojo)}
.mlg-equipos a{display:inline-block;padding:.4rem .75rem;border:1px solid var(--mlg-borde);border-radius:var(--radio,4px);background:var(--mlg-fondo);font-size:.84rem;color:var(--papel-70);text-decoration:none;transition:border-color .2s,color .2s}
.mlg-equipos a:hover,.mlg-equipos a:focus-visible{border-color:var(--mlg-rojo);color:var(--papel)}

/* --- Antes de empezar ------------------------------------------------------------------------ */
.mlg-antes__lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:1px;margin:0;padding:0;list-style:none;border:1px solid var(--mlg-borde);border-radius:var(--radio,4px);background:var(--mlg-borde);overflow:hidden}
.mlg-antes__item{display:flex;gap:.85rem;padding:1rem 1.1rem;background:var(--mlg-fondo)}
.mlg-antes__ico{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(250, 102, 0,.1);color:var(--mlg-rojo)}
.mlg-antes__txt{display:grid;align-content:start;gap:.2rem;font-size:.9rem;line-height:1.55}
.mlg-antes__txt b{color:var(--papel);font-size:.95rem}
.mlg-antes__txt span b{font-size:inherit}
.mlg-antes__txt a{color:var(--mlg-rojo)}

/* --- Pestañas -------------------------------------------------------------------------------- */
.mlg-guia{scroll-margin-top:calc(var(--cabecera,4.5rem) + .5rem)}
.mlg-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.1rem 0 1.4rem;scroll-margin-top:calc(var(--cabecera,4.5rem) + .75rem)}
.mlg-tab{display:flex;align-items:center;gap:.75rem;min-height:66px;padding:.7rem .9rem;border:1px solid var(--mlg-borde);border-radius:12px;background:var(--mlg-fondo);color:var(--papel-70);text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.mlg-tab:hover{border-color:var(--papel-22,rgba(242,246,251,.22));color:var(--papel)}
.mlg-tab[aria-selected="true"]{border-color:var(--mlg-rojo);background:linear-gradient(180deg,rgba(250, 102, 0,.15),rgba(250, 102, 0,.04));color:var(--papel);box-shadow:inset 0 -2px 0 var(--mlg-rojo)}
.mlg-tab:focus-visible{outline:2px solid var(--mlg-rojo);outline-offset:2px}
.mlg-tab__n{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--papel-22,rgba(242,246,251,.22));font-family:var(--display);font-weight:800;color:var(--papel)}
.mlg-tab__n svg{display:none}
.mlg-tab[aria-selected="true"] .mlg-tab__n{background:var(--mlg-rojo);border-color:var(--mlg-rojo);color:#fff}
.mlg-tab.mlg-completa .mlg-tab__n{background:var(--mlg-ok);border-color:var(--mlg-ok);color:#05070d}
.mlg-tab.mlg-completa .mlg-tab__n span{display:none}
.mlg-tab.mlg-completa .mlg-tab__n svg{display:block}
.mlg-tab__txt{display:grid;gap:.15rem;min-width:0}
.mlg-tab__txt b{font-family:var(--display);font-size:1rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.mlg-tab__txt small{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--papel-45)}

/* --- Partes ---------------------------------------------------------------------------------- */
.mlg-parte{padding:1.4rem 0 1rem;border-top:1px solid var(--mlg-borde)}
.mlg-js .mlg-parte{padding-top:0;border-top:0}
.mlg-js .mlg-parte:not(.mlg-activa){display:none}
.mlg-parte:focus{outline:none}
.mlg-parte__cab{margin-bottom:1.1rem}
.mlg-parte__rot{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--papel-45)}
.mlg-parte__titulo{margin:.3rem 0 0;font-family:var(--display);font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--papel)}
.mlg-parte__bajada{margin:.4rem 0 0;max-width:46rem;font-size:.95rem;line-height:1.6}
.mlg-parte__grilla{display:grid;gap:1.25rem}

/* Video */
.mlg-video{--mlg-ancho:min(100%,max(230px,calc((100svh - 8.5rem) * 9 / 16)));display:grid;justify-items:center;scroll-margin-top:calc(var(--cabecera,4.5rem) + .5rem)}
.mlg-video__marco{position:relative;width:var(--mlg-ancho);aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0b1424;box-shadow:0 0 0 1px var(--mlg-borde),0 30px 80px -40px rgba(0,0,0,.9)}
.mlg-video__v{display:block;width:100%;height:100%;object-fit:contain;background:#0b1424}
.mlg-progreso{width:var(--mlg-ancho);margin-top:.8rem}
.mlg-progreso__txt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .75rem;margin:0 0 .45rem;font-size:.86rem}
.mlg-progreso__ahora{color:var(--papel);font-weight:600}
.mlg-progreso__listos{font-family:var(--mono);font-size:.74rem;color:var(--papel-45)}
.mlg-progreso__barra{height:6px;border-radius:99px;background:var(--papel-10,rgba(242,246,251,.1));overflow:hidden}
.mlg-progreso__barra span{display:block;height:100%;width:var(--mlg-pct,0%);border-radius:inherit;background:linear-gradient(90deg,var(--mlg-rojo-osc),var(--mlg-rojo));transition:width .4s ease}
.mlg-progreso.mlg-completa .mlg-progreso__barra span{background:var(--mlg-ok)}

/* Cartel al terminar cada video */
.mlg-fin{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;gap:.8rem;padding:1.5rem 1.25rem;text-align:center;background:rgba(5,7,13,.88);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mlg-fin[hidden]{display:none}
.mlg-fin__rot{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mlg-ok)}
.mlg-fin__titulo{margin:0;font-family:var(--display);font-size:1.45rem;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--papel)}
.mlg-fin__txt{margin:0;max-width:20rem;font-size:.9rem;line-height:1.55;color:var(--papel-70)}
.mlg-fin__acciones{display:grid;gap:.55rem;justify-items:center;margin-top:.3rem}
.mlg-fin__chico{padding:.3rem .2rem;border:0;background:none;color:var(--papel-70);font:inherit;font-size:.82rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mlg-fin__chico:hover,.mlg-fin__chico:focus-visible{color:var(--papel)}

/* Lista de pasos */
.mlg-pasos{position:relative;min-width:0}
.mlg-extras{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .7rem}
.mlg-extras--fin{margin:.7rem 0 0}
.mlg-extra{white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.35rem .75rem .35rem .6rem;border:1px dashed var(--papel-22,rgba(242,246,251,.22));border-radius:999px;background:transparent;color:var(--papel-70);font:inherit;font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.mlg-extra svg{color:var(--mlg-rojo)}
.mlg-extra time{font-family:var(--mono);font-size:.72rem;color:var(--papel-45)}
.mlg-extra:hover,.mlg-extra:focus-visible{border-color:var(--mlg-rojo);color:var(--papel)}
.mlg-extra.mlg-sonando{border-style:solid;border-color:var(--mlg-rojo);background:rgba(250, 102, 0,.12);color:var(--papel)}
.mlg-desmarcar{margin-left:auto;padding:.35rem .2rem;border:0;background:none;color:var(--papel-45);font:inherit;font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mlg-desmarcar:hover,.mlg-desmarcar:focus-visible{color:var(--papel)}
.mlg-lista{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}
.mlg-paso{position:relative;padding:.8rem .85rem .85rem;border:1px solid var(--mlg-borde);border-radius:12px;background:var(--mlg-fondo);transition:border-color .25s,background .25s}
.mlg-paso:before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:3px;background:transparent;transition:background .25s}
.mlg-paso.mlg-sonando{border-color:rgba(250, 102, 0,.6);background:linear-gradient(90deg,rgba(250, 102, 0,.13),rgba(250, 102, 0,.02) 65%),var(--mlg-fondo)}
.mlg-paso.mlg-sonando:before{background:var(--mlg-rojo)}
.mlg-paso__fila{display:flex;align-items:flex-start;gap:.6rem}
.mlg-paso__ir{flex:1 1 auto;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;column-gap:.7rem;row-gap:.1rem;min-width:0;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.mlg-paso__ir:focus-visible{outline:2px solid var(--mlg-rojo);outline-offset:4px;border-radius:6px}
.mlg-paso__n{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--papel-22,rgba(242,246,251,.22));font-family:var(--display);font-size:.9rem;font-weight:800;color:var(--papel);transition:background .2s,border-color .2s,color .2s}
.mlg-paso__n svg{display:none}
.mlg-paso.mlg-sonando .mlg-paso__n{background:var(--mlg-rojo);border-color:var(--mlg-rojo);color:#fff}
.mlg-paso.mlg-hecho .mlg-paso__n{background:var(--mlg-ok);border-color:var(--mlg-ok);color:#05070d}
.mlg-paso.mlg-hecho .mlg-paso__num{display:none}
.mlg-paso.mlg-hecho .mlg-paso__n svg{display:block}
.mlg-paso__titulo{grid-column:2;min-width:0;padding-top:.22rem;font-family:var(--display);font-size:1.02rem;font-weight:800;line-height:1.22;letter-spacing:-.01em;color:var(--papel)}
.mlg-paso__ir:hover .mlg-paso__titulo{text-decoration:underline;text-decoration-color:var(--mlg-rojo);text-underline-offset:4px}
.mlg-paso__t{grid-column:2;font-family:var(--mono);font-size:.74rem;color:var(--papel-45)}
.mlg-listo{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;min-height:32px;padding:.2rem .65rem .2rem .3rem;border:1px solid var(--papel-22,rgba(242,246,251,.22));border-radius:999px;font-size:.78rem;color:var(--papel-70);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,background .2s,color .2s}
.mlg-listo input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.mlg-listo__caja{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--papel-45);color:transparent;transition:background .2s,border-color .2s,color .2s}
.mlg-listo:hover{border-color:var(--mlg-ok);color:var(--papel)}
.mlg-listo:focus-within{outline:2px solid var(--mlg-ok);outline-offset:2px}
.mlg-listo:has(input:focus:not(:focus-visible)){outline:none}
.mlg-paso.mlg-hecho .mlg-listo{border-color:var(--mlg-ok);background:rgba(62,203,146,.12);color:var(--papel)}
.mlg-paso.mlg-hecho .mlg-listo__caja{background:var(--mlg-ok);border-color:var(--mlg-ok);color:#05070d}
.mlg-paso__d{margin:.45rem 0 0 calc(30px + .7rem);font-size:.9rem;line-height:1.6;color:var(--papel-70)}
.mlg-paso__moms{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0 0 calc(30px + .7rem)}
.mlg-mom{white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:.25rem .65rem;border:1px solid var(--mlg-borde);border-radius:999px;background:rgba(242,246,251,.03);color:var(--papel-70);font:inherit;font-size:.76rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.mlg-mom time{font-family:var(--mono);font-size:.7rem;color:var(--papel-45)}
.mlg-mom:hover,.mlg-mom:focus-visible{border-color:var(--mlg-rojo);color:var(--papel)}
.mlg-mom.mlg-sonando{border-color:var(--mlg-rojo);background:rgba(250, 102, 0,.15);color:var(--papel)}

/* Escritorio: el video a la izquierda y la lista a la derecha, con su propio scroll */
@media (min-width:900px){
.mlg-parte__grilla{grid-template-columns:var(--mlg-v) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.25rem)}
.mlg-video{--mlg-ancho:100%}
.mlg-pasos{max-height:calc(var(--mlg-v) * 16 / 9 + 4.6rem);overflow:auto;overscroll-behavior:contain;padding:.15rem .5rem .25rem .15rem;scrollbar-width:thin;scrollbar-color:var(--papel-22,rgba(242,246,251,.22)) transparent}
}
@media (max-width:620px){
.mlg-tabs{gap:.4rem}
.mlg-tab{flex-direction:column;align-items:flex-start;gap:.45rem;min-height:0;padding:.65rem .6rem}
.mlg-tab__n{width:28px;height:28px;font-size:.85rem}
.mlg-tab__txt b{font-size:.86rem}
.mlg-tab__txt small{font-size:.64rem}
.mlg-equipos__marca{min-width:0;flex:0 0 100%}
.mlg-paso__d,.mlg-paso__moms{margin-left:0}
}

/* --- ¿Algo no anda? -------------------------------------------------------------------------- */
.mlg-prob__lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:.6rem;margin:0 0 1.25rem;padding:0;list-style:none}
.mlg-prob{position:relative;display:grid;align-content:start;gap:.25rem;height:100%;padding:.95rem 2.7rem .95rem 1rem;border:1px solid var(--mlg-borde);border-radius:12px;background:var(--mlg-fondo);color:var(--papel-70);font-size:.88rem;line-height:1.5;text-decoration:none;transition:border-color .2s,transform .2s}
.mlg-prob b{color:var(--papel);font-size:.95rem}
.mlg-prob svg{position:absolute;right:1rem;top:50%;margin-top:-9px;color:var(--mlg-rojo)}
.mlg-prob:hover,.mlg-prob:focus-visible{border-color:var(--mlg-rojo);transform:translateY(-1px)}
.mlg-ayuda{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1.3rem 1.4rem;border:1px solid var(--mlg-borde);border-left:2px solid var(--mlg-rojo);border-radius:var(--radio,4px);background:var(--mlg-fondo)}
.mlg-ayuda__titulo{margin:0 0 .3rem;font-family:var(--display);font-size:1.25rem;font-weight:800;color:var(--papel)}
.mlg-ayuda__txt p{margin:0;max-width:36rem;font-size:.92rem;line-height:1.6}
.mlg-ayuda__acciones{display:flex;flex-wrap:wrap;gap:.6rem}
.mlg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border:1px solid var(--papel-22,rgba(242,246,251,.22));border-radius:999px;background:transparent;color:var(--papel);font:inherit;font-size:.938rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.mlg-btn:hover,.mlg-btn:focus-visible{border-color:var(--papel);transform:translateY(-1px)}
.mlg-btn--fuerte{background:var(--mlg-rojo-osc,#d95700);border-color:var(--mlg-rojo-osc,#d95700);color:#fff}
.mlg-btn--fuerte:hover,.mlg-btn--fuerte:focus-visible{background:var(--mlg-rojo);border-color:var(--mlg-rojo)}
.mlg-fuente{margin:clamp(.5rem,2vh,1.5rem) 0 0;font-size:.813rem;line-height:1.6;color:var(--papel-45)}
.mlg-fuente a{color:var(--papel-70)}
@media (max-width:620px){.mlg-ayuda__acciones,.mlg-ayuda__acciones .mlg-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.mlg *{transition:none!important}}