/* ·steakpedia — LA SECCIÓN BEEF en /cuts/ (K). GENERADO por docs/planes/steakpedia/beef-2026-10-28/instalar_k.js: no editar acá. */

/* ── comun.css */
/* Muestras de Beef — lo común: la barra de las 5 puertas y las piezas chicas. Reglas del diseño A: tinta, el rojo sólo marca y
   lo activo, tamaños 12·14·16·18·20·24·30·36, múltiplos de 4, filetes y no cajas. */
/* 29/10: ya no se pega arriba: pegada en top:0 tapaba el encabezado del sitio (también pegado en top:0) y dejaba asomar el logo */
.mxb-barra{border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}
.mxb-barra .wrap{display:flex;gap:4px 24px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding-top:0;padding-bottom:0}
.mxb-barra .wrap::-webkit-scrollbar{display:none}
.mxb-barra-s{font:600 12px/1 var(--body);letter-spacing:var(--kick-track);text-transform:uppercase;color:var(--muted);padding-right:8px;border-right:1px solid var(--line)}
.mxb-barra a{font:500 14px/1 var(--body);color:var(--ink);text-decoration:none;padding:16px 0 13px;border-bottom:3px solid transparent}
.mxb-barra a:hover{border-bottom-color:var(--line)}
.mxb-barra a[aria-current]{border-bottom-color:var(--rojo);font-weight:600}
@media (max-width:719px){.mxb-barra .wrap{gap:4px 20px}.mxb-barra-s{display:none}}

.mxb-pt{display:inline-flex;gap:3px;vertical-align:middle}
.mxb-pt i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.mxb-pt i.y{background:var(--ink)}
.mxb-vaca{display:block;width:100%;max-width:100%;height:auto}
.mxb-vaca image{opacity:.92}
.mxb-k{font:600 12px/1.3 var(--body);letter-spacing:var(--kick-track);text-transform:uppercase;color:var(--muted)}
.mxb-src{font-size:12px;color:var(--muted);line-height:1.5}

