/* Portadas · páginas de material: estructura común. Cada NNm.html cambia variables y detalles.
   Variables: --m-fondo --m-texto --m-gris --m-linea --m-sup --m-acento --m-r --m-ft --m-f --m-tw --m-tls --m-tt --m-nf --m-nw --m-u0…--m-u4 */
:root{
  --m-fondo:#fff;--m-texto:#191817;--m-gris:#848382;--m-linea:#E2E6EA;--m-sup:#F3F5F7;--m-acento:#EF5517;
  --m-r:10px;--m-ft:inherit;--m-f:inherit;--m-tw:600;--m-tls:-.02em;--m-tt:none;--m-nf:var(--m-ft);--m-nw:var(--m-tw);
  --m-u0:#272625;--m-u1:#737271;--m-u2:#B1B0AF;--m-u3:#F38356;--m-u4:#A9A8A7;
  --m-ease:cubic-bezier(.2,.7,.1,1);--m-ease2:cubic-bezier(.65,0,.35,1)
}
[data-m]{font-family:var(--m-f);color:var(--m-texto)}
[data-m] *{box-sizing:border-box}
:where([data-m]) :where(button,select,input){font:inherit;color:inherit}
[data-m] img{max-width:100%;display:block}
.m-cargando{min-height:320px;background:linear-gradient(90deg,transparent,var(--m-sup),transparent) 0 0/50% 100% no-repeat;animation:m-carga 1.4s linear infinite;border-radius:var(--m-r)}
@keyframes m-carga{from{background-position:-50% 0}to{background-position:150% 0}}
.m-vacio{color:var(--m-gris);padding:24px 0;margin:0}
.m-h{margin:0 0 16px;font-family:var(--m-f);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--m-gris)}
.m-aviso,.m-pie-dato,.m-intro{font-size:13px;line-height:1.5;color:var(--m-gris);margin:14px 0 0}
.m-intro{margin:0 0 18px}
.m-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--m-linea);border-radius:var(--m-rb,999px);background:transparent;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;color:inherit;transition:background .35s var(--m-ease),color .35s,border-color .35s,transform .35s var(--m-ease)}
.m-bt:hover{border-color:var(--m-texto)}
.m-bt-1{background:var(--m-texto);border-color:var(--m-texto);color:var(--m-fondo)}
.m-bt-1:hover{background:var(--m-acento);border-color:var(--m-acento);color:#fff}
.m-bt-l{border-color:transparent;padding:0 6px}
.m-bt-l:hover{border-color:transparent;color:var(--m-acento)}
.m-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--m-rb,999px);background:var(--m-sup)}
.m-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:var(--m-rb,999px);cursor:pointer;font-size:14px;color:var(--m-gris);transition:background .35s var(--m-ease),color .3s}
.m-tabs button[aria-selected="true"]{background:var(--m-fondo);color:var(--m-texto);box-shadow:0 1px 3px rgba(0,0,0,.08)}
:where([data-m]) select{appearance:none;-webkit-appearance:none;border:1px solid var(--m-linea);background:var(--m-fondo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237A8590' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;border-radius:var(--m-rs,8px);padding:9px 34px 9px 12px;font-size:14px;cursor:pointer;max-width:100%}
[data-m] :focus-visible{outline:2px solid var(--m-acento);outline-offset:2px}

/* ---------- notas (barras por defecto; data-m-dots="1" las pasa a cinco puntos) ---------- */
.m-notas{display:grid;gap:18px}
.m-nota{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}
.m-nota-t{font-size:15px;font-weight:500}
.m-nota-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-variant-numeric:tabular-nums;font-size:15px}
.m-sin .m-nota-v{color:var(--m-gris);font-weight:400;font-size:13px}
.m-nota-b{grid-column:1/-1;position:relative;height:6px;border-radius:6px;background:var(--m-linea);overflow:hidden;display:block}
.m-nota-b i{position:absolute;inset:0;background:var(--m-barra,var(--m-texto));border-radius:inherit;transform-origin:left;transform:scaleX(var(--v));transition:transform 1.3s var(--m-ease);transition-delay:calc(var(--k,0) * 90ms + 200ms)}
[data-rev]:not(.vis) .m-nota-b i{transform:scaleX(0)}
.m-nota-b s{display:none}
.m-nota-d{grid-column:1/-1;margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--m-gris)}
[data-m-dots="1"] .m-nota-b{background:none;height:10px;display:grid;grid-template-columns:repeat(5,10px);gap:6px;overflow:visible}
[data-m-dots="1"] .m-nota-b i{display:none}
[data-m-dots="1"] .m-nota-b s{display:block;border-radius:50%;background:var(--m-linea);position:relative;overflow:hidden}
[data-m-dots="1"] .m-nota-b s::after{content:"";position:absolute;inset:0;background:var(--m-barra,var(--m-texto));transform-origin:left;transition:transform .8s var(--m-ease)}
[data-m-dots="1"] .m-nota-b s:nth-child(2)::after{transform:scaleX(clamp(0,calc(var(--v) * 5 - 0),1))}
[data-m-dots="1"] .m-nota-b s:nth-child(3)::after{transform:scaleX(clamp(0,calc(var(--v) * 5 - 1),1))}
[data-m-dots="1"] .m-nota-b s:nth-child(4)::after{transform:scaleX(clamp(0,calc(var(--v) * 5 - 2),1))}
[data-m-dots="1"] .m-nota-b s:nth-child(5)::after{transform:scaleX(clamp(0,calc(var(--v) * 5 - 3),1))}
[data-m-dots="1"] .m-nota-b s:nth-child(6)::after{transform:scaleX(clamp(0,calc(var(--v) * 5 - 4),1))}

/* ---------- cifras clave ---------- */
.m-f-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:1px solid var(--m-linea)}
.m-cif{position:relative;padding:18px 18px 20px 0;border-bottom:1px solid var(--m-linea);display:flex;flex-direction:column;gap:4px}
.m-cif-t{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris)}
.m-cif-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:clamp(30px,3vw,42px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;margin-top:4px}
.m-cif-v{white-space:nowrap}
.m-cif-v.m-cif-largo{font-size:clamp(24px,2.2vw,32px)}
.m-cif-v small{font-size:.42em;letter-spacing:0;margin-left:4px;font-weight:500;color:var(--m-gris)}
.m-cif-n{font-size:13px;color:var(--m-texto)}
.m-cif-m{font-size:12px;color:var(--m-gris);line-height:1.4}
.m-cif-bar{position:relative;display:block;height:2px;background:var(--m-linea);margin-top:10px;width:calc(100% - 4px)}
.m-cif-bar::before{content:"";position:absolute;left:calc(var(--mx) * 100%);top:-4px;width:1px;height:10px;background:var(--m-gris)}
.m-cif-bar i{position:absolute;left:calc(var(--x) * 100%);top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--m-acento);transition:transform .9s var(--m-ease) .3s}
[data-rev]:not(.vis) .m-cif-bar i{transform:scale(0)}