/* las 4 puertas de abajo (A y C) */
.mxb-puertas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--ink);margin:48px 0 0}
.mxb-puertas > a{display:flex;flex-direction:column;gap:8px;padding:20px 20px 24px 0;margin-right:20px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.mxb-puertas > a:hover b{text-decoration:underline}
.mxb-puertas b{font:600 20px/1.2 var(--titulo)}
.mxb-puertas span{font-size:14px;color:var(--ink2);line-height:1.5}
.mxb-puertas em{font-style:normal;font-size:14px;color:var(--rojo);margin-top:auto}
@media (max-width:899px){.mxb-puertas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:479px){.mxb-puertas{grid-template-columns:1fr}.mxb-puertas > a{margin-right:0}}

/* la franja de premios (A, B y C) */
.mxb-premio{background:var(--ink);color:#fff;margin:48px 0 0;padding:40px 0;box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax)}
.mxb-premio .in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:32px;align-items:start}
.mxb-premio .mxb-k{color:#BDBDBD}
.mxb-premio h2{all:unset;display:block;font:600 30px/1.15 var(--titulo);color:#fff;margin:8px 0}
.mxb-premio p{margin:0;font-size:16px;color:#E6E6E6}
.mxb-premio ul{list-style:none;margin:8px 0 0;padding:0}
.mxb-premio li a{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #333;color:#fff;text-decoration:none;font-size:14px}
.mxb-premio li a span{color:#BDBDBD;text-align:right}
.mxb-premio b{color:#fff}
.mxb-premio li a:hover b{text-decoration:underline}
.mxb-premio .ir{display:inline-block;margin-top:16px;padding:12px 20px;background:#fff;color:var(--ink);font:600 14px/1 var(--body);text-decoration:none}
.mxb-premio .ir:hover{background:var(--rojo);color:#fff}
@media (max-width:899px){.mxb-premio .in{grid-template-columns:1fr;gap:20px}}

/* el buscador de la página queda quieto (pegado arriba tapaba el 3D al bajar) */
.mx-a .cxb,.mx-b .cxb,.mx-c .cxb,.mx-d .cxb,.mx-e .cxb{position:static!important;top:auto!important}
.mxb-3d{display:block;width:100%;height:100%;border:0;background:var(--bg)}
/* 29/10 (Emilio: "se ven cosas malas viejas mezcladas"): lo viejo de /cuts/ (el cuadro plano de la vaca, las listas de antes) no asoma
   mientras carga la sección; b1.js después lo apaga del todo (hidden). Si el JS no llegara a correr, vuelve a verse a los 8 s. */
main > .cxb ~ :not(dialog):not(.mxK):not(.mxbb){visibility:hidden;animation:mxbVer 0s 8s forwards}
@keyframes mxbVer{to{visibility:visible}}
/* (29/10, la portada: las migas y el encabezado de /cuts/ pasan a la escena; plegados desde el principio para que no aparezcan y
   después salten. Si el JS no corriera, se despliegan a los 8 s) */
main > p.crumbs:has(~ .cxb), main > section.hero:has(~ .cxb){max-height:0;overflow:hidden;margin-top:0;margin-bottom:0;padding-top:0!important;padding-bottom:0!important;animation:mxbAbre 0s 8s forwards}
@keyframes mxbAbre{to{max-height:600px;padding-top:20px}}


/* ── b1.css */
/* B · lo de abajo de la vaca (30/10): el marmoleo 3D, el punto 3D, los más tiernos, las puertas y el índice de los 33 cortes */
.mxbb h2{all:unset;display:block}   /* el tamaño lo pone el sitio: main:not(#_) h2 = 24 px !important, igual en todas las páginas */
/* 30/10 pulido: todos los bloques empiezan igual — raya negra arriba, rótulo, título */
.mxbb-mod,.mxbb-rk,.mxbb-cmp,.mxbb-idx{border-top:1px solid var(--ink);padding-top:28px}
.mxbb .mxb-k{display:block;margin:0 0 8px}
.mxbb-vivo .mm-hd h2,.mxbb-vivo .pv-hd h2{margin:0}
.mxbb-vivo .mm-hd .kick,.mxbb-vivo .pv-hd .kick{margin:0 0 8px}
.mxbb-vivo .mm-lede,.mxbb-vivo .pv-lede{margin-top:10px}
/* la franja de premios dentro de /cuts/: como caja (el ancho completo de la portada acá quedaba con el texto pegado al borde) */
.mxbb .mxb-premio{box-shadow:none;clip-path:none;padding:36px 40px;margin-top:48px}
/* los dos 3D publicados: su espacio reservado mientras llegan, y el enlace a la página entera */
.mxbb-mod{margin:8px 0 64px}
.mxbb-esp{min-height:620px}
.mxbb-esp h2{margin:8px 0 0}
.mxbb-carga{color:var(--muted);font-size:14px;margin:16px 0 0}
.mxbb-mod .mm,.mxbb-mod .pv{margin-top:0}
/* dentro de /cuts/ el módulo va compacto: sin la tabla completa, la foto del punto, "seguí leyendo", compartir ni pie (están en su página) */
.mxbb-vivo .mm-tabla,.mxbb-vivo .mm-sig,.mxbb-vivo .mm-foot,.mxbb-vivo .mm-usn,.mxbb-vivo .mm-acc,.mxbb-vivo .pv-sig,.mxbb-vivo .pv-foot,.mxbb-vivo .fp{display:none}
.mxbb-vivo .mm-nota{font:400 13px/1.45 var(--body);color:var(--muted);margin-top:8px}
.mxbb-mas3d{display:none}
.mxbb-ir{display:inline-block;margin-top:16px;font:600 15px/1.3 var(--body);color:var(--ink);text-decoration:underline;text-decoration-color:var(--rojo);text-underline-offset:4px}
/* los más tiernos + comparar */
.mxbb-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.mxbb-dos h2{margin-bottom:16px}
.mxbb-rkp{font-size:13px;color:var(--muted);margin:-8px 0 8px}
.mxbb-rk ol{list-style:none;margin:0;padding:0}
.mxbb-rk li{display:grid;grid-template-columns:minmax(0,1fr) 120px 48px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:16px}
.mxbb-rk li a{color:var(--ink)}
.mxbb-rk li span:last-child{text-align:right;font-size:14px;color:var(--muted)}
.mxbb-bar{height:8px;background:var(--line)}
.mxbb-bar i{display:block;height:100%;background:var(--ink)}
.mxbb-rk details{margin-top:12px;font-size:14px}
.mxbb-rk summary{cursor:pointer;text-decoration:underline}
.mxbb-rk table{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px}
.mxbb-rk td,.mxbb-rk th{text-align:left;padding:4px 8px 4px 0;border-bottom:1px solid var(--line)}
.mxbb-cmp ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.mxbb-cmp li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--line);font-size:16px}
.mxbb-cmp li a{color:var(--ink)}
.mxbb-mas{display:inline-block;margin-top:12px;font-size:14px;color:var(--ink)}
/* las puertas: 5 tarjetas de texto, una fila */
.mxbb-pu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:64px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.mxbb-pu:empty{display:none}
.mxbb-pu a{display:flex;flex-direction:column;gap:6px;padding:20px 20px 24px 0;margin-right:20px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}
.mxbb-pu a:last-child{border-right:0;margin-right:0}
.mxbb-pu a:hover b{text-decoration:underline;text-decoration-color:var(--rojo);text-underline-offset:4px}
.mxbb-pu b{font:600 19px/1.2 var(--titulo)}
.mxbb-pu span:last-child{font-size:14px;line-height:1.4;color:var(--muted)}
/* el índice de los 33: texto por primario, sin dibujos */
.mxbb-idx{margin-top:64px}
.mxbb-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 24px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.mxbb-ley{font-size:12px;color:var(--muted);margin:0;display:flex;gap:8px;align-items:center}
.mxbb-z{columns:5;column-gap:32px;padding-top:8px}
.mxbb-zona{break-inside:avoid;padding:16px 0 12px}
.mxbb-zona h3{all:unset;display:flex;gap:8px;align-items:baseline;font:600 17px/1.2 var(--titulo);margin-bottom:6px}
.mxbb-zona h3 a{color:var(--ink);text-decoration:none}
.mxbb-zona h3 span{font:600 12px/1 var(--body);color:var(--rojo)}
.mxbb-zona ul{list-style:none;margin:0;padding:0}
.mxbb-zona li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:15px}
.mxbb-zona li a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.mxbb-zona li a:hover{text-decoration-color:var(--ink)}
@media (max-width:1279px){.mxbb-z{columns:4}}
@media (max-width:1023px){
  .mxbb-dos{grid-template-columns:1fr;gap:32px}
  .mxbb-pu{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mxbb-pu a:nth-child(3){border-right:0;margin-right:0}
  .mxbb-z{columns:3}
}
@media (max-width:639px){
  .mxbb-esp{min-height:520px}
  /* 30/10 "achicá el teléfono": sin la bajada del módulo, los datos debajo del 3D plegados (queda el retirar/final del punto),
     4 comparaciones, las puertas en una tira que se desliza y sin la franja de premios (la puerta Awards ya la nombra) */
  .mxbb-vivo .mm-lede,.mxbb-vivo .pv-lede{display:none}
  .mxbb-vivo:not(.abierto) .mm-info,.mxbb-vivo:not(.abierto) .pv-cols,.mxbb-vivo:not(.abierto) .pv-acc{display:none}
  .mxbb-mas3d{display:block;width:100%;margin-top:12px;padding:12px;border:1px solid var(--ink);background:none;color:var(--ink);font:600 14px/1 var(--body);cursor:pointer}
  .mxbb-cmp li:nth-child(n+5){display:none}
  .mxbb-pu{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:40px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mxbb-pu::-webkit-scrollbar{display:none}
  .mxbb-pu a:nth-child(n){flex:0 0 72%;scroll-snap-align:start;border-bottom:0;border-right:1px solid var(--line);margin-right:16px;padding:16px 16px 16px 0}
  .mxb-premio{display:none}
  .mxbb-idx{margin-top:48px}
  .mxbb-mod,.mxbb-rk,.mxbb-cmp,.mxbb-idx{padding-top:20px}
  .mxbb .mxb-premio{padding:28px 20px}
  .mxbb-mod{margin-bottom:40px}
  /* el índice en el teléfono: cada primario es un renglón corrido ("Chuck eye · Denver steak · …"), sin los puntitos */
  .mxbb-z{columns:1}
  .mxbb-zona{padding:14px 0 12px;border-bottom:1px solid var(--line)}
  .mxbb-zona ul{display:flex;flex-wrap:wrap;gap:2px 0}
  .mxbb-zona li{display:inline;padding:2px 0;font-size:16px}
  .mxbb-zona li:not(:last-child)::after{content:"·";margin:0 8px;color:var(--muted)}
  .mxbb-zona li .mxb-pt,.mxbb-ley{display:none}
  .mxbb-cmp ul{columns:1}
}


/* ── k.css */
/* K · EL EXPLORADOR BEEF EN 4 PASOS (29/10/2026, la maqueta B que eligió Emilio: maquetas/maqueta.html?m=b). Animal → el primario
   entero sin limpiar → el corte → el bife. El 3D llena el escenario; la interfaz flota en una grilla (márgenes 48, 12 columnas de 90
   con calle 24): columna 1–3 a la izquierda, 10–12 a la derecha, la pieza al centro apoyada en el piso, una banda fija abajo. */
.mxK{--ink:#111;--muted:#6B6B6B;--line:#E3E3E3;--rojo:#E0291B;--pmar:48px;position:relative;background:#fff;color:var(--ink);margin:0 0 40px}
.mxK *{box-sizing:border-box}
.mxK{scroll-margin-top:var(--sup,64px)}
.mxK-esc{position:relative;height:clamp(480px,calc(100svh - var(--sup,64px)),900px);overflow:hidden;background:#fff}
.mxK-esc iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;transition:opacity .4s ease .16s}
.mxK-esc iframe.fuera{opacity:0;pointer-events:none;transition:opacity .16s ease}   /* 29/10: en secuencia: sale uno rápido y recién después entra el otro (antes se cruzaban y se veían los dos) */
.mxK-foto{position:absolute;left:28%;right:28%;top:18%;bottom:20%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.mxK-foto img{max-width:100%;max-height:100%;object-fit:contain}
/* la espera: la vaca publicada (2000×1100, el animal ocupa ~73 % del ancho) donde va a quedar la 3D; se funde al llegar */
.mxK-espera{position:absolute;left:50%;top:210px;bottom:132px;width:min(1000px,80%);transform:translateX(-41%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:1;transition:opacity .5s;pointer-events:none}
.mxK-espera i{display:block;width:120px;height:2px;border-radius:2px;background:var(--line);overflow:hidden;position:relative}
.mxK-espera i::after{content:"";position:absolute;inset:0;width:40%;background:var(--ink);border-radius:2px;animation:mxKbarra 1.1s ease-in-out infinite}
@keyframes mxKbarra{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.mxK-espera img{max-width:100%;max-height:calc(100% - 34px);min-height:0;flex:0 1 auto;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.9}
.mxK-espera span{font:500 13px "Inter Tight",Arial,sans-serif;color:var(--muted)}
.mxK.cargado .mxK-espera{opacity:0;transition-duration:.25s}
.mxK:not(.cargado) .mxK-capa>:not(.mxK-cab),.mxK:not(.cargado) .mxK-res{opacity:0}   /* 29/10: la vaca no se muestra a medio armar; entra entera, con sus nombres */
/* el teclado: el foco se ve (y sólo con teclado) */
.mxK button:focus-visible,.mxK a:focus-visible,.mxK [role=button]:focus-visible,.mxK input:focus-visible{outline:2px solid var(--rojo);outline-offset:3px;border-radius:999px}
.mxK .mxK-zl:focus-visible,.mxK .mxK-call:focus-visible{border-radius:4px}
.mxK-capa{position:absolute;inset:0;pointer-events:none;z-index:2;transition:opacity .4s ease .16s}   /* (29/10: entra junto con la vaca, no antes) */
.mxK.volando .mxK-capa{opacity:0;transition:opacity .2s ease}   /* mientras la cámara vuela a la zona, la vaca sola */
/* el vietnamita: la cursiva de Georgia no tiene sus tildes → letra recta */
.mxK:lang(vi) .mxK-cab-d,.mxK-pie:lang(vi) .lede,.mxK:lang(vi) .mxK-l{font:400 16px/1.45 "Inter Tight",Arial,sans-serif;color:#2E2E2E}
.mxK-capa a,.mxK-capa button,.mxK-capa [data-ir]{pointer-events:auto}
.mxK-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.mxK-svg line{stroke:#8E8E8E;stroke-width:1}.mxK-svg line.on{stroke:var(--rojo)}
.mxK-svg circle{stroke:#fff;stroke-width:2}.mxK-svg circle.hueco{fill:#fff;stroke:var(--ink);stroke-width:1.6}.mxK-svg circle.on{fill:var(--rojo);stroke:#fff}
/* la columna izquierda: pasos, título, una línea, anterior/siguiente, dónde está */
.mxK-izq{position:absolute;left:var(--pmar);top:24px;width:318px;pointer-events:auto}
.mxK-pasos{display:flex;flex-wrap:nowrap;gap:22px;font:500 13px/1 "Inter Tight",Arial,sans-serif;color:var(--muted);margin:0 0 16px;padding:0;list-style:none}
.mxK-pasos span{padding-bottom:9px;cursor:default;white-space:nowrap}.mxK-pasos i{font-style:normal;margin-right:6px;font-weight:600}
.mxK-pasos .on{color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 0 transparent,inset 0 -2px 0 var(--rojo)}
.mxK-pasos .ya{color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.mxK-k{font:600 12px/1.3 "Inter Tight",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.mxK .mxK-h{font:600 46px/1.04 Fraunces,Georgia,serif;margin:0;letter-spacing:-.01em;color:var(--ink)}   /* (la hoja del sitio achica los h2 de main) */
.mxK-izq.ancho{width:auto;max-width:calc(100% - 2 * var(--pmar))}@media (min-width:761px){.mxK-izq.ancho .mxK-h{white-space:nowrap}}
.mxK-l{font:italic 400 18px/1.4 Georgia,serif;color:#2E2E2E;margin:8px 0 0}.mxK-alias{font:400 15px/1.45 "Inter Tight",Arial,sans-serif;color:var(--muted);margin:8px 0 0}
/* anterior / siguiente: una sola cápsula partida (29/10, Emilio eligió C entre 3 muestras: maquetas/salida/tablero-botones.html) */
.mxK-vec{display:inline-flex;align-items:center;margin-top:22px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#fff}
.mxK-vec button{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 12px;font:500 12.5px/1 "Inter Tight",Arial,sans-serif;background:none;color:var(--ink);cursor:pointer;transition:background .15s}
.mxK-vec button+button{box-shadow:-1px 0 0 var(--line)}.mxK-vec .mxK-ic{color:var(--muted)}
.mxK-vec small{display:none}
.mxK-vec button:hover{background:#F4F4F4}
.mxK-migas{display:none}
.mxK-volver{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;border:0;background:none;padding:0;font:500 13px/1 "Inter Tight",Arial,sans-serif;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;cursor:pointer}
.mxK-sin3d{position:absolute;left:50%;top:150px;transform:translateX(-50%);font:600 12px/1 "Inter Tight",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--line);border-radius:999px;padding:8px 14px;background:#fff;white-space:nowrap}
/* la cadena (29/10, Emilio: "achiquemos espacio en blanco y aumentemos un poco el tamaño de las piezas, balanceado, elegante"): cada
   eslabón en una caja del ancho de la vaca, la pieza llenándola; la flecha chica, centrada, sin aire de más */
.mxK-cadena{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:0}.mxK-cadena.tel{display:none}
.mxK-cadena .mxK-k{font-size:10px;margin-bottom:8px}
.mxK-eslabon{display:flex;align-items:center;gap:14px;border:0;background:none;padding:0;cursor:pointer;color:var(--ink);text-align:left}
.mxK-eslabon .mini{width:104px;height:70px;display:grid;place-items:center;overflow:hidden;flex:none}
.mxK-eslabon .mini img{width:104px;height:70px;max-width:none;object-fit:contain;mix-blend-mode:multiply}   /* (medidas fijas: el % de alto no se resuelve en la grilla) */   /* (recortadas al borde: t-*.png) */
.mxK-eslabon.vaca .mini{height:auto;overflow:visible}.mxK-eslabon.vaca svg{width:104px;height:auto;display:block}.mxK-eslabon.vaca svg path{fill:transparent}.mxK-eslabon.vaca svg path.on{fill:var(--rojo);opacity:.85}
.mxK-eslabon .nom{font:600 13px/1.2 "Inter Tight",Arial,sans-serif;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.mxK-eslabon:hover .nom{color:var(--rojo)}
.mxK-flecha{display:block;width:104px;text-align:center;font-style:normal;color:#B5B5B5;font-size:11px;line-height:1;margin:3px 0}
.mxK-donde{margin-top:30px}.mxK-donde.tel{display:none}.mxK-donde .mxK-k{font-size:10px}.mxK-donde svg{width:180px;height:auto;display:block}
.mxK-donde path{fill:transparent}.mxK-donde path.on{fill:var(--rojo);opacity:.85}
.mxK-ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* los nombres de las zonas alrededor de la vaca */
.mxK-zl{position:absolute;white-space:nowrap;pointer-events:auto;cursor:pointer;background:none;border:0;padding:0;color:var(--ink)}
.mxK-zl b{display:block;font:600 23px/1.05 Fraunces,Georgia,serif;letter-spacing:-.005em}
.mxK-zl span{display:block;margin-top:4px;font:600 10.5px/1 "Inter Tight",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mxK-zl.c{transform:translate(-50%,-100%);text-align:center}.mxK-zl.i{transform:translate(-100%,-50%);text-align:right}
.mxK-zl.d{transform:translate(0,-50%);text-align:left}.mxK-zl.ab{transform:translate(-50%,0);text-align:center}
.mxK-zl:hover b,.mxK-zl.hov b{color:var(--rojo)}
.mxK.sinnombres .mxK-zl,.mxK.sinnombres .mxK-svg{display:none}
/* las llamadas de la pieza (paso 2 y 3) */
.mxK-call{position:absolute;transform:translateY(-50%);width:318px;pointer-events:auto;cursor:pointer;background:none;border:0;padding:0;text-align:left;color:var(--ink)}
.mxK-call.i{text-align:right}
.mxK-call b{display:block;font:600 22px/1.15 Fraunces,Georgia,serif}.mxK-call span{font:400 14px/1.4 "Inter Tight",Arial,sans-serif;color:var(--muted)}
.mxK-call.on b,.mxK-call:hover b{color:var(--rojo)}
.mxK-call.lista{position:relative;transform:none;display:block;margin:0 0 18px}
.mxK-der{position:absolute;right:var(--pmar);top:24px;width:318px;pointer-events:auto}
.mxK-der.abajo{top:auto;bottom:118px}
.mxK-tam .mxK-k{border-bottom:1px solid var(--line);padding-bottom:8px}
.mxK-tam button{display:flex;align-items:center;gap:12px;width:100%;height:52px;border:0;border-bottom:1px solid var(--line);background:none;font:600 15px "Inter Tight",Arial,sans-serif;color:var(--ink);cursor:pointer;text-align:left;padding:0}
.mxK-tam img{width:60px;height:40px;object-fit:contain}.mxK-tam button:hover{color:var(--rojo)}
.mxK-dato{position:absolute;left:var(--pmar);bottom:130px;width:318px;pointer-events:auto}
.mxK-medido{display:inline-flex;gap:8px;align-items:center;border:1.5px solid var(--rojo);color:var(--rojo);border-radius:999px;padding:7px 12px;font:600 12px/1.2 "Inter Tight",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.mxK-barras{margin:12px 0 6px}
.mxK-barras div{display:grid;grid-template-columns:70px 1fr 28px;align-items:center;gap:12px;font:600 12px "Inter Tight",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);height:24px}
.mxK-barras u{height:3px;background:var(--line);position:relative;text-decoration:none}.mxK-barras u::after{content:"";position:absolute;inset:0;width:var(--v);background:var(--ink)}
.mxK-barras em{font-style:normal;color:var(--ink);text-align:right;letter-spacing:0}
.mxK-fuente{font:400 11px/1.4 "Inter Tight",Arial,sans-serif;color:var(--muted)}
.mxK-coc{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.45 "Inter Tight",Arial,sans-serif;margin:0 0 14px}
/* "At a glance" (29/10): tres datos, escalas en palabras, el botón a todo el ancho + copiar enlace */
/* el panel "más" (29/10): entra desde la derecha sobre la columna derecha; la vaca y el bife siguen a la vista */
.mxK-mas{position:absolute;top:16px;right:16px;bottom:112px;left:400px;z-index:8;background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border:1px solid rgba(17,17,17,.08);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.14);transform:translateX(28px);opacity:0;transition:transform .3s ease,opacity .3s ease;display:flex}
.mxK.con-mas .mxK-mas{transform:none;opacity:1}
.mxK.con-mas .mxK-der{opacity:0;pointer-events:none}
.mxK-mas-c{display:flex;flex-direction:column;width:100%;min-height:0;padding:26px 34px 20px}
.mxK-mas-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.mxK-mas-t{font:600 38px/1.05 Fraunces,Georgia,serif;margin-top:6px;letter-spacing:-.01em}
.mxK-x{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;font:400 20px/1 "Inter Tight",Arial,sans-serif;cursor:pointer;color:var(--ink);flex:none}.mxK-x:hover{border-color:var(--ink)}
.mxK-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid rgba(17,17,17,.1);padding-bottom:14px;margin-bottom:20px}
.mxK-tabs button{border:1px solid transparent;background:none;border-radius:999px;padding:6px 13px;font:500 14px/1 "Inter Tight",Arial,sans-serif;color:var(--muted);cursor:pointer}
.mxK-tabs small{margin-left:6px;font:600 11px/1 "Inter Tight",Arial,sans-serif;opacity:.6}
.mxK-tabs button:hover{color:var(--ink);background:rgba(17,17,17,.04)}.mxK-tabs button[aria-selected="true"]{color:#fff;background:var(--ink);border-color:var(--ink);font-weight:600}
.mxK-mas-b{flex:1;min-height:0;overflow:auto;font:400 15px/1.6 Georgia,serif;color:#2E2E2E;padding-right:10px}
.mxK-mas-b .mxK-mas-h3{font:600 12px/1.3 "Inter Tight",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;color:var(--muted)}
.mxK-mas-b p.lead{font:400 21px/1.45 Fraunces,Georgia,serif;color:var(--ink);margin:0 0 20px;max-width:46em}
.mxK-dos{column-count:2;column-gap:36px}.mxK-dos>*{break-inside:avoid}
/* recetas y maridaje: tarjetas por tipo */
.mxK-mas-b dl.mxK-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;font:inherit}
.mxK-mas-b dl.mxK-tarjetas>div{display:block;border:1px solid rgba(17,17,17,.08);border-radius:14px;background:rgba(255,255,255,.7);padding:14px 16px}
.mxK-mas-b dl.mxK-tarjetas dt{margin-bottom:8px}.mxK-mas-b dl.mxK-tarjetas dd{font:600 17px/1.35 Fraunces,Georgia,serif;color:var(--ink)}
/* steakhouses: ciudades en tarjetas */
.mxK-mas-b dl.mxK-ciudades{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.mxK-mas-b dl.mxK-ciudades>div{display:block;border:1px solid rgba(17,17,17,.08);border-radius:14px;background:rgba(255,255,255,.7);padding:14px 16px}
.mxK-mas-b dl.mxK-ciudades dt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.mxK-mas-b dl.mxK-ciudades dt a{font:600 19px/1.2 Fraunces,Georgia,serif;text-decoration:none}
.mxK-mas-b dl.mxK-ciudades dd{display:flex;flex-direction:column;gap:3px}.mxK-mas-b dl.mxK-ciudades dd a{text-decoration-color:var(--line)}
/* nombres: grilla de idiomas */
.mxK-idiomas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:16px}
.mxK-idiomas div{border-top:1px solid rgba(17,17,17,.1);padding-top:8px}.mxK-idiomas span{display:block;font:500 11px/1 "Inter Tight",Arial,sans-serif;color:var(--muted);margin-bottom:5px}
.mxK-idiomas b{font:600 18px/1.25 Fraunces,Georgia,serif;color:var(--ink)}
.mxK-mas-b p{margin:0 0 12px}.mxK-mas-b .small,.mxK-mas-b .muted{font:400 12px/1.4 "Inter Tight",Arial,sans-serif;color:var(--muted)}
.mxK-mas-b a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rojo);text-underline-offset:3px}
.mxK-mas-b dl{margin:0 0 12px;font:400 14px/1.45 "Inter Tight",Arial,sans-serif}.mxK-mas-b dl>div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.mxK-mas-b dt{font:600 11px/1.6 "Inter Tight",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mxK-mas-b dd{margin:0}
.mxK-mas-b dl.donde:not(.mxK-ciudades) dt{display:flex;justify-content:space-between;text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink)}.mxK-mas-b dl.donde dd{display:flex;flex-wrap:wrap;gap:4px 10px}
.mxK-mas-b table{width:100%;border-collapse:collapse;font:400 14px/1.4 "Inter Tight",Arial,sans-serif}.mxK-mas-b td,.mxK-mas-b th{padding:6px 0;border-top:1px solid var(--line);text-align:left}
.mxK-mas-b td:first-child{color:var(--muted);width:40%}
.mxK-mas-b dl.donde a,.mxK-mas-b dl.donde span{font:500 14px/1.45 "Inter Tight",Arial,sans-serif}.mxK-mas-b dl.donde dt span{color:var(--muted);font-size:12px}
.mxK-mas-boton{display:inline-flex;align-items:center;gap:8px;margin:4px 0 8px;font:600 14px "Inter Tight",Arial,sans-serif}
.mxK-mas-full{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font:600 14px "Inter Tight",Arial,sans-serif;color:var(--ink);text-decoration:none}.mxK-mas-full:hover{color:var(--rojo)}
.mxK-mas-cargando{color:var(--muted)}
button.mxK-leer{border:0;cursor:pointer;font:inherit}
.mxK-tres{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:12px}
.mxK-tres div{padding:2px 10px 12px 0}.mxK-tres div+div{padding-left:12px;border-left:1px solid var(--line)}
.mxK-tres span{display:block;font:600 10px/1 "Inter Tight",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.mxK-tres b{font:600 15px/1.25 Fraunces,Georgia,serif}
.mxK-escalas{margin:2px 0 6px}
.mxK-esc1{display:grid;grid-template-columns:62px 1fr 92px;align-items:center;gap:12px;height:30px;border-radius:6px;outline:0;cursor:default}
.mxK-esc1:hover,.mxK-esc1:focus-visible{background:#F6F6F6}
.mxK-esc1 .n{font:600 11px/1 "Inter Tight",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-left:4px}
.mxK-esc1 .mxK-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.mxK-esc1 .mxK-seg i{height:6px;border-radius:3px;background:#E8E8E8}.mxK-esc1 .mxK-seg i.on{background:var(--ink)}
.mxK-esc1 b{font:600 13px/1 "Inter Tight",Arial,sans-serif;text-align:right;padding-right:4px}
.mxK-que{min-height:18px;margin:4px 0 0;font:400 12px/1.4 "Inter Tight",Arial,sans-serif;color:var(--muted)}
/* "More about": el título con el enlace al lado, una pastilla por sección de la ficha (con cuántas hay) y la guía completa en una
   píldora negra chica (29/10, Emilio: C + "desglosar… para mostrar lo que tenemos") */
.mxK-accion{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.mxK-acc-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mxK-acc-h .mxK-k{margin:0}
.mxK-temas{display:flex;flex-wrap:wrap;gap:6px;min-height:30px}
.mxK-temas button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;font:500 12.5px/1 "Inter Tight",Arial,sans-serif;transition:border-color .15s}
.mxK-temas button small{font:600 11px/1 "Inter Tight",Arial,sans-serif;color:var(--muted)}
.mxK-temas button:hover{border-color:var(--ink)}
.mxK .mxK-leer{display:inline-flex;align-items:center;gap:10px;height:38px;margin-top:12px;padding:0 16px 0 18px;border-radius:999px;background:var(--ink);color:#fff;font:600 13px/1 "Inter Tight",Arial,sans-serif;text-decoration:none}
.mxK-leer svg{transition:transform .2s}.mxK-leer:hover svg{transform:translateX(3px)}.mxK .mxK-leer:hover{background:var(--rojo);color:#fff}
.mxK-copiar{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}.mxK-copiar span{display:none}.mxK-copiar .mxK-ic{width:14px;height:14px}
.mxK-copiar:hover{border-color:var(--ink)}.mxK-copiar.ok{border-color:var(--good,#1F7A4D);color:var(--good,#1F7A4D)}
/* la banda de abajo: todos los cortes · ayuda | los 9 primarios | los controles */
.mxK-banda{position:absolute;left:var(--pmar);right:var(--pmar);bottom:0;height:96px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;z-index:3}
.mxK-todos{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:999px;padding:10px 16px;font:600 14px/1 "Inter Tight",Arial,sans-serif;background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap;text-decoration:none}
.mxK-ayuda{font:500 12px/1 "Inter Tight",Arial,sans-serif;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}
.mxK-dock{margin:0 auto;display:flex;gap:2px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#fff}
.mxK-dock button{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:0;background:none;font:500 14px/1 "Inter Tight",Arial,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap}
.mxK-dock i{width:8px;height:8px;border-radius:50%;flex:none}
.mxK-dock button:hover{background:#F4F4F4}.mxK-dock button.on{color:var(--rojo);box-shadow:inset 0 0 0 1.5px var(--rojo);font-weight:600}
.mxK-ctl{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 6px}
.mxK-ctl button{width:42px;height:40px;display:grid;place-items:center;border:0;background:none;color:var(--ink);cursor:pointer}
.mxK-ctl button:hover{color:var(--rojo)}
.mxK-ctl .vbtn{width:auto;white-space:nowrap;display:flex;gap:7px;padding:0 14px 0 12px;font:600 13px/1 "Inter Tight",Arial,sans-serif;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.mxK-ctl .vbtn[aria-expanded="true"]{color:var(--rojo)}
.mxK-panel{position:absolute;right:var(--pmar);bottom:108px;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.10);padding:16px 18px 14px;z-index:4}
.mxK-panel .mxK-k{display:flex;justify-content:space-between;margin-bottom:10px}
.mxK-vistas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.mxK-vistas button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0 8px;border:1px solid var(--line);border-radius:10px;background:#fff;font:500 11.5px/1 "Inter Tight",Arial,sans-serif;color:var(--muted);cursor:pointer}
.mxK-vistas button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font-weight:600}
.mxK-vistas img{width:64px;height:38px;object-fit:contain}
.mxK-opc>label,.mxK-opc>div{display:flex;align-items:center;justify-content:space-between;height:40px;border-top:1px solid var(--line);font:500 14px "Inter Tight",Arial,sans-serif;cursor:pointer}
.mxK-opc input{appearance:none;width:34px;height:20px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;margin:0}
.mxK-opc input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.mxK-opc input:checked{background:var(--ink)}.mxK-opc input:checked::after{left:16px}
.mxK-zoom{display:flex;align-items:center;gap:6px}.mxK-zoom button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.mxK-teclas{display:flex;flex-wrap:wrap;row-gap:2px;font:500 11.5px/1.9 "Inter Tight",Arial,sans-serif;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.mxK-teclas span{white-space:nowrap;margin-right:10px}
.mxK-teclas kbd{font:600 10.5px "Inter Tight",Arial,sans-serif;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--ink);margin-right:3px}
@media (max-width:760px),(hover:none){.mxK-teclas{display:none}}   /* 29/10: los atajos de teclado no sirven en el teléfono ni en la tablet */
.mxK-banda.muy .mxK-todos{gap:0;padding:11px 13px}.mxK-banda.muy .mxK-todos span{display:none}.mxK-banda.muy .mxK-dock i{display:none}.mxK-banda.muy .mxK-ctl .vbtn span{display:none}.mxK-banda.muy .mxK-ctl button{width:34px}.mxK-banda.muy .mxK-ctl .vbtn{width:auto;padding:0 10px}
.mxK-banda.muy .mxK-dock{min-width:0;overflow-x:auto;scrollbar-width:none}.mxK-banda.muy .mxK-dock::-webkit-scrollbar{display:none}.mxK-banda.muy .mxK-dock button{padding:9px 7px;gap:5px}
.mxK-banda.apretada{gap:12px}.mxK-banda.apretada .mxK-ayuda{display:none}.mxK-banda.apretada .mxK-dock button{padding:9px 9px;gap:6px;font-size:13px}
.mxK-abajo{display:none}
.mxK-esc:fullscreen{height:100vh}
/* el teléfono: el 3D arriba (con números), la lista debajo; una sola página que baja */
@media (max-width:760px){
  .mxK{--pmar:16px}
  .mxK-esc{height:min(64svh,520px);min-height:420px}
  .mxK-espera{top:96px;bottom:64px;width:100%;transform:translateX(-50%)}
  .mxK-izq{top:12px;left:16px;right:16px;width:auto}.mxK-pasos{display:none}
  .mxK-migas{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font:500 13px/1.4 "Inter Tight",Arial,sans-serif;color:var(--muted);margin:0 0 6px}
  .mxK-migas span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;cursor:pointer;padding:4px 0}
  .mxK-migas b{color:var(--ink);font-weight:600}
  .mxK-sin3d{top:auto;bottom:70px}
  .mxK .mxK-h{font-size:30px}.mxK-l{font-size:15px;margin-top:4px}.mxK-alias{font-size:13px}
  .mxK-vec,.mxK-donde.compu,.mxK-der,.mxK-dato,.mxK-call,.mxK-zl,.mxK-banda .mxK-dock,.mxK-banda .mxK-ayuda,.mxK-banda .mxK-todos{display:none!important}
  .mxK-izq:has(.mxK-donde.tel){padding-right:118px}
  .mxK-cadena.compu{display:none}.mxK-izq:has(.mxK-cadena.tel){padding-right:118px}
  .mxK-cadena.tel{display:block;position:absolute;top:10px;right:16px;margin:0}.mxK-cadena.tel .mxK-eslabon{flex-direction:column;gap:2px}.mxK-cadena.tel .mini{width:104px;height:70px}.mxK-cadena.tel .mini img{height:70px}
  .mxK-cadena.tel .nom{font-size:11px}
  .mxK-donde.tel{display:block;position:absolute;top:10px;right:16px;margin:0}.mxK-donde.tel svg{width:110px}.mxK-donde.tel .mxK-k{display:none}
  .mxK-banda{height:56px;border:0;left:auto;right:16px;bottom:8px}
  .mxK-ctl .vbtn span{display:none}
  .mxK-panel{left:16px;right:16px;width:auto;bottom:66px}
  .mxK-n{position:absolute;width:24px;height:24px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;color:var(--ink);font:700 11px/1 "Inter Tight",Arial,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.35);pointer-events:auto;cursor:pointer;border:0}
  .mxK-n.on{background:var(--rojo);color:#fff}
  .mxK-abajo{display:block;padding:12px 16px 0;border-top:1px solid var(--line)}
  .mxK-p9{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .mxK-p9 button{display:flex;align-items:center;gap:7px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 13px/1 "Inter Tight",Arial,sans-serif;color:var(--ink);white-space:nowrap}
  .mxK-p9 b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 10px/1 "Inter Tight",Arial,sans-serif;color:#fff;flex:none}.mxK-p9 em{font-style:normal;color:var(--muted);margin-left:auto}
  .mxK-filas button{display:grid;grid-template-columns:24px 56px 1fr;align-items:center;gap:10px;width:100%;height:56px;border:0;border-top:1px solid var(--line);background:none;text-align:left;color:var(--ink);padding:0}
  .mxK-filas.sin button{grid-template-columns:24px 1fr}   /* (29/10: sin miniaturas, sin la columna vacía) */
  .mxK-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding-right:20px}.mxK-tabs::-webkit-scrollbar{display:none}.mxK-tabs button{flex:none;white-space:nowrap}
  .mxK-filas button:last-child{border-bottom:1px solid var(--line)}.mxK-filas img{width:56px;height:38px;object-fit:contain}
  .mxK-filas b{font:600 17px/1.1 Fraunces,Georgia,serif;display:block}.mxK-filas small{color:var(--muted);font-size:12px}
  .mxK-filas .num{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font:600 11px/1 "Inter Tight",Arial,sans-serif}
  .mxK-filas .on b{color:var(--rojo)}.mxK-filas .on .num{background:var(--rojo);border-color:var(--rojo);color:#fff}
  .mxK-abajo .mxK-todos{display:flex;justify-content:center;width:100%;margin:14px 0 0}
  .mxK-abajo .mxK-barras div{height:22px}
  .mxK-abajo .mxK-accion{margin-top:10px}
  .mxK-mas{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;height:78svh;border-radius:18px 18px 0 0;transform:translateY(30px);z-index:50}
}
/* ── TRANSICIONES (29/10, Emilio: "mejoremos transiciones en toda la página"): una sola familia, corta y suave.
   Lo que se re-arma en cada paso (columna, datos, pastillas, filas, cuerpo del panel) entra subiendo 8 px con un escalonado chico;
   los nombres sobre la pieza y sus líneas se funden cuando quedan clavados; la foto del bife se funde. Nada se mueve si el sistema
   pide menos movimiento. */
@keyframes mxKentra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mxKfunde{from{opacity:0}to{opacity:1}}
.mxK-izq>*,.mxK-der>*,.mxK-dato>*,.mxK-abajo>*,.mxK-mas-b>*,.mxK-temas button,.mxK-filas button{animation:mxKentra .42s cubic-bezier(.2,.7,.2,1) both}
.mxK-izq>:nth-child(2),.mxK-der>:nth-child(2),.mxK-abajo>:nth-child(2),.mxK-temas button:nth-child(2),.mxK-filas button:nth-child(2){animation-delay:.04s}
.mxK-izq>:nth-child(3),.mxK-der>:nth-child(3),.mxK-abajo>:nth-child(3),.mxK-temas button:nth-child(3),.mxK-filas button:nth-child(3){animation-delay:.08s}
.mxK-izq>:nth-child(4),.mxK-der>:nth-child(4),.mxK-abajo>:nth-child(4),.mxK-temas button:nth-child(4),.mxK-filas button:nth-child(4){animation-delay:.12s}
.mxK-izq>:nth-child(n+5),.mxK-der>:nth-child(n+5),.mxK-abajo>:nth-child(n+5),.mxK-temas button:nth-child(n+5),.mxK-filas button:nth-child(n+5){animation-delay:.16s}
.mxK-der>*{animation-duration:.5s}.mxK-der.abajo>*{animation-delay:.2s}
.mxK-et .mxK-call,.mxK-et .mxK-n{opacity:0;transition:opacity .35s ease,color .15s,background .15s}.mxK-et .mxK-call.vis,.mxK-et .mxK-n.vis{opacity:1}
.mxK-zl{animation:mxKfunde .4s ease .1s both}
.mxK-svg{opacity:0;transition:opacity .35s ease}.mxK-svg.lleno{opacity:1}
.mxK-foto img{animation:mxKfunde .45s ease both}
.mxK-dock button,.mxK-tabs button,.mxK-temas button{transition:color .2s,background .2s,border-color .2s}
@media (prefers-reduced-motion:reduce){.mxK *,.mxK *::after{animation:none!important;transition:none!important}.mxK-et .mxK-call,.mxK-et .mxK-n,.mxK-svg{opacity:1}}

/* ── LA PORTADA (29/10, Emilio eligió A): el encabezado de la página dentro de la escena, centrado arriba de la vaca, como una revista */
.mxK-cab{display:none;pointer-events:none}
.mxK.p1 .mxK-cab{display:block;position:absolute;left:0;right:0;top:36px;text-align:center}
.mxK.p1 .mxK-izq .mxK-h,.mxK.p1 .mxK-izq .mxK-l,.mxK.p1 .mxK-izq .mxK-pasos{display:none}
.mxK-cab-k{font:600 11.5px/1 "Inter Tight",Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--rojo);margin:0 0 14px}
main:not(#_) .mxK .mxK-cab h1{font:600 68px/1 Fraunces,Georgia,serif;font-family:Fraunces,Georgia,serif!important;font-size:68px!important;line-height:1!important;letter-spacing:-.025em!important;color:var(--ink);margin:0!important;max-width:none}   /* (la hoja del sitio fuerza los h1 de main) */
.mxK .mxK-cab-d{font:italic 400 19px/1.4 Georgia,serif;font-size:19px!important;color:#555;margin:14px auto 0;max-width:none}
/* 1/11: el título ya no vuelve a entrar al terminar de cargar (se veía dos veces): sin animación */
.mxK-pie{max-width:720px;margin:-8px 0 40px;padding:0 48px}.mxK-pie .lede{font:italic 400 20px/1.55 Georgia,serif;color:#3A3A3A;margin:0;border-left:2px solid var(--rojo);padding-left:18px}
@media (max-width:760px){
  .mxK.p1 .mxK-cab{left:16px;right:16px;top:14px;text-align:left}
main:not(#_) .mxK .mxK-cab h1{font-size:32px!important;line-height:1.02!important}.mxK-cab-k{font-size:10px;margin-bottom:8px}.mxK .mxK-cab-d{font-size:15px!important;margin:6px 0 0}
  .mxK-pie{padding:0 16px;margin:0 0 28px}.mxK-pie .lede{font-size:16px}
}