/* ---------- ficha ---------- */
.m-ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 72px;align-items:start;transition:opacity .26s var(--m-ease),transform .4s var(--m-ease)}
.m-sale .m-ficha{opacity:0;transform:translateY(10px)}
.m-entra .m-ficha{opacity:0;transform:translateY(-8px)}
.m-ficha>*{grid-column:2;min-width:0;margin-bottom:var(--m-fgap,52px)}
.m-ficha>.m-f-pie{margin-bottom:0}
.m-f-cab{grid-column:1;grid-row:1}
.m-f-foto{grid-column:1;grid-row:2/span 30;position:sticky;top:90px}
.m-f-ruta{margin:0 0 18px;font-size:13px;color:var(--m-gris)}
.m-f-ruta span{margin:0 4px;opacity:.6}
.m-f-marca{margin:0 0 6px;font-size:15px;font-weight:500;color:var(--m-gris)}
.m-f-modelo{margin:0;font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);text-transform:var(--m-tt);font-size:clamp(40px,5vw,76px);line-height:.98}
.m-f-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}
.m-f-tags li{font-size:13px;padding:6px 12px;border:1px solid var(--m-linea);border-radius:var(--m-rb,999px)}
.m-f-foto{margin:0 0 var(--m-fgap,52px);background:var(--m-sup);border-radius:var(--m-r);padding:clamp(20px,4vw,56px);display:grid;place-items:center;gap:18px;position:relative;overflow:hidden}
.m-f-foto img{max-height:62vh;object-fit:contain;mix-blend-mode:var(--m-blend,multiply)}
.m-f-foto .m-f-panel{width:100%;max-height:none;height:auto;mix-blend-mode:normal;border-radius:2px}
.m-f-foto figcaption{position:absolute;right:14px;bottom:10px;font-size:11px;color:var(--m-gris)}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-foto{grid-column:1/-1;grid-row:auto;position:static;padding:clamp(28px,5vw,72px) clamp(16px,4vw,64px)}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-foto img:not(.m-f-panel){width:100%;max-height:none}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-cab{grid-column:1/-1}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-cifras{grid-column:1/-1}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-notas,:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-mercado,:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-sim{grid-column:1}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-resumen,:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-dib,:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-datos{grid-column:2}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"]{grid-auto-flow:row dense}
:where(body:not([data-ficha]),[data-ficha="lado"]) .m-ficha[data-cat="esquis"] .m-f-pie{grid-column:1/-1}
.m-f-resumen p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.45;font-family:var(--m-resf,var(--m-f));font-weight:var(--m-resw,400);letter-spacing:-.01em}
.m-f-resumen small{display:block;margin-top:12px;font-size:12px;color:var(--m-gris)}
.m-f-pie{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
/* dibujos */
.m-dibs{display:grid;gap:22px}
.m-dib{margin:0}
.m-dib figcaption{font-size:12px;color:var(--m-gris);margin-top:8px;line-height:1.45}
.m-dib svg{width:100%;height:auto;display:block;overflow:visible}
.m-dib-forma{fill:var(--m-sup);stroke:var(--m-texto);stroke-width:1.2}
.m-cota line{stroke:var(--m-acento);stroke-width:1.2}
.m-cota text{font-size:15px;font-family:var(--m-nf);font-weight:var(--m-nw);fill:var(--m-texto)}
.m-cota .m-cota-t{font-size:11px;font-weight:400;fill:var(--m-gris);font-family:var(--m-f)}
.m-long table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.m-long th{text-align:left;font-weight:500;font-size:12px;color:var(--m-gris);padding:8px 8px 8px 0;border-bottom:1px solid var(--m-linea)}
.m-long td{padding:10px 8px 10px 0;border-bottom:1px solid var(--m-linea)}
.m-long tr.m-ref td{font-weight:600;color:var(--m-acento)}
.m-dib-rom svg{max-width:280px}
.m-dib-abanico{fill:color-mix(in srgb,var(--m-acento) 16%,transparent);stroke:var(--m-acento);stroke-width:1.4}
.m-dib-eje{stroke:var(--m-gris);stroke-dasharray:3 4}
.m-dib-num{font-size:26px;font-family:var(--m-nf);font-weight:var(--m-nw);fill:var(--m-texto)}
.m-dib-horma b,.m-dib-lib b,.m-dib-alzas b{display:block;font-family:var(--m-nf);font-weight:var(--m-nw);font-size:26px;margin-top:8px}
.m-horma{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:12px;color:var(--m-gris)}
.m-horma-pista,.m-lib-pista{position:relative;height:6px;background:var(--m-linea);border-radius:6px}
.m-horma-pista i{position:absolute;left:calc(var(--x) * 100%);top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--m-acento)}
.m-lib-pista i{position:absolute;left:calc(var(--a) * 100%);right:calc((1 - var(--b)) * 100%);top:0;bottom:0;border-radius:6px;background:var(--m-acento)}
.m-lib-esc{display:flex;justify-content:space-between;font-size:11px;color:var(--m-gris);margin-top:6px}
.m-dib-alzas svg{max-width:200px}
.m-dib-alzas rect{fill:var(--m-sup);stroke:var(--m-texto);stroke-width:1.2}
.m-dib-alzas rect:last-child{fill:var(--m-acento);stroke:var(--m-acento)}
.m-dib-cif{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.m-dib-cif b{display:block;font-family:var(--m-nf);font-weight:var(--m-nw);font-size:30px}
.m-dib-cif small{font-size:.45em;margin-left:3px;color:var(--m-gris)}
.m-dib-cif span{font-size:13px;color:var(--m-gris)}
/* tiras de mercado */
.m-tira{margin-bottom:22px}
.m-tira-cab{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;margin-bottom:10px}
.m-tira-cab b{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:18px}
.m-tira-pista{position:relative;height:30px}
.m-tira-pista::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--m-linea)}
.m-tira-caja{position:absolute;left:var(--q1);width:calc(var(--q3) - var(--q1));top:7px;bottom:7px;background:var(--m-sup);border:1px solid var(--m-linea);border-radius:3px}
.m-tira-cen{position:absolute;left:var(--c);top:4px;bottom:4px;width:2px;margin-left:-1px;background:var(--m-gris)}
.m-tira-pista i{position:absolute;top:9px;bottom:9px;width:1px;background:var(--m-texto);opacity:.28}
.m-tira-pista em{position:absolute;left:var(--x);top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--m-acento);box-shadow:0 0 0 4px var(--m-fondo);transition:left 1.2s var(--m-ease) .2s,transform .8s var(--m-ease) .2s}
[data-rev]:not(.vis) .m-tira-pista em{left:0;transform:scale(0)}
.m-tira-pie{display:flex;justify-content:space-between;font-size:12px;color:var(--m-gris);margin-top:4px}
/* todos los datos */
.m-filas{margin:0;display:grid}
.m-fila{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--m-linea);font-size:14px;line-height:1.45}
.m-fila dt{color:var(--m-gris)}
.m-fila dd{margin:0}
.m-nv{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;border:1px dashed var(--m-gris);color:var(--m-gris);margin-left:4px;white-space:nowrap}
/* parecidos */
.m-sim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.m-sim-it{display:grid;gap:4px;text-align:left;background:var(--m-sup);border:0;border-radius:var(--m-r);padding:14px;cursor:pointer;transition:transform .5s var(--m-ease),background .3s}
.m-sim-it img{height:64px;width:100%;object-fit:contain;mix-blend-mode:var(--m-blend,multiply);margin-bottom:6px;transition:transform .6s var(--m-ease)}
.m-sim-it small{font-size:12px;color:var(--m-gris)}
.m-sim-it b{font-weight:600;font-size:15px}
.m-sim-it:hover{transform:translateY(-3px)}
.m-sim-it:hover img{transform:scale(1.06)}

/* ---------- buscador ---------- */
.m-bq-campo{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--m-texto);padding:10px 0 14px}
.m-bq-campo input{flex:1;min-width:0;border:0;background:transparent;font-size:clamp(20px,2.4vw,30px);outline:none;font-family:var(--m-ft);font-weight:var(--m-bqw,400);letter-spacing:-.01em}
.m-bq-campo input::placeholder{color:var(--m-gris);opacity:.7}
.m-bq-campo input::-webkit-search-cancel-button{display:none}
.m-bq-n{font-size:13px;color:var(--m-gris);white-space:nowrap}
.m-bq-fil{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.m-bq-fil button{border:1px solid var(--m-linea);background:transparent;border-radius:var(--m-rb,999px);padding:8px 16px;font-size:14px;cursor:pointer;transition:all .3s}
.m-bq-fil button[aria-pressed="true"]{background:var(--m-texto);color:var(--m-fondo);border-color:var(--m-texto)}
.m-bq-cuerpo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}
.m-bq-res{display:grid;gap:0;align-content:start}
.m-tj{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--m-linea);padding:12px 8px;cursor:pointer;position:relative;transition:background .3s,padding .5s var(--m-ease);animation:m-tj .7s var(--m-ease) both;animation-delay:calc(var(--k) * 40ms)}
@keyframes m-tj{from{opacity:0;transform:translateY(10px)}}
.m-tj-im{height:52px;display:grid;place-items:center;background:var(--m-sup);border-radius:calc(var(--m-r) * .6);overflow:hidden}
.m-tj-im img{max-height:44px;max-width:64px;object-fit:contain;mix-blend-mode:var(--m-blend,multiply)}
.m-tj-tx{display:grid;gap:2px;min-width:0}
.m-tj-tx small{font-size:12px;color:var(--m-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-tj-tx b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-tj-c{text-align:right;display:grid;gap:2px}
.m-tj-c b{font-family:var(--m-nf);font-weight:var(--m-nw);font-variant-numeric:tabular-nums;font-size:15px;white-space:nowrap}
.m-tj-c em{font-style:normal;font-size:11px;color:var(--m-gris);white-space:nowrap}
.m-tj-cat{position:absolute;right:8px;top:6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--m-gris);display:none}
.m-tj:hover,.m-tj.on{background:var(--m-sup)}
.m-tj.on{box-shadow:inset 3px 0 0 var(--m-acento)}
.m-bq-pv{position:sticky;top:90px;transition:opacity .14s,transform .3s var(--m-ease)}
.m-bq-pv.m-cambia{opacity:0;transform:translateY(6px)}
.m-pv{background:var(--m-sup);border-radius:var(--m-r);padding:24px;display:grid;gap:6px;animation:m-tj .5s var(--m-ease) both}
.m-pv-foto{margin:0 0 10px;height:200px;display:grid;place-items:center}
.m-pv-foto img{max-height:200px;object-fit:contain;mix-blend-mode:var(--m-blend,multiply)}
.m-pv[data-cat="esquis"] .m-pv-foto{height:120px}
.m-pv-sup{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--m-gris)}
.m-pv-marca{margin:8px 0 0;font-size:14px;color:var(--m-gris)}
.m-pv-modelo{margin:0;font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);text-transform:var(--m-tt);font-size:clamp(26px,2.4vw,34px);line-height:1.02}
.m-pv-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:12px 0 6px}
.m-pv-cifras .m-cif{padding:12px 0;gap:2px}
.m-pv-cifras .m-cif-v{font-size:24px}
.m-pv-cifras .m-cif-m,.m-pv-cifras .m-cif-bar{display:none}
.m-pv-notas .m-notas{gap:10px}
.m-pv-notas .m-nota-t,.m-pv-notas .m-nota-v{font-size:13px}
.m-pv-notas .m-nota-b{height:4px}
.m-pv-notas .m-aviso{font-size:12px;margin-top:10px}
.m-pv-res{margin:12px 0 0;font-size:14px;line-height:1.5}
.m-pv-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

/* ---------- comparador ---------- */
.m-cmp-tabs{margin-bottom:28px}
.m-cmp-t{--l:200px;display:grid}
.m-cmp-f{display:grid;grid-template-columns:var(--l) repeat(var(--n),minmax(0,1fr));gap:0 24px;padding:13px 0;border-bottom:1px solid var(--m-linea);align-items:center;font-size:14px}
.m-cmp-c{min-width:0;overflow-wrap:anywhere}
.m-cmp-l{color:var(--m-gris);font-size:13px;line-height:1.4}
.m-cmp-l small{font-size:11px}
.m-cmp-ln{display:block;font-size:11px;opacity:.8}
.m-cmp-cab{align-items:end;border-bottom:1px solid var(--m-texto);padding-bottom:22px}
.m-cmp-cab .m-cmp-c{display:grid;gap:3px;animation:m-tj .7s var(--m-ease) both;animation-delay:calc(var(--k) * 90ms)}
.m-cmp-ayuda{font-size:12px}
.m-cmp-foto{margin:0 0 12px;height:130px;display:grid;place-items:center;background:var(--m-sup);border-radius:var(--m-r);padding:12px}
.m-cmp-foto img{max-height:106px;object-fit:contain;mix-blend-mode:var(--m-blend,multiply)}
.m-cmp-cab small{font-size:12px;color:var(--m-gris)}
.m-cmp-cab b{font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);text-transform:var(--m-tt);font-size:20px;line-height:1.1}
.m-cmp-sel{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--m-gris)}
.m-cmp-sel select{flex:1;min-width:0;width:100%;font-size:13px;padding:7px 30px 7px 10px}
.m-cmp-g{margin-top:36px}
.m-cmp-g .m-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.m-cmp-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:18px;font-variant-numeric:tabular-nums}
.m-cmp-tag{font-style:normal;font-size:11px;color:var(--m-acento);margin-left:8px;white-space:nowrap}
.m-cmp-bar{display:block;height:3px;background:var(--m-linea);margin-top:8px;position:relative;border-radius:3px}
.m-cmp-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--x) * 100%);min-width:3px;background:var(--m-texto);border-radius:inherit;transition:width 1.1s var(--m-ease)}
.m-cmp-nd{color:var(--m-gris);font-size:13px}
.m-cmp-nt .m-nota{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.m-cmp-nt .m-nota-b{grid-column:auto}
.m-cmp-dif{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0;text-transform:none;color:var(--m-texto);cursor:pointer;font-weight:500}
.m-cmp-dif input{accent-color:var(--m-acento);width:16px;height:16px}
.m-cambia-f .m-cmp-l{color:var(--m-texto)}
.m-cambia-f .m-cmp-l::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--m-acento);margin-right:8px;vertical-align:middle}
.m-solo-dif .m-igual{display:none}

/* ---------- gráfico de mercado ---------- */
.m-mk-ctl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.m-mk-ejes{display:flex;flex-wrap:wrap;gap:12px}
.m-mk-ejes label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--m-gris)}
.m-mk-usos{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px}
.m-mk-usos button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;cursor:pointer;font-size:14px;transition:opacity .3s}
.m-mk-usos button i{width:11px;height:11px;border-radius:50%;background:var(--uc)}
.m-mk-usos button small{color:var(--m-gris);font-size:12px}
.m-mk-usos button[aria-pressed="false"]{opacity:.35}
.m-mk-usos button[aria-pressed="false"] i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--uc)}
.u0{--uc:var(--m-u0)}.u1{--uc:var(--m-u1)}.u2{--uc:var(--m-u2)}.u3{--uc:var(--m-u3)}.u4,.u5,.u9{--uc:var(--m-u4)}
.m-mk-graf{position:relative;width:100%}
.m-mk-svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--m-f)}
.m-mk-rej line{stroke:var(--m-linea);stroke-width:1}
.m-mk-rej line.v{stroke-dasharray:2 5}
.m-mk-rej text{font-size:11px;fill:var(--m-gris);font-variant-numeric:tabular-nums}
.m-mk-tit{font-size:12px;fill:var(--m-texto);font-weight:500}
.m-pt{fill:var(--uc);fill-opacity:var(--m-pt-op,.85);stroke:var(--m-fondo);stroke-width:var(--m-pt-borde,1.5);cursor:pointer;transition:cx .9s var(--m-ease),cy .9s var(--m-ease),r .4s var(--m-ease),opacity .4s,fill-opacity .3s}
.m-pt.hov{stroke:var(--m-texto);stroke-width:2;r:8}
.m-pt.off{opacity:.08;pointer-events:none}
.m-pt.sel{fill:var(--m-acento);fill-opacity:1;stroke:var(--m-fondo);stroke-width:3}
.m-mk-in .m-pt{animation:m-pt .9s var(--m-ease) both;animation-delay:calc(var(--k) * 12ms)}
@keyframes m-pt{from{opacity:0;r:0}}
.m-mk-eti line{stroke:var(--m-acento);stroke-width:1}
.m-mk-eti text{font-size:13px;font-weight:600;fill:var(--m-texto);paint-order:stroke;stroke:var(--m-fondo);stroke-width:4px}
.m-mk-tip{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 14px));width:220px;background:var(--m-texto);color:var(--m-fondo);border-radius:calc(var(--m-r) * .8);padding:12px 14px;display:grid;gap:2px;font-size:13px;pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.m-mk-tip[hidden]{display:none}
.m-mk-tip.abajo{transform:translate(-50%,24px)}
.m-mk-tip img{height:46px;width:100%;object-fit:contain;margin-bottom:6px;background:#fff;border-radius:4px;padding:4px}
.m-mk-tip small{opacity:.7;font-size:11px}
.m-mk-tip b{font-size:15px;margin-bottom:4px}
.m-mk-tip em{font-style:normal;opacity:.6;font-size:11px;margin-top:4px}
.m-mk-nota{font-size:13px;color:var(--m-gris);line-height:1.5;margin:14px 0 0;max-width:760px}

/* ---------- variantes de ficha: data-ficha en <body> ---------- */
/* «apilada»: todo en una columna ancha, la foto grande arriba */
[data-ficha="apilada"] .m-ficha{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 32px}
[data-ficha="apilada"] .m-ficha>*{grid-column:1/-1;grid-row:auto}
[data-ficha="apilada"] .m-f-cab{grid-column:1/8}
[data-ficha="apilada"] .m-f-foto{position:static;grid-column:1/-1}
[data-ficha="apilada"] .m-f-notas,[data-ficha="apilada"] .m-f-mercado{grid-column:1/7}
[data-ficha="apilada"] .m-f-resumen,[data-ficha="apilada"] .m-f-datos{grid-column:7/-1}
[data-ficha="apilada"] .m-f-dib{grid-column:1/-1}
[data-ficha="apilada"] .m-f-dib .m-dibs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
[data-ficha="apilada"] .m-ficha{grid-auto-flow:row dense}
/* «poster»: el nombre encima de la foto */
[data-ficha="poster"] .m-ficha{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 32px;grid-auto-flow:row dense}
[data-ficha="poster"] .m-ficha>*{grid-column:1/-1;grid-row:auto}
[data-ficha="poster"] .m-f-cab{grid-row:1;grid-column:1/-1;position:relative;z-index:2;align-self:start;padding:clamp(20px,3vw,44px)}
[data-ficha="poster"] .m-f-foto{grid-row:1;grid-column:1/-1;position:relative;top:0;min-height:min(78vh,720px);padding-top:clamp(140px,18vw,260px)}
[data-ficha="poster"] .m-f-modelo{font-size:clamp(48px,8vw,140px)}
[data-ficha="poster"] .m-f-notas,[data-ficha="poster"] .m-f-mercado{grid-column:1/7}
[data-ficha="poster"] .m-f-resumen,[data-ficha="poster"] .m-f-datos{grid-column:7/-1}
[data-ficha="poster"] .m-f-dib .m-dibs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
/* «tecnica»: tres columnas, como una lámina */
[data-ficha="tecnica"] .m-ficha{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:0 40px;grid-auto-flow:row dense}
[data-ficha="tecnica"] .m-ficha>*{grid-row:auto;grid-column:auto}
[data-ficha="tecnica"] .m-f-cab{grid-column:1;grid-row:1}
[data-ficha="tecnica"] .m-f-foto{grid-column:2;grid-row:1/span 2;position:static}
[data-ficha="tecnica"] .m-f-cifras{grid-column:1;grid-row:2;grid-template-columns:1fr}
[data-ficha="tecnica"] .m-f-notas{grid-column:3;grid-row:1/span 2}
[data-ficha="tecnica"] .m-f-resumen,[data-ficha="tecnica"] .m-f-dib,[data-ficha="tecnica"] .m-f-mercado{grid-column:span 1}
[data-ficha="tecnica"] .m-f-datos{grid-column:1/3}
[data-ficha="tecnica"] .m-f-sim{grid-column:3}
[data-ficha="tecnica"] .m-f-pie{grid-column:1/-1}
[data-ficha="tecnica"] .m-ficha[data-cat="esquis"] .m-f-foto{grid-column:1/-1;grid-row:auto}
[data-ficha="tecnica"] .m-ficha[data-cat="esquis"] .m-f-cab{grid-column:1/-1}
[data-ficha="tecnica"] .m-ficha[data-cat="esquis"] .m-f-cifras{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
[data-ficha="tecnica"] .m-ficha[data-cat="esquis"] .m-f-notas{grid-column:1;grid-row:auto}

.m-ficha[data-cat="esquis"] .m-f-foto{position:static}
.m-ficha[data-cat="esquis"] .m-f-foto img:not(.m-f-panel){width:100%;max-height:none}
/* ---------- móvil y tableta ---------- */
@media (max-width:980px){
  .m-ficha,[data-ficha] .m-ficha{grid-template-columns:minmax(0,1fr)!important;gap:0}
  .m-ficha>*{margin-bottom:38px}
  .m-ficha>*,[data-ficha] .m-ficha>*{grid-column:1/-1!important;grid-row:auto!important;position:static!important}
  [data-ficha="poster"] .m-f-cab{order:0;padding:0}
  [data-ficha="poster"] .m-f-foto{min-height:0;padding-top:clamp(20px,4vw,56px)}
  .m-bq-cuerpo{grid-template-columns:minmax(0,1fr)}
  .m-bq-pv{position:static}
  .m-cmp-t{--l:0px}
  .m-cmp-f{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px 14px}
  .m-cmp-l{grid-column:1/-1}
  .m-cmp-cab .m-cmp-l{display:none}
}
@media (max-width:600px){
  .m-f-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-tj{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .m-tj-c{grid-column:2;text-align:left;display:flex;gap:8px;align-items:baseline}
  .m-pv-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-cmp-f{gap:6px 10px;font-size:13px}
  .m-cmp-foto{height:90px}.m-cmp-foto img{max-height:70px}
  .m-cmp-cab b{font-size:15px}
  .m-cmp-v{font-size:15px}
  .m-cmp-tag{display:block;margin:2px 0 0}
  .m-cmp-sel span{display:none}
  .m-fila{grid-template-columns:1fr;gap:2px}
  .m-tabs{display:flex;width:100%}.m-tabs button{flex:1;padding:9px 6px}
  .m-mk-ejes{width:100%}.m-mk-ejes label{flex:1 1 140px;flex-direction:column;align-items:stretch;gap:4px}.m-mk-ejes select{width:100%}
}
.sin-mov .m-nota-b i{transform:scaleX(var(--v))!important}.sin-mov .m-cif-bar i,.sin-mov .m-tira-pista em{transform:none!important}.sin-mov .m-tira-pista em{left:var(--x)!important}
@media (prefers-reduced-motion:reduce){.m-tj,.m-pv,.m-cmp-cab .m-cmp-c,.m-mk-in .m-pt{animation:none!important}.m-ficha,.m-pt{transition:none!important}}

/* ---------- página (cabecera, entrada, subíndice, secciones) ---------- */
.m-pag{margin:0;background:var(--m-fondo);color:var(--m-texto);font-family:var(--m-f);-webkit-font-smoothing:antialiased}
.m-pag a{color:inherit;text-decoration:none}
.m-env{width:min(1280px,100% - 64px);margin:0 auto;box-sizing:border-box}
.m-pag .s-tit,.m-pag .s-tit>*{min-width:0;overflow-wrap:break-word}
.m-pag .cab{position:relative;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 32px}
.m-pag .cab .logo img{height:30px;width:auto;display:block}
.m-pag .mn{gap:28px;font-size:14px}
.m-pag .mn-s{padding-top:12px}
.m-pag .mn-s a{background:var(--m-fondo);color:var(--m-texto);padding:10px 16px;font-size:14px;border:1px solid var(--m-linea);margin-top:-1px}
.m-buscar{justify-self:end;display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:14px;color:inherit;background:none;border:0;cursor:pointer;padding:6px 0}
.m-buscar kbd{font:inherit;font-size:11px;border:1px solid currentColor;border-radius:4px;padding:1px 6px;opacity:.6}
.m-hero{position:relative;padding:clamp(56px,9vw,132px) 0 clamp(40px,6vw,80px)}
.m-hero-sup{font-size:13px;color:var(--m-gris);margin:0 0 18px;letter-spacing:.02em}
.m-hero h1{font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);text-transform:var(--m-tt);font-size:clamp(52px,8.4vw,136px);line-height:.92;margin:0}
.m-hero-tx{max-width:640px;font-size:clamp(16px,1.35vw,19px);line-height:1.55;margin:26px 0 0}
.m-hero-vuelta{display:inline-flex;gap:8px;margin-top:26px;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:2px}
.m-sub{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--m-fondo) 97%,transparent);border-bottom:1px solid var(--m-linea)}
.m-sub .m-env{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;padding:15px 0}
.m-sub .m-env::-webkit-scrollbar{display:none}
.m-sub a{font-size:14px;color:var(--m-gris);white-space:nowrap;position:relative;transition:color .3s}
.m-sub a:hover,.m-sub a.on{color:var(--m-texto)}
.m-sub a::after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:2px;background:var(--m-acento);transform:scaleX(0);transition:transform .5s var(--m-ease)}
.m-sub a.on::after{transform:none}
.m-sec{padding:clamp(72px,9vw,140px) 0 0;scroll-margin-top:56px}
.s-tit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 24px;align-items:baseline;margin-bottom:clamp(30px,4vw,56px);border-top:1px solid var(--m-linea);padding-top:22px}
.s-num{font-size:13px;color:var(--m-gris);font-variant-numeric:tabular-nums;min-width:2ch}
.s-tit h2{margin:0;font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);text-transform:var(--m-tt);font-size:clamp(36px,4.6vw,68px);line-height:.98}
.s-tit p{grid-column:2;margin:10px 0 0;max-width:660px;color:var(--m-gris);font-size:16px;line-height:1.55}
.m-pag .pie{margin-top:clamp(100px,12vw,180px);padding:32px;border-top:1px solid var(--m-linea);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:13px;color:var(--m-gris)}
.m-pag .pie a{margin-left:18px}.m-pag .pie a:hover{color:var(--m-texto)}
@media (max-width:760px){
  .m-env{width:calc(100% - 32px)}
  .m-pag .cab{grid-template-columns:1fr auto;padding:14px 16px;row-gap:12px}
  .m-pag .cab .mn{grid-row:2;grid-column:1/-1;justify-content:center;gap:20px;font-size:13px}
  .m-buscar kbd{display:none}
  .s-tit{grid-template-columns:1fr}.s-tit p{grid-column:1}
  .m-pag .pie{padding:24px 16px}.m-pag .pie a{margin:0 14px 0 0}
}

/* buscador «fijo» (versión 26): lista con su propio desplazamiento y vista previa quieta */
.m-bq-fijo .m-bq-cuerpo{height:min(74vh,760px);gap:28px}
.m-bq-fijo .m-bq-res{height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin}
.m-bq-fijo .m-bq-pv{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.m-bq-fijo .m-tj{cursor:pointer}
@media (max-width:899px){
  .m-bq-fijo .m-bq-cuerpo{height:auto;display:block}
  .m-bq-fijo .m-bq-res{height:auto;overflow:visible;padding:0}
  .m-bq-fijo .m-bq-pv{height:auto;overflow:visible;margin:6px 0 14px}
  .m-bq-fijo .m-bq-pv[hidden]{display:none}
  .m-bq-fijo .m-tj.on{box-shadow:inset 3px 0 0 var(--m-acento)}
}