/* Portadas · fichas y comparador por versión (09/10/2026). Estructura común; cada versión cambia variables y detalles.
   Las variables son las mismas de material.css (--m-fondo, --m-texto, --m-gris, --m-linea, --m-sup, --m-acento…). */
[data-f]{font-family:var(--m-f);color:var(--m-texto)}
[data-f] *{box-sizing:border-box}
[data-f] img{max-width:100%}
:where([data-f]) :where(button,select,input){font:inherit;color:inherit}
.f-sale{opacity:0;transform:translateY(8px);transition:opacity .22s,transform .3s var(--m-ease)}
[data-f]{transition:opacity .35s var(--m-ease),transform .45s var(--m-ease)}
.f-nd{color:var(--m-gris);font-size:13px;margin:0}
.f-h{margin:0;font-family:var(--m-hf,var(--m-f));font-size:var(--m-hs,12px);font-weight:var(--m-hw,700);letter-spacing:var(--m-hls,.09em);text-transform:var(--m-htt,uppercase);color:var(--m-hc,var(--m-texto))}
.f-g-sub{margin:4px 0 0;font-size:13px;color:var(--m-gris);line-height:1.45}
.f-g-cab{margin-bottom:18px}
.f-aviso,.f-sub,.f-intro{font-size:12.5px;line-height:1.5;color:var(--m-gris);margin:12px 0 0}
.f-intro{margin:0 0 14px}
.f-aviso a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.f-eti{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--m-gris);margin-bottom:6px}
.f-nv{position:relative}
.f-nv .f-cf-v,.f-nv b,.f-nv dd{color:var(--m-acento)}
/* cabecera */
.f-miga{margin:0 0 10px;font-size:12.5px;color:var(--m-gris)}
.f-marca{margin:0 0 6px;display:flex;align-items:center;gap:10px;min-height:22px}
.f-logo{height:20px;width:auto;max-width:150px;object-fit:contain;object-position:left}
.f-logo-noche{display:none}
.f-marca-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.f-marca:not(:has(img)) .f-marca-t{position:static;width:auto;height:auto;clip:auto;font-size:15px;color:var(--m-gris)}
.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(38px,5vw,78px);line-height:.96}
.f-uso{margin:12px 0 0;display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:var(--m-rb,999px);border:1px solid var(--m-linea);color:var(--m-gris)}
/* fotos */
.f-foto{margin:0;position:relative;display:grid;place-items:center;background:var(--m-sup);border-radius:var(--m-r);padding:clamp(18px,3vw,44px);overflow:hidden}
.f-foto img{display:block;max-height:52vh;width:auto;max-width:100%;object-fit:contain}
.f-ficha[data-cat="esquis"] .f-foto img{width:100%;max-height:none}
.f-foto figcaption{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--m-gris)}
.f-foto-xl{padding:clamp(28px,5vw,80px)}
.f-foto-xl img{max-height:64vh}
.f-gal{display:flex;gap:8px;overflow-x:auto;margin-top:10px;scrollbar-width:none}
.f-gal-it{flex:0 0 64px;height:52px;border:1px solid var(--m-linea);background:var(--m-fondo);border-radius:calc(var(--m-r) * .6);padding:4px;cursor:pointer;opacity:.6;transition:opacity .3s,border-color .3s}
.f-gal-it img{width:100%;height:100%;object-fit:contain}
.f-gal-it.on,.f-gal-it:hover{opacity:1;border-color:var(--m-texto)}
/* cifras */
.f-cifras{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0;border-top:1px solid var(--m-linea)}
.f-cf{padding:14px 14px 16px 0;border-bottom:1px solid var(--m-linea);display:flex;flex-direction:column;gap:3px;min-width:0}
.f-cifras-rejilla .f-cf-ancho,.f-cifras-fichero .f-cf-ancho{grid-column:span 2}
.f-cf-txt .f-cf-v{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.01em;overflow-wrap:break-word}
.f-cf-eti{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--m-gris);font-weight:600}
.f-cf-eti em{font-style:normal;text-transform:none;letter-spacing:0}
.f-cf-eti sup{color:var(--m-acento);cursor:help}
.f-cf-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:clamp(28px,2.8vw,40px);letter-spacing:-.025em;line-height:1.05;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.f-cf-v small{white-space:nowrap;font-size:.45em;margin-left:3px;letter-spacing:0;color:var(--m-gris);font-weight:500}
.f-cf-deb{font-size:12.5px;color:var(--m-texto)}
.f-cf-ay{font-size:12px;line-height:1.4;color:var(--m-gris)}
.f-cf-ay b{display:block;font-weight:600;color:var(--m-texto)}
.f-cifras-lista{grid-template-columns:1fr;border:0}
.f-cifras-lista .f-cf{display:grid;grid-template-columns:minmax(110px,30%) auto 1fr;gap:4px 16px;align-items:baseline;padding:12px 0}
.f-cifras-lista .f-cf-v{font-size:22px}
.f-cifras-lista .f-cf-ay,.f-cifras-lista .f-cf-deb{grid-column:3}
.f-cifras-grandes{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));border:0;gap:28px 32px}
.f-cifras-grandes .f-cf{border:0;padding:0}
.f-cifras-grandes .f-cf-v{font-size:clamp(46px,5vw,84px);line-height:.95}
.f-cifras-fichero{gap:10px;border:0}
.f-cifras-fichero .f-cf{background:var(--m-sup);border:0;border-radius:var(--m-r);padding:16px}
.f-cifras-linea{display:flex;flex-wrap:wrap;border:0;gap:0}
.f-cifras-linea .f-cf{border:0;border-right:1px solid var(--m-linea);padding:6px 22px 6px 0;margin-right:22px}
.f-cifras-linea .f-cf-ay{display:none}
.f-ast{font-size:12px}
/* notas */
.f-notas{min-width:0}
.f-barras{display:grid;gap:14px}
.f-br{display:grid;grid-template-columns:minmax(90px,140px) 1fr auto;gap:4px 12px;align-items:center}
.f-br-n{font-weight:600;font-size:14px}
.f-br-b{height:var(--m-barh,8px);background:var(--m-linea);border-radius:var(--m-barr,0);overflow:hidden;position:relative}
.f-br-b i{position:absolute;inset:0;background:var(--m-barra,var(--m-acento));transform-origin:left;transform:scaleX(var(--v));transition:transform 1.2s var(--m-ease) calc(var(--k) * 80ms + 150ms)}
html:not(.sin-mov) [data-rev]:not(.vis) .f-br-b i{transform:scaleX(0)}
.f-br-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:15px;font-variant-numeric:tabular-nums;min-width:2.6em;text-align:right}
.f-br p{grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.45;color:var(--m-gris)}
.f-sub.f-br,.f-br.f-sub{padding-left:18px;margin:0}
.f-br.f-sub .f-br-n{font-weight:500;font-size:13px}
.f-br.f-sub .f-br-b{height:calc(var(--m-barh,8px) * .6);opacity:.75}
.f-arana{display:block;width:100%;max-width:400px;margin:0 auto;overflow:visible}
.f-ar-anillo{fill:none;stroke:var(--m-linea);stroke-width:1}
.f-ar-5{stroke:var(--m-gris)}
.f-ar-radio{stroke:var(--m-linea)}
.f-ar-forma{fill:var(--m-acento);fill-opacity:.82;stroke:var(--m-acento);stroke-width:1.5;stroke-linejoin:round;transform-origin:150px 150px;transition:transform 1.2s var(--m-ease) .2s}
html:not(.sin-mov) [data-rev]:not(.vis) .f-ar-forma{transform:scale(.1)}
.f-ar-pt{fill:var(--m-texto)}
.f-ar-eti{font-size:12.5px;font-weight:700;fill:var(--m-texto);letter-spacing:.03em}
.f-ar-v{font-size:12px;fill:var(--m-gris);font-variant-numeric:tabular-nums}
.f-notas-leyenda{margin:18px 0 0;display:grid;gap:8px}
.f-notas-leyenda div{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:12.5px;line-height:1.45}
.f-notas-leyenda dt{font-weight:600}
.f-notas-leyenda dd{margin:0;color:var(--m-gris)}
.f-anillos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px}
.f-anillo{margin:0;display:grid;justify-items:center;text-align:center;position:relative}
.f-anillo svg{width:96px;height:96px}
.f-an-fondo{fill:none;stroke:var(--m-linea);stroke-width:6}
.f-an-lleno{fill:none;stroke:var(--m-acento);stroke-width:6;stroke-linecap:round;transition:stroke-dasharray 1.4s var(--m-ease)}
html:not(.sin-mov) [data-rev]:not(.vis) .f-an-lleno{stroke-dasharray:0 200!important}
.f-anillo>b{position:absolute;top:30px;font-family:var(--m-nf);font-weight:var(--m-nw);font-size:22px}
.f-anillo figcaption{font-weight:600;font-size:13px;margin-top:6px}
.f-anillo figcaption small{display:block;font-weight:400;font-size:11.5px;color:var(--m-gris);margin-top:4px;line-height:1.4}
.f-anillo.f-sub svg{width:72px;height:72px}.f-anillo.f-sub>b{top:22px;font-size:17px}
.f-escalera{display:flex;align-items:flex-end;gap:12px;height:220px;border-bottom:1px solid var(--m-texto);padding-bottom:0}
.f-esc{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}
.f-esc-col{width:100%;max-width:64px;flex:0 0 auto;height:calc(var(--v) * 170px);background:var(--m-acento);border-radius:var(--m-barr,0) var(--m-barr,0) 0 0;transform-origin:bottom;transition:transform 1.2s var(--m-ease) calc(var(--k) * 90ms)}
html:not(.sin-mov) [data-rev]:not(.vis) .f-esc-col{transform:scaleY(0)}
.f-esc.f-sub .f-esc-col{opacity:.6;max-width:44px}
.f-esc-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:18px;margin-bottom:6px}
.f-esc-n{position:absolute;transform:translateY(24px);font-size:12px;font-weight:600;text-align:center}
.f-esc{position:relative}
.f-escalera+.f-notas-leyenda{margin-top:44px}
.f-puntos{display:grid;gap:14px}
.f-pn{display:grid;grid-template-columns:minmax(100px,150px) auto auto;gap:4px 14px;align-items:center}
.f-pn-n{font-weight:600;font-size:14px}
.f-pn-d{display:flex;gap:6px}
.f-pn-d i{width:12px;height:12px;border-radius:50%;background:linear-gradient(90deg,var(--m-acento) calc(var(--f) * 100%),var(--m-linea) 0)}
.f-pn-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:14px}
.f-pn p{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--m-gris);line-height:1.45}
.f-pn.f-sub{padding-left:18px}
.f-ncifras{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px}
.f-nc b{display:block;font-family:var(--m-nf);font-weight:var(--m-nw);font-size:clamp(40px,4vw,60px);line-height:1;letter-spacing:-.03em}
.f-nc b small{font-size:.35em;color:var(--m-gris);margin-left:2px}
.f-nc span{display:block;font-weight:600;font-size:13px;margin-top:6px}
.f-nc i{display:block;height:3px;background:linear-gradient(90deg,var(--m-acento) calc(var(--v) * 100%),var(--m-linea) 0);margin-top:8px}
.f-nc p{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--m-gris)}
.f-nc.f-sub b{font-size:clamp(28px,2.6vw,40px)}
/* resumen */
.f-res-t{margin:0;font-family:var(--m-resf,var(--m-f));font-weight:var(--m-resw,400);font-size:clamp(18px,1.6vw,23px);line-height:1.45;letter-spacing:-.005em}
.f-res small{display:block;margin-top:10px;font-size:12px;color:var(--m-gris)}
/* cotas y perfil (dibujos de la ficha, con los colores de cada versión) */
.f-cotas-dib{position:relative;padding-bottom:26px}
.f-cotas-dib svg,.f-perfil-dib svg{display:block;width:100%;height:auto;overflow:visible}
.ve-planta-forma{fill:color-mix(in srgb,var(--m-texto) 8%,var(--m-fondo));stroke:var(--m-texto);stroke-width:2px;stroke-linejoin:round}
.f-cota-n{position:absolute;bottom:0;transform:translateX(-50%);font-family:var(--m-nf);font-weight:var(--m-nw);font-size:15px;font-variant-numeric:tabular-nums}
.f-cotas-exp{margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.f-cotas-exp dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris);font-weight:700}
.f-cotas-exp dt b{color:var(--m-texto);margin-left:4px}
.f-cotas-exp dd{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--m-gris)}
.ve-perfil-base{fill:var(--m-texto)}
.ve-perfil-rocker{fill:var(--m-acento)}
.f-perfil-tipo{margin:0 0 10px;font-size:16px}
.f-perfil-nums{display:flex;justify-content:space-between;font-size:13px;font-variant-numeric:tabular-nums;margin-top:6px}
.f-perfil-txt{margin:10px 0 0;font-size:13.5px;line-height:1.5}
/* materiales */
.f-mats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.f-mat-eti{display:block;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--m-gris);font-weight:700}
.f-mat-nom{display:block;font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);font-size:clamp(22px,2vw,30px);line-height:1.1;margin:4px 0 6px}
.f-mat p{margin:0;font-size:13px;line-height:1.5;color:var(--m-gris)}
.f-mats-lista{grid-template-columns:1fr;gap:0}
.f-mats-lista .f-mat{padding:12px 0;border-bottom:1px solid var(--m-linea)}
.f-mats-lista .f-mat-nom{font-size:18px}
.f-mats-tarjetas .f-mat{background:var(--m-sup);border-radius:var(--m-r);padding:18px}
/* medidas por talla */
.f-medidas{overflow-x:auto}
.f-medidas table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;min-width:460px}
.f-medidas th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--m-gris);font-weight:700;padding:8px 10px 8px 0;border-bottom:1px solid var(--m-texto)}
.f-medidas td{padding:11px 10px 11px 0;border-bottom:1px solid var(--m-linea)}
.f-medidas tr.ref td{font-weight:700;background:color-mix(in srgb,var(--m-acento) 9%,transparent)}
.f-medidas tr.ref td:first-child{box-shadow:inset 3px 0 0 var(--m-acento);padding-left:10px}
/* botas */
.f-bloq-nom,.f-cons-nom{display:block;font-family:var(--m-ft);font-weight:var(--m-tw);font-size:clamp(24px,2.4vw,34px);letter-spacing:var(--m-tls);line-height:1.05}
.f-bloq p,.f-cons p{font-size:13.5px;line-height:1.5;color:var(--m-gris);margin:8px 0 14px}
.f-bloq-fotos{display:flex;gap:10px;flex-wrap:wrap}
.f-bloq-fotos img{max-height:260px;width:auto;border-radius:calc(var(--m-r) * .6)}
/* comparador (11/10): las fotos del bloqueo de cada bota, todas en una fila (hasta tres), mismo ancho y sin saltar de línea */
:is(.fc-col,.fc-tar,.fc-duelo,.fc-tab) .f-bloq-fotos{display:grid;grid-template-columns:repeat(var(--nf,3),minmax(0,1fr));gap:8px;align-items:start;max-width:calc(var(--nf,3) * 150px)}
:is(.fc-col,.fc-tar,.fc-duelo,.fc-tab) .f-bloq-fotos img{width:100%;height:auto;max-height:none}
.f-cons-iconos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px}
.f-icono{display:grid;place-items:center;padding:6px;border-radius:calc(var(--m-r) * .6);opacity:.35;transition:opacity .4s}
.f-icono.on{opacity:1;background:color-mix(in srgb,var(--m-acento) 10%,transparent)}
.f-icono img{max-height:110px;width:auto}
.f-horma b{font-family:var(--m-ft);font-weight:var(--m-tw);font-size:26px}
.f-horma-dib svg{display:block;width:100%;max-width:260px;height:auto;margin-top:8px}
.vb-relleno-n{fill:var(--m-acento)}
.vb-trazo-n{fill:none;stroke:var(--m-acento);stroke-width:2}
.vb-suela{fill:var(--m-fondo);stroke:var(--m-texto);stroke-width:2}
.vb-regla-marca{stroke:var(--m-fondo);stroke-width:2}
.vb-dib *{vector-effect:non-scaling-stroke}
.vb-dib text,.f-horma-dib text{fill:var(--m-acento);font-weight:800}
.f-rom-caja{position:relative;max-width:440px}
.f-rom-bota{display:block;width:100%;height:auto;opacity:.38}
.f-rom-caja svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fb-rom-sector{fill:color-mix(in srgb,var(--m-gris) 30%,transparent)}
.fb-rom-trazo{stroke:var(--m-acento);stroke-width:6;stroke-linecap:round}
.fb-rom-desc .fb-rom-trazo{stroke:var(--m-texto);stroke-width:4;stroke-dasharray:14 10}
.fb-rom-toque{stroke:transparent;stroke-width:40}
.fb-rom-eti{display:none}
.fb-rom-l:hover .fb-rom-eti,.fb-rom-l:focus .fb-rom-eti{display:block}
.fb-rom-eti rect{fill:var(--m-texto)}.fb-rom-eti text{fill:var(--m-fondo);font-size:23px;font-weight:600}
.fb-rom-eje{fill:var(--m-acento)}
.fb-rom-cifra rect{fill:var(--m-fondo)}.fb-rom-cifra text{fill:var(--m-texto);font-size:46px;font-weight:800;text-anchor:middle}
.f-rom-leyenda{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;font-size:12px;color:var(--m-gris)}
.f-rom-leyenda div:nth-child(1) dt::before,.f-rom-leyenda div:nth-child(3) dt::before{content:"";display:inline-block;width:14px;height:3px;background:var(--m-acento);margin-right:6px;vertical-align:middle}
.f-rom-leyenda div:nth-child(2) dt::before{content:"";display:inline-block;width:14px;border-top:2px dashed var(--m-texto);margin-right:6px;vertical-align:middle}
/* fijaciones */
.f-piezas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.f-pz figure{margin:0 0 12px;background:var(--m-sup);border-radius:var(--m-r);display:grid;place-items:center;padding:14px;aspect-ratio:4/3}
.f-pz figure img{max-height:100%;width:auto;object-fit:contain}
.f-pz-tit{display:block;font-size:19px;font-weight:700}
.f-pz>p{margin:6px 0 12px;font-size:13.5px;line-height:1.5;color:var(--m-gris)}
.f-pz dl,.f-lib-lineas{margin:0}
.f-pz dl div{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--m-linea);font-size:13.5px}
.f-pz dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris);font-weight:700}
.f-pz dd{margin:0;font-weight:500}
.f-pz dd small{display:block;font-size:11.5px;color:var(--m-gris);font-weight:400}
.f-lib{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 48px;align-items:start}
.f-lib-casos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.f-lib-caso{margin:0}
.f-lib-caso figcaption b{display:block;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase}
.f-lib-caso figcaption span{font-size:12px;color:var(--m-gris)}
.f-lib-img{height:180px;display:flex;align-items:flex-end;margin:10px 0}
.f-lib-img img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:left bottom}
.f-lib-v{display:block;font-family:var(--m-nf);font-weight:var(--m-nw);font-size:30px;line-height:1}
.f-lib-caso small{font-size:12px;color:var(--m-gris)}
.f-lib-tipo{display:block;font-family:var(--m-ft);font-weight:var(--m-tw);font-size:clamp(22px,2.2vw,30px);letter-spacing:var(--m-tls);line-height:1.1;margin-bottom:10px}
.f-lib-lineas div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--m-linea);font-size:13.5px}
.f-lib-lineas dt{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.f-lib-lineas dt span{display:block;text-transform:none;letter-spacing:0;font-weight:400;color:var(--m-gris)}
.f-lib-lineas dd{margin:0;font-weight:600}
.f-lib-txt p{font-size:13.5px;line-height:1.5;color:var(--m-gris);margin:10px 0 0}
.f-lib-frase{color:var(--m-texto)!important;font-weight:600}
.f-lib-sis span{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--m-texto)}
.f-cedes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.f-cedes span{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris);line-height:1.3}
.f-cedes b{display:block;font-size:20px;margin:4px 0}
.f-cedes small{font-size:11.5px;color:var(--m-gris);line-height:1.4;display:block}
.f-lib-aviso{grid-column:1/-1;border-left:3px solid var(--m-acento);padding-left:12px}
.f-trans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px}
.f-trans-como{margin:0;font-size:15px;line-height:1.55}
.f-trans-dib svg{display:block;width:100%;max-width:440px;height:auto;overflow:visible}
.f-trans-dib{grid-column:1}
.f-trans-datos{grid-column:2;grid-row:1/span 3;display:grid;gap:16px;align-content:start}
.f-td span{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris)}
.f-td b{display:block;font-size:20px;margin:3px 0}
.f-td small{display:block;font-size:12px;color:var(--m-gris)}
.f-td p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--m-gris)}
.f-trans .f-aviso{grid-column:1/-1}
.ff-p-alt,.ff-perfil line{stroke:var(--m-acento)}
.ff-p-num,.ff-p-eti{fill:var(--m-texto)}
.ff-perfil-ilus .ff-p-ref{stroke:var(--m-gris);stroke-dasharray:6 5}
.f-alzas-dib svg{display:block;width:100%;max-width:440px;height:auto;overflow:visible}
.vf-a-pos{stroke:var(--m-acento);stroke-width:1.5px}
.vf-a-fin{fill:var(--m-acento)}.vf-a-giro{fill:var(--m-texto)}
.vf-a-txt{font-size:13px;font-weight:700;fill:var(--m-texto)}
.f-alzas-ab{display:block;width:100%;max-width:420px;overflow:visible}
.f-ab-base{stroke:var(--m-linea);stroke-width:2}
.f-ab-l{stroke:var(--m-acento);stroke-width:2;stroke-dasharray:300;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--m-ease) calc(var(--k) * 150ms)}
html:not(.sin-mov) [data-rev]:not(.vis) .f-ab-l{stroke-dashoffset:300}
.f-ab-p{fill:var(--m-acento)}.f-ab-g{fill:var(--m-texto)}
.f-ab-t{font-size:14px;font-weight:700;fill:var(--m-texto)}
.f-alzas-pie{margin:10px 0 0;font-size:14px}
.f-alzas-pie small{display:block;font-size:12px;color:var(--m-gris);margin-top:2px}
.f-pasos ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.f-pasos li{display:grid;grid-template-columns:72px auto 1fr;gap:12px;align-items:center}
.f-paso-img{display:grid;place-items:center;background:var(--m-sup);border-radius:calc(var(--m-r) * .6);height:64px;overflow:hidden}
.f-paso-img img{max-height:60px;width:auto}
.f-paso-n{width:26px;height:26px;border-radius:50%;background:var(--m-texto);color:var(--m-fondo);display:grid;place-items:center;font-size:12px;font-weight:700}
.f-paso-t{font-size:14px;font-weight:500;line-height:1.4}
.f-pasos-tot{margin:14px 0 0;font-size:15px}
.f-compat-res p{margin:0 0 6px;font-size:15px;font-weight:500}
.f-compat-col{margin-top:16px}
.f-compat ul{list-style:none;margin:0;padding:0}
.f-compat li{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--m-linea)}
.f-compat li b{font-size:14px}.f-compat li span{font-size:12px;color:var(--m-gris)}
.f-compat li p{margin:4px 0 0;font-size:12.5px;color:var(--m-gris);line-height:1.45}
.f-niv{display:inline-block;width:12px;height:12px;border:2px solid var(--m-acento);margin-top:3px;vertical-align:-1px}
.f-niv-bien .f-niv,.f-niv-bien-i{background:var(--m-acento)}
.f-niv-no .f-niv,.f-niv-no-i{border-color:var(--m-gris);background:linear-gradient(135deg,transparent 45%,var(--m-gris) 45% 55%,transparent 55%)}
.f-compat-ley .f-niv{margin:0 3px 0 8px}
.f-puntos2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.f-puntos2 ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.f-puntos2 li{position:relative;padding-left:20px;font-size:14px;line-height:1.45}
.f-favor li::before{content:"+";position:absolute;left:0;color:var(--m-acento);font-weight:800}
.f-ojo li::before{content:"!";position:absolute;left:3px;color:var(--m-gris);font-weight:800}
.f-puntos2 .f-aviso{grid-column:1/-1}
/* en el mercado */
.f-mk-fila{display:grid;grid-template-columns:minmax(90px,150px) 1fr minmax(84px,auto);gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--m-linea)}
.f-mk-k{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris)}
.f-mk-w{min-width:0}
.f-mk-tira,.f-mk-regla{position:relative;height:24px}
.f-mk-tira::before,.f-mk-regla::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--m-linea)}
.f-mk-caja{position:absolute;top:6px;bottom:6px;background:color-mix(in srgb,var(--m-gris) 20%,transparent);border-radius:999px}
.f-mk-tira i{position:absolute;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--m-gris);opacity:.7}
.f-mk-regla i{position:absolute;margin-left:-1px;top:5px;bottom:5px;width:1px;background:var(--m-texto);opacity:.35}
.f-mk-med{position:absolute;top:2px;bottom:2px;width:2px;margin-left:-1px;background:var(--m-texto)}
.f-mk-yo{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--m-acento);box-shadow:0 0 0 3px var(--m-fondo);transition:left 1.1s var(--m-ease) .2s,transform .8s var(--m-ease)}
html:not(.sin-mov) [data-rev]:not(.vis) .f-mk-yo{transform:scale(0)}
.f-mk-caja-sola .f-mk-caja{top:4px;bottom:4px;background:color-mix(in srgb,var(--m-gris) 30%,transparent)}
.f-mk-hist{display:flex;align-items:flex-end;gap:2px;height:36px}
.f-mk-hist i{flex:1;height:calc(var(--h) * 100%);min-height:1px;background:var(--m-linea)}
.f-mk-hist i.yo{background:var(--m-acento)}
.f-mk-ext{display:flex;justify-content:space-between;font-size:11px;color:var(--m-gris);margin-top:2px}
.f-mk-v{text-align:right}
.f-mk-v b{display:block;font-family:var(--m-nf);font-weight:var(--m-nw);font-size:17px}
.f-mk-v small{font-size:11px;color:var(--m-gris)}
/* parecidos y acciones */
.f-sim{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.f-sim-it{display:grid;gap:3px;text-align:left;background:var(--m-sup);border:0;border-radius:var(--m-r);padding:12px;cursor:pointer;transition:transform .5s var(--m-ease)}
.f-sim-it img{height:70px;width:100%;object-fit:contain;margin-bottom:6px}
.f-sim-it small{font-size:11.5px;color:var(--m-gris)}
.f-sim-it b{font-size:14.5px}
.f-sim-it:hover{transform:translateY(-3px)}
.f-acc{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px}
.f-bt{display:inline-flex;align-items:center;justify-content:center;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 .3s,color .3s,border-color .3s}
.f-bt:hover{border-color:var(--m-texto)}
.f-bt-1{background:var(--m-acento);border-color:var(--m-acento);color:#fff}
.f-bt-1:hover{background:var(--m-texto);border-color:var(--m-texto);color:var(--m-fondo)}
.f-bt-l{border-color:transparent;padding:0 6px}

/* ============ estructuras de ficha ============ */
.f-g{margin-bottom:var(--f-hueco,56px);min-width:0}
/* lámina */
.fp-lamina{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 72px;align-items:start}
.fp-lam-izq{position:sticky;top:80px;display:grid;gap:18px}
.fp-lam-izq .f-acc{margin-top:0}
/* pestañas */
.fp-pest-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:end;margin-bottom:28px}
.fp-pest-cab .f-cab{grid-column:1}.fp-pest-cab .f-foto{grid-column:2;grid-row:1/span 2}.fp-pest-cif{grid-column:1}
.fp-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--m-linea);margin-bottom:28px;scrollbar-width:none;position:sticky;top:52px;background:var(--m-fondo);z-index:3}
.fp-tabs button{flex:none;border:0;background:none;padding:14px 16px;cursor:pointer;color:var(--m-gris);font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .3s,border-color .3s}
.fp-tabs button[aria-selected="true"]{color:var(--m-texto);border-color:var(--m-acento)}
.fp-panel .f-g-cab{display:none}
.fp-panel{animation:f-entra .45s var(--m-ease)}
@keyframes f-entra{from{opacity:0;transform:translateY(8px)}}
/* capítulos */
.fp-cap{position:relative;padding:clamp(48px,7vw,96px) clamp(16px,4vw,56px);border-radius:var(--m-r);margin-bottom:12px;background:var(--m-sup)}
.fp-cap:nth-child(even){background:var(--m-fondo);border:1px solid var(--m-linea)}
.fp-cap-0{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center}
.fp-cap-n{position:absolute;top:22px;right:28px;font-family:var(--m-nf);font-weight:var(--m-nw);font-size:clamp(46px,6vw,90px);line-height:1;color:var(--m-linea)}
.fp-cap .f-g{margin:0}
.fp-cap .f-h{font-size:clamp(28px,3vw,44px);letter-spacing:var(--m-tls);text-transform:var(--m-tt);font-family:var(--m-ft);font-weight:var(--m-tw);color:var(--m-texto)}
/* revista */
.fp-rev-ap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:end;border-bottom:1px solid var(--m-texto);padding-bottom:40px;margin-bottom:48px}
.fp-rev-ap .f-foto{grid-column:2;grid-row:1/span 2}
.fp-rev-ent .f-res-t{font-size:clamp(24px,2.4vw,34px);line-height:1.25;font-family:var(--m-ft);font-style:var(--m-resi,normal)}
.fp-rev-cols{columns:2 420px;column-gap:56px}
.fp-rev-cols .f-g{break-inside:avoid;display:inline-block;width:100%}
.fp-rev-cols .f-g-cifras,.fp-rev-cols .f-g-medidas,.fp-rev-cols .f-g-mercado,.fp-rev-cols .f-g-lib,.fp-rev-cols .f-g-trans,.fp-rev-cols .f-g-piezas,.fp-rev-cols .f-g-compat{column-span:all}
/* índice */
.fp-ind{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:56px;align-items:start}
.fp-ind-nav{position:sticky;top:80px}
.fp-ind-nav .f-modelo{font-size:clamp(28px,2.6vw,40px)}
.fp-ind-nav ol{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--m-linea)}
.fp-ind-nav li a{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--m-linea);font-size:14px;color:var(--m-gris);text-decoration:none;transition:color .3s,padding .4s var(--m-ease)}
.fp-ind-nav li a:hover{color:var(--m-texto);padding-left:6px}
.fp-ind-nav li span{font-variant-numeric:tabular-nums;color:var(--m-acento)}
.fp-ind-nav .f-acc{flex-direction:column;align-items:stretch}
.fp-ind-cont .f-foto{margin-bottom:12px}
.fp-ind-cont .f-g{scroll-margin-top:90px;padding-top:28px;border-top:1px solid var(--m-linea)}
/* apiladas */
.fp-carta{position:relative;z-index:calc(1 + var(--i,0));background:var(--m-fondo);border:1px solid var(--m-linea);border-radius:calc(var(--m-r) * 1.6);padding:clamp(22px,3vw,44px);margin-top:-18px;box-shadow:0 -14px 34px -20px rgba(0,0,0,.28)}
.fp-carta:first-child{margin-top:0}
.fp-carta .f-g{margin:0}
.fp-carta-0{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
/* carrusel */
.fp-carr-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;align-items:center;margin-bottom:24px}
.fp-carr-ctl{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:12px}
.fp-carr-ctl button{width:42px;height:42px;border-radius:50%;border:1px solid var(--m-linea);background:var(--m-fondo);cursor:pointer}
.fp-carr-n{font-size:13px;color:var(--m-gris);font-variant-numeric:tabular-nums;min-width:4em;text-align:center}
.fp-carr-pista{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin}
.fp-carr-it{flex:0 0 min(560px,86%);scroll-snap-align:start;background:var(--m-sup);border-radius:calc(var(--m-r) * 1.4);padding:26px;max-height:none}
.fp-carr-it .f-g{margin:0}
/* acordeón */
.fp-acc-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-bottom:28px}
.fp-acc-it{border-top:1px solid var(--m-linea)}
.fp-acc-it:last-of-type{border-bottom:1px solid var(--m-linea)}
.fp-acc-it summary{list-style:none;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:baseline;padding:20px 0;cursor:pointer}
.fp-acc-it summary::-webkit-details-marker{display:none}
.fp-acc-n{font-variant-numeric:tabular-nums;color:var(--m-acento);font-size:13px}
.fp-acc-t{font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);font-size:clamp(20px,2vw,28px)}
.fp-acc-s{font-size:13px;color:var(--m-gris);text-align:right}
.fp-acc-it summary::after{content:"+";grid-column:3;font-size:22px;transition:transform .4s var(--m-ease)}
.fp-acc-it[open] summary::after{transform:rotate(45deg)}
.fp-acc-it .f-g-cab{display:none}
.fp-acc-it .f-g{margin:0 0 28px 56px}
/* bento */
.fp-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;grid-auto-flow:row dense}
.fp-b{background:var(--m-sup);border-radius:calc(var(--m-r) * 1.6);padding:clamp(18px,2.4vw,32px);min-width:0;grid-column:span 3}
.fp-b .f-g{margin:0}
.fp-b-cab{grid-column:span 2;display:flex;align-items:flex-end}
.fp-b-foto{grid-column:span 4;padding:0;overflow:hidden}.fp-b-foto .f-foto{height:100%;border-radius:0}
.fp-b-l{grid-column:span 6}.fp-b-s{grid-column:span 2}
.fp-b-acc{grid-column:span 6;background:none;padding:0}
/* plano */
.fp-plano{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:32px 36px;align-items:start}
.fp-plano-cab{grid-column:1/-1;text-align:center}.fp-plano-cab .f-marca{justify-content:center}
.fp-plano-c{grid-column:2;grid-row:2;position:sticky;top:90px}
.fp-plano-izq{grid-column:1;grid-row:2}.fp-plano-der{grid-column:3;grid-row:2}
.fp-plano>.f-acc{grid-column:1/-1;justify-content:center}
.fp-plano .f-cifras{grid-template-columns:1fr 1fr}
.fp-plano .f-piezas,.fp-plano .f-lib,.fp-plano .f-trans,.fp-plano .f-puntos2,.fp-plano .f-cotas-exp{grid-template-columns:1fr}
.fp-plano .f-trans-datos,.fp-plano .f-trans-dib{grid-column:auto;grid-row:auto}
.f-foto-plano{aspect-ratio:3/4;background-image:linear-gradient(var(--m-linea) 1px,transparent 1px),linear-gradient(90deg,var(--m-linea) 1px,transparent 1px);background-size:24px 24px}
/* ruta */
.fp-ruta>.f-cab{margin-bottom:20px}
.fp-ruta-l{list-style:none;margin:40px 0 0;padding:0 0 0 46px;position:relative}
.fp-ruta-l::before{content:"";position:absolute;left:14px;top:0;bottom:0;border-left:2px dotted var(--m-gris)}
.fp-etapa{position:relative}
.fp-etapa-p{position:absolute;left:-40px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--m-fondo);border:2px solid var(--m-acento)}
.fp-etapa:first-child .fp-etapa-p{background:var(--m-acento)}
/* cartel */
.fp-cartel-cab{display:grid;gap:22px;margin-bottom:56px}
.fp-cartel-cab .f-modelo{font-size:clamp(60px,10vw,180px);line-height:.85}
.fp-cartel-col{max-width:760px;margin:0 auto}
/* escaparate (Apple) */
.fp-esc-hero{text-align:center;display:grid;justify-items:center;gap:20px;margin-bottom:24px}
.fp-esc-hero .f-marca{justify-content:center}
.fp-esc-hero .f-modelo{font-size:clamp(48px,7vw,112px)}
.fp-esc-hero .f-foto{width:100%;background:none}
.fp-esc-cifras .f-cifras{border:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));text-align:center;gap:30px}
.fp-esc-cifras .f-cf{border:0;align-items:center}
.fp-esc-cifras .f-cf-v{font-size:clamp(40px,4vw,64px)}
.fp-esc-blq{padding:clamp(48px,7vw,110px) 0;border-top:1px solid var(--m-linea);max-width:980px;margin:0 auto}
.fp-esc-blq .f-h{font-family:var(--m-ft);font-weight:var(--m-tw);font-size:clamp(30px,3.6vw,52px);letter-spacing:-.03em;text-transform:none;text-align:center;color:var(--m-texto)}
.fp-esc-blq .f-g-sub{text-align:center;font-size:clamp(16px,1.4vw,20px)}
.fp-esc-blq .f-g-cab{margin-bottom:40px}
.fp-esc>.f-acc{justify-content:center}
/* especificaciones (Apple) */
.fp-spec-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;border-bottom:1px solid var(--m-linea);padding-bottom:32px}
.fp-spec-fila{display:grid;grid-template-columns:minmax(180px,26%) minmax(0,1fr);gap:32px;padding:36px 0;border-bottom:1px solid var(--m-linea)}
.fp-spec-k .f-h{font-family:var(--m-ft);font-size:clamp(20px,1.8vw,26px);letter-spacing:-.01em;text-transform:none;font-weight:600}
.fp-spec-k p{font-size:13px;color:var(--m-gris);margin:6px 0 0}

/* ============ comparador ============ */
.fc-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--m-rb,999px);background:var(--m-sup);margin-bottom:22px}
.fc-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:var(--m-rb,999px);cursor:pointer;color:var(--m-gris);font-size:14px}
.fc-tabs button[aria-selected="true"]{background:var(--m-fondo);color:var(--m-texto);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.fc-pie-dif{display:flex;justify-content:flex-end;margin-bottom:10px;font-size:13px}
.fc-pie-dif input{accent-color:var(--m-acento)}
.fc-solo-dif .fc-igual{display:none}
.fc-cuerpo{transition:opacity .25s}
.fc-fila{display:grid;grid-template-columns:var(--fc-k,180px) repeat(var(--n),minmax(0,1fr));gap:0 24px;padding:14px 0;border-bottom:1px solid var(--m-linea);align-items:start}
.fc-k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris);padding-top:4px}
.fc-c{min-width:0;overflow-wrap:anywhere;font-size:14px}
.fc-cab{border-bottom:1px solid var(--m-texto);align-items:end}
.fc-cab .fc-c{display:grid;gap:3px}
.fc-cab .f-foto{padding:12px;height:140px}.fc-cab .f-foto img{max-height:110px}
.fc-cab .f-foto figcaption{display:none}
.fc-cab small{font-size:12px;color:var(--m-gris)}
.fc-cab b{font-family:var(--m-ft);font-weight:var(--m-tw);letter-spacing:var(--m-tls);font-size:20px;line-height:1.1}
.fc-sel{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--m-gris)}
.fc-sel select{flex:1;min-width:0;width:100%;border:1px solid var(--m-linea);background:var(--m-fondo);border-radius:var(--m-rs,8px);padding:7px 10px;font-size:13px}
.f-cmp-v{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:22px;font-variant-numeric:tabular-nums}
.f-cmp-v small{font-size:.55em;color:var(--m-gris);margin-left:2px}
.f-cmp-sub,.f-cmp-ay{display:block;font-size:11.5px;color:var(--m-gris)}
.f-cmp-tag{display:inline-block;font-style:normal;font-size:11px;color:var(--m-acento);margin-left:6px}
.fc-c .f-g-cab{display:none}
.fc-c .f-barras{gap:8px}.fc-c .f-br{grid-template-columns:1fr auto}.fc-c .f-br-b{grid-column:1/-1;grid-row:2}.fc-c .f-br p{display:none}
.fc-c .f-mats{grid-template-columns:1fr}.fc-c .f-piezas,.fc-c .f-lib,.fc-c .f-trans,.fc-c .f-puntos2,.fc-c .f-lib-casos,.fc-c .f-cedes,.fc-c .f-cotas-exp{grid-template-columns:1fr}
.fc-c .f-trans-datos,.fc-c .f-trans-dib{grid-column:auto;grid-row:auto}
.fc-c .f-medidas table{min-width:0;font-size:12px}
/* comparador (11/10): las cifras de cada talla no se parten en varias líneas; si no caben, la tabla se desliza de lado dentro de su columna */
.fc-c .f-medidas{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.fc-c .f-medidas th,.fc-c .f-medidas td{white-space:nowrap;padding-right:9px}
.fc-c .f-res-t{font-size:15px}
.fc-c .f-aviso{font-size:11.5px}
/* tarjetas */
.fc-tar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.fc-t{scroll-snap-align:start;background:var(--m-sup);border-radius:calc(var(--m-r) * 1.4);padding:20px}
.fc-t .f-foto{background:var(--m-fondo);height:160px}.fc-t .f-foto img{max-height:120px}
.fc-t-mod{display:block;font-family:var(--m-ft);font-weight:var(--m-tw);font-size:24px;letter-spacing:var(--m-tls);margin:2px 0 6px}
.fc-t-f{padding:12px 0;border-top:1px solid var(--m-linea)}
.fc-t-k{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris);margin-bottom:4px}
/* tabla */
.fc-pega{position:sticky;top:52px;background:var(--m-fondo);z-index:3}
.fc-grupo summary{cursor:pointer;padding:16px 0;font-family:var(--m-ft);font-weight:var(--m-tw);font-size:20px;letter-spacing:var(--m-tls);border-bottom:1px solid var(--m-texto)}
.fc-tab .fc-fila{grid-template-columns:var(--fc-k,180px) repeat(var(--n),minmax(0,1fr))}
/* duelo */
.fc-duelo .fc-cab{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr) auto) ;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;text-align:center}
.fc-duelo[style*="--n:2"] .fc-cab{grid-template-columns:1fr auto 1fr}
.fc-vs{font-family:var(--m-ft);font-weight:var(--m-tw);font-size:22px;color:var(--m-acento)}
.fc-duelo .fc-fila:not(.fc-cab){grid-template-columns:1fr;gap:6px}
.fc-duelo .fc-k{text-align:center}
.fc-cs{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:24px;text-align:center}
.fc-duelo .fc-cs .fc-c:not(:last-child){border-right:1px solid var(--m-linea);padding-right:24px}

/* ============ móvil ============ */
@media (max-width:980px){
  .fp-lamina,.fp-pest-cab,.fp-cap-0,.fp-rev-ap,.fp-ind,.fp-carta-0,.fp-carr-cab,.fp-acc-cab,.fp-spec-cab,.fp-plano{grid-template-columns:minmax(0,1fr)}
  .fp-lam-izq,.fp-ind-nav,.fp-plano-c{position:static}
  .fp-pest-cab .f-foto,.fp-rev-ap .f-foto{grid-column:auto;grid-row:auto}
  .fp-plano-c,.fp-plano-izq,.fp-plano-der{grid-column:1;grid-row:auto}
  .fp-rev-cols{columns:1}
  .fp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fp-b,.fp-b-cab,.fp-b-foto,.fp-b-l,.fp-b-s,.fp-b-m{grid-column:span 2}
  .fp-spec-fila{grid-template-columns:1fr;gap:12px}
  .fp-ind-nav ol{display:none}
  .f-lib,.f-trans,.f-piezas{grid-template-columns:minmax(0,1fr)}
  .f-trans-dib,.f-trans-datos{grid-column:1;grid-row:auto}
  .fp-acc-it .f-g{margin-left:0}
  .fc-fila{--fc-k:0px;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px 12px}
  .fc-k{grid-column:1/-1}
  .fc-cab .fc-k{display:none}
}
@media (max-width:600px){
  .f-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-cifras-rejilla .f-cf-ancho,.f-cifras-fichero .f-cf-ancho{grid-column:span 2}
.f-cf-txt .f-cf-v{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.01em;overflow-wrap:break-word}
  .f-cotas-exp,.f-cedes,.f-puntos2,.f-lib-casos{grid-template-columns:minmax(0,1fr)}
  .f-mk-fila{grid-template-columns:1fr auto;gap:6px 12px}.f-mk-w{grid-column:1/-1;grid-row:2}
  .f-br{grid-template-columns:1fr auto}.f-br-b{grid-column:1/-1;grid-row:2}
  .f-notas-leyenda div{grid-template-columns:1fr;gap:2px}
  .fp-acc-s{display:none}
  .fc-cab .f-foto{height:90px}.fc-cab .f-foto img{max-height:70px}
  .fc-cab b{font-size:15px}.f-cmp-v{font-size:17px}
  .fc-sel span{display:none}
  .f-pasos li{grid-template-columns:56px auto 1fr}
  .fc-cs{gap:10px}.fc-duelo .fc-cs .fc-c:not(:last-child){padding-right:10px}
}
@media (prefers-reduced-motion:reduce){.fp-panel{animation:none}.f-br-b i,.f-esc-col,.f-an-lleno,.f-ar-forma,.f-mk-yo,.f-ab-l{transition:none!important}}
.sin-mov .f-br-b i{transform:scaleX(var(--v))!important}.sin-mov .f-esc-col,.sin-mov .f-ar-forma,.sin-mov .f-mk-yo{transform:none!important}.sin-mov .f-ab-l{stroke-dashoffset:0!important}
/* pantallas */
.fp-pt{margin:0 calc(50% - 50vw);padding:clamp(56px,7vw,104px) 0;min-height:0;display:flex;align-items:center;background:var(--m-fondo)}
.fp-pt-osc{background:var(--m-osc,#1A1C1E);color:#F2F3F4;--m-texto:#F2F3F4;--m-gris:#A1A7AC;--m-linea:#34383C;--m-sup:#24272A;--m-fondo:#1A1C1E;--m-blend:normal}
.fp-pt-in{width:min(1180px,100% - 64px);margin:0 auto}
.fp-pt-0 .fp-pt-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:center}
.fp-pt .f-g{margin:0}
.fp-pt .f-h{font-family:var(--m-ft);font-weight:var(--m-tw);font-size:clamp(34px,4.4vw,68px);letter-spacing:var(--m-tls);text-transform:var(--m-tt);line-height:.98}
.fp-pt .f-g-cab{margin-bottom:36px}
/* dos */
.fp-dos-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center;margin-bottom:40px}
.fp-dos-f{display:grid;grid-template-columns:minmax(200px,28%) minmax(0,1fr);gap:48px;padding:40px 0;border-top:1px solid var(--m-texto)}
.fp-dos-k{position:sticky;top:90px;align-self:start}
.fp-dos-k .f-h{font-family:var(--m-ft);font-weight:var(--m-tw);font-size:clamp(24px,2.4vw,36px);letter-spacing:var(--m-tls);text-transform:none;line-height:1.05}
.fp-dos-k p{font-size:13px;color:var(--m-gris);margin:8px 0 0;line-height:1.45}
/* flotante */
.fp-flot{position:relative}
.fp-flot-fondo{position:sticky;top:12vh;height:0;z-index:0;display:flex;justify-content:center}
.f-foto-flot{width:min(760px,90%);background:none;opacity:.22;padding:0;pointer-events:none}
.f-foto-flot img{max-height:70vh}
.fp-flot-cab{position:relative;z-index:1;text-align:center;padding:40px 0 30px}.fp-flot-cab .f-marca{justify-content:center}
.fp-flot-rej{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fp-flot-c{background:color-mix(in srgb,var(--m-fondo) 88%,transparent);border:1px solid var(--m-linea);border-radius:calc(var(--m-r) * 1.6);padding:clamp(20px,2.6vw,34px)}
.fp-flot-l{grid-column:1/-1}
.fp-flot-c .f-g{margin:0}
/* cuadro */
.fp-cu-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-bottom:24px}
.fp-cu-kpi .f-cifras{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;border:0}
.fp-cu-kpi .f-cf{background:var(--m-sup);border:0;border-radius:var(--m-r);padding:16px}
.fp-cu-cols{columns:3 300px;column-gap:16px;margin-top:16px}
.fp-cu-c{break-inside:avoid;display:inline-block;width:100%;background:var(--m-fondo);border:1px solid var(--m-linea);border-radius:var(--m-r);padding:20px;margin-bottom:16px}
.fp-cu-c .f-g{margin:0}
.fp-cu-mercado,.fp-cu-lib,.fp-cu-trans,.fp-cu-piezas,.fp-cu-medidas,.fp-cu-compat{column-span:all}
.fp-cu-c .f-cotas-exp,.fp-cu-c .f-puntos2,.fp-cu-c .f-cedes{grid-template-columns:1fr}
/* zigzag */
.fp-zz-cab{display:grid;gap:20px;text-align:center;justify-items:center;margin-bottom:48px}.fp-zz-cab .f-marca{justify-content:center}.fp-zz-cab .f-foto{width:100%}
.fp-zz-f{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding:56px 0;border-top:1px solid var(--m-linea);align-items:start}
.fp-zz-inv{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.fp-zz-inv .fp-zz-t{order:2}
.fp-zz-n{font-family:var(--m-nf);font-weight:var(--m-nw);font-size:clamp(40px,5vw,72px);line-height:1;color:var(--m-acento)}
.fp-zz-t .f-h{font-family:var(--m-ft);font-weight:var(--m-tw);font-size:clamp(28px,3vw,46px);letter-spacing:var(--m-tls);text-transform:var(--m-tt);line-height:1;margin-top:10px;color:var(--m-texto)}
.fp-zz-t p{font-size:14px;color:var(--m-gris);margin:10px 0 0}
@media (max-width:980px){.fp-pt-0 .fp-pt-in,.fp-dos-cab,.fp-dos-f,.fp-cu-cab,.fp-zz-f,.fp-zz-inv{grid-template-columns:minmax(0,1fr)}.fp-dos-k{position:static}.fp-zz-inv .fp-zz-t{order:0}.fp-flot-rej{grid-template-columns:minmax(0,1fr)}.fp-cu-cols{columns:1}.fp-pt-in{width:calc(100% - 32px)}}
.f-cifras .f-cf.f-cf-txt .f-cf-v{font-size:clamp(20px,1.9vw,28px);letter-spacing:-.01em;line-height:1.1}
.f-g-cuerpo,.fp-spec-v,.fp-spec-k,.fp-dos-v,.fp-zz-v,.fp-lam-der,.fp-ind-cont,.fp-cartel-col,.fc-c{min-width:0}
@media (max-width:600px){
  .f-cifras-lista .f-cf{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
  .f-cifras-lista .f-cf-ay,.f-cifras-lista .f-cf-deb{grid-column:1/-1}
  .f-cifras-lista .f-cf-v{font-size:20px}
}

/* ===== notas emergentes (como en la ficha original: ratón, foco o pulsación) ===== */
.f-nota{position:relative;display:inline-flex;align-items:baseline;gap:5px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;cursor:help;-webkit-tap-highlight-color:transparent}
.f-nota:hover>:first-child,.f-nota:focus-visible>:first-child{text-decoration:underline dotted;text-underline-offset:4px;text-decoration-thickness:1px}
.f-nota:focus-visible{outline:2px solid var(--m-acento,#EF5517);outline-offset:3px;border-radius:2px}
.f-nota-i{flex:none;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;font:600 9.5px/1 Georgia,'Times New Roman',serif;font-style:italic;opacity:.42;transform:translateY(-1px);transition:opacity .25s,background .25s,color .25s,border-color .25s;letter-spacing:0;text-transform:none}
.f-nota:hover .f-nota-i,.f-nota:focus-visible .f-nota-i,.f-nota.ver .f-nota-i{opacity:1;background:var(--m-acento,#EF5517);border-color:var(--m-acento,#EF5517);color:#fff}
.f-nota-ast .f-nota-i{display:none}
.f-nota-ast{color:var(--m-acento,#EF5517);font-weight:700;padding:0 2px}
.f-nota-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.f-flot{position:fixed;left:0;top:0;z-index:9000;width:max-content;max-width:min(300px,calc(100vw - 20px));padding:11px 13px;border-radius:min(var(--m-r,12px),12px);background:var(--m-texto,#191817);color:var(--m-fondo,#fff);font:400 13px/1.5 var(--m-f,Inter,system-ui,sans-serif);text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.24);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility 0s .16s}
.f-flot.on{opacity:1;visibility:visible;transition:opacity .16s,visibility 0s}
.f-flot b{display:block;font-weight:600;margin-bottom:2px}
.f-flot span{display:block;opacity:.84}
.f-flot-p{position:absolute;top:100%;width:0;height:0;margin-left:-6px;border:6px solid transparent;border-top-color:var(--m-texto,#191817)}
.f-flot.abajo .f-flot-p{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--m-texto,#191817)}
.f-nota-v{display:inline-flex;align-items:flex-start;gap:6px}
.f-nota-v .f-nota-i{transform:translateY(6px)}
.f-notas-ejes{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:14px 0 0;font-size:13px}
.f-cota-n .f-vh,.f-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.f-cota-n .f-nota{font:inherit}

.f-cf.f-cf-txt .f-cf-v{word-break:normal;overflow-wrap:normal;hyphens:none}
.f-cifras .f-cf{min-width:0}

/* selector de gráfico del rendimiento */
.f-graf-sel{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.f-graf-sel button{font:inherit;font-size:12px;font-weight:500;letter-spacing:.01em;padding:6px 12px;border-radius:999px;border:1px solid var(--m-linea);background:transparent;color:var(--m-gris);cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.f-graf-sel button:hover{color:var(--m-texto);border-color:var(--m-texto)}
.f-graf-sel button[aria-pressed="true"]{background:var(--m-texto);border-color:var(--m-texto);color:var(--m-fondo)}
.f-notas-escalera .f-aviso{margin-top:34px}

/* ===== ficha deslizable (versión 26) ===== */
.fp-desl-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:center;margin-bottom:22px}
.fp-desl .f-gal{margin:-6px 0 24px}
.fp-desl-nav{position:sticky;top:var(--f-pega,64px);z-index:4;display:flex;align-items:center;gap:16px;padding:10px 0;margin-bottom:6px;background:var(--m-fondo)}
.fp-desl-tabs{position:relative;flex:1;min-width:0;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--m-texto) 7%,var(--m-fondo));border-radius:999px;padding:3px}
.fp-desl-tabs::-webkit-scrollbar{display:none}
.fp-desl-tabs button{position:relative;z-index:1;flex:none;font:inherit;font-size:13px;font-weight:500;border:0;background:none;padding:8px 16px;border-radius:999px;color:var(--m-gris);cursor:pointer;white-space:nowrap;transition:color .3s}
.fp-desl-tabs button[aria-selected="true"]{color:var(--m-texto);font-weight:600}
.fp-desl-ind{position:absolute;left:0;top:3px;bottom:3px;width:0;border-radius:999px;background:var(--m-fondo);box-shadow:0 3px 8px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.04);transition:transform .45s cubic-bezier(.3,.7,.1,1),width .45s cubic-bezier(.3,.7,.1,1)}
html[data-tema="noche"] .fp-desl-ind{background:color-mix(in srgb,var(--m-texto) 16%,var(--m-fondo))}
.fp-desl-fl{flex:none;display:flex;align-items:center;gap:8px}
.fp-desl-fl button{width:36px;height:36px;border-radius:50%;border:0;background:color-mix(in srgb,var(--m-texto) 8%,var(--m-fondo));color:var(--m-texto);font-size:18px;cursor:pointer;transition:background .3s}
.fp-desl-fl button:hover{background:color-mix(in srgb,var(--m-texto) 15%,var(--m-fondo))}
.fp-desl-n{font-size:12px;color:var(--m-gris);font-variant-numeric:tabular-nums;min-width:3.6em;text-align:center}
.fp-desl-pista{display:flex;align-items:flex-start;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 26px;margin:0 -2px;transition:height .4s cubic-bezier(.3,.7,.1,1)}
.fp-desl-pista::-webkit-scrollbar{display:none}
.fp-desl-it{flex:0 0 min(760px,86%);scroll-snap-align:start;background:var(--m-sup);border-radius:max(14px,calc(var(--m-r,18px) * 1));padding:clamp(22px,3vw,34px);box-shadow:0 4px 20px rgba(0,0,0,.06);transition:box-shadow .4s}
html[data-tema="noche"] .fp-desl-it{box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.fp-desl-it .f-g{margin:0}
.fp-desl-it .f-g-cab{margin-bottom:18px}
.fp-desl-it .f-h{font-size:clamp(22px,2.2vw,30px)}
.fp-desl .f-acc{margin-top:8px}
@media (max-width:760px){
  .fp-desl-cab{grid-template-columns:minmax(0,1fr);gap:18px}
  .fp-desl-nav{gap:8px;top:var(--f-pega,52px)}
  .fp-desl-fl .fp-desl-n{display:none}
  .fp-desl-fl button{width:32px;height:32px}
  .fp-desl-tabs button{padding:7px 12px;font-size:12.5px}
  .fp-desl-it{flex-basis:88%;padding:20px 18px}
}
/* deslizable: hueco al final para que el último apartado pueda quedar alineado a la izquierda (09/10) */
.fp-desl-pista::after{content:"";flex:0 0 max(0px,calc(100% - min(760px,86%) - 22px));height:1px}
@media (max-width:760px){.fp-desl-pista::after{flex-basis:max(0px,calc(12% - 22px))}}

/* araña: nombre, nota y «i» de cada característica junto a su punta del gráfico (10/10/2026) */
.f-ar-caja{position:relative;width:100%;max-width:300px;margin:34px auto 30px;aspect-ratio:1}
.f-ar-caja .f-arana{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.f-ar-l{position:absolute;display:flex;flex-direction:column;gap:1px;line-height:1.15;white-space:nowrap;transform:translate(0,-50%);z-index:1}
.f-ar-der{transform:translate(-100%,-50%);align-items:flex-end;text-align:right}
.f-ar-centro{transform:translate(-50%,-50%);align-items:center;text-align:center}
.f-ar-arriba{transform:translate(-50%,-70%)}
.f-ar-abajo{transform:translate(-50%,-30%)}
.f-ar-ln{font-size:12.5px;font-weight:700;color:var(--m-texto);letter-spacing:.02em}
.f-ar-ln .f-nota{font:inherit;color:inherit}
.f-ar-lv{font-size:12px;font-weight:600;color:var(--m-acento);font-variant-numeric:tabular-nums}
@media (max-width:560px){.f-ar-ln{font-size:11px}.f-ar-lv{font-size:11px}.f-ar-caja{max-width:calc(100% - 70px)}}
.f-ar-caja{width:min(300px,calc(100% - 210px));min-width:150px}.bq26-gc .f-ar-caja{max-width:calc(var(--bq-dib) * 1.15)}
.f-ar-arriba{transform:translate(-50%,-100%)}.f-ar-abajo{transform:translate(-50%,0)}
@media (max-width:560px){.f-ar-caja{width:calc(100% - 150px);min-width:150px}.f-ar-ln{font-size:11px}.f-ar-lv{font-size:11px}}

/* cabecera de la ficha: logo al lado del nombre o sobre la foto (10/10/2026) */
.f-cab-fila{display:flex;align-items:center;gap:var(--f-logosep,18px);flex-wrap:wrap}
.f-cab-fila .f-marca{margin:0}
.f-foto-logo{position:absolute;z-index:1;display:flex}
.f-fl-si{top:16px;left:18px}.f-fl-sd{top:16px;right:18px}.f-fl-ii{bottom:16px;left:18px}.f-fl-id{bottom:16px;right:18px}
.f-foto-logo .f-logo{height:24px}
.f-cab-fila{flex-wrap:nowrap}.f-cab-fila .f-marca{flex:0 1 auto;min-width:0}.f-cab-fila .f-modelo{flex:none}.f-cab-fila .f-logo{max-width:100%!important}

/* apartados juntos (10/10/2026): en la misma tarjeta, o en tarjetas apiladas dentro de la misma pestaña */
.f-junto{margin-top:28px;padding-top:24px;border-top:1px solid var(--m-linea)}
.f-junto-h{margin:0 0 6px;font-size:clamp(17px,1.6vw,22px)}
.f-junto .f-g-sub{margin:0 0 14px}
.fp-desl-pila{background:transparent!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;gap:16px}
.fp-desl-pila>.f-g{background:var(--m-sup);border-radius:max(14px,calc(var(--m-r,18px) * 1));padding:clamp(22px,3vw,34px);box-shadow:0 4px 20px rgba(0,0,0,.06)}
html[data-tema="noche"] .fp-desl-pila>.f-g{box-shadow:0 0 0 1px rgba(255,255,255,.06)}

/* deslizable: nada dentro de un apartado puede hacerlo más ancho que su sitio; lo que no cabe se desliza dentro (10/10) */
.fp-desl-it,.fp-desl-it>.f-g,.fp-desl-it .f-g-cuerpo{min-width:0}
.fp-desl-it{max-width:100%}
/* araña: deja sitio a los nombres de los lados para que no se salgan ni se monten en pantallas estrechas (10/10) */
.f-ar-caja{width:min(var(--ar-w,300px),calc(100% - 2 * var(--ar-lado,72px) + 24px));min-width:110px}
.f-ar-l.f-ar-izq,.f-ar-l.f-ar-der{white-space:normal;width:max-content;max-width:var(--ar-lado,72px)}
.f-ar-l.f-ar-izq .f-ar-ln,.f-ar-l.f-ar-der .f-ar-ln{hyphens:auto;-webkit-hyphens:auto}
@media (max-width:760px){.f-ar-l{--ar-t:11px}.f-ar-ln{font-size:var(--ar-t)}.f-ar-lv{font-size:var(--ar-t)}.f-ar-caja{margin:30px auto 26px}}
/* «Ancho: dos columnas» de una cifra también con las cifras grandes (10/10) */
.f-cifras-grandes .f-cf-ancho{grid-column:span 2}

/* liberación de fijaciones (10/10): los dibujos arriba, en cajas iguales y centrados; el texto debajo, a dos columnas */
.f-lib{grid-template-columns:minmax(0,1fr);gap:26px}
.f-lib-casos{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.f-lib-caso{display:flex;flex-direction:column;padding:16px 18px 18px;border-radius:calc(var(--m-r,18px) * .8);background:color-mix(in srgb,var(--m-texto) 4%,transparent)}
.f-lib-caso figcaption span{display:block;margin-top:2px}
.f-lib-img{height:190px;align-items:center;justify-content:center;margin:12px 0 14px}
.f-lib-img img{height:100%;width:100%;max-width:100%;object-fit:contain;object-position:center}
.f-lib-txt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 40px;align-items:start}
.f-lib-txt>.f-lib-tipo,.f-lib-txt>.f-cedes{grid-column:1/-1}
.f-lib-txt>.f-lib-lineas{grid-column:1}
.f-lib-txt>p{grid-column:2}
.f-lib-txt>.f-lib-lineas+p,.f-lib-txt>.f-lib-lineas+p+p{margin-top:0}
.f-cedes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--m-linea)}
@media (max-width:760px){.f-lib-txt{grid-template-columns:minmax(0,1fr)}.f-lib-txt>p{grid-column:1}.f-lib-casos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.f-lib-caso{padding:12px}.f-lib-img{height:140px}}
.f-lib-txt{align-content:start}
.f-lib-txt>.f-lib-lineas{grid-row:2 / span 6;align-self:start}
.f-lib-txt>p{margin:0 0 8px!important}
@media (max-width:760px){.f-lib-txt>.f-lib-lineas{grid-row:auto}}
/* comparador: elegir marca y modelo de cada hueco (10/10) */
.fc-elige{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:4px 0 22px}
.fc-slot{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.3fr);align-items:end;gap:8px;padding:12px 14px;border-radius:calc(var(--m-r,18px) * .8);background:var(--m-sup);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.fc-slot-nuevo{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--m-acento) 55%,transparent)}
.fc-slot-n{align-self:center;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--m-texto);color:var(--m-fondo)}
.fc-slot label{display:grid;gap:3px;min-width:0}
.fc-slot label span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris)}
.fc-slot select{width:100%;min-width:0;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--m-linea);background:var(--m-fondo);color:var(--m-texto);font:inherit;font-size:13.5px}
.fc-slot select:disabled{opacity:.5}
.fc-slot-x{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:0;background:transparent;color:var(--m-gris);font-size:18px;line-height:1;cursor:pointer}
.fc-slot-x:hover{background:color-mix(in srgb,var(--m-texto) 8%,transparent);color:var(--m-texto)}
.fc-slot{padding-right:34px}
.fc-mas{min-height:62px;border-radius:calc(var(--m-r,18px) * .8);border:1.5px dashed color-mix(in srgb,var(--m-texto) 25%,transparent);background:transparent;color:var(--m-texto);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}
.fc-mas:hover{border-color:var(--m-acento);color:var(--m-acento)}
@media (max-width:760px){.fc-elige{grid-template-columns:minmax(0,1fr)}.fc-slot{grid-template-columns:auto minmax(0,1fr) minmax(0,1.3fr)}}

/* ===== Selector subida / bajada / transición (10/10) ===== */
.f-tenue{opacity:.32;filter:saturate(.3);transition:opacity .3s,filter .3s}
.f-tenue:hover{opacity:.7}
.fp-desl-tabs button.f-tenue{opacity:.4}
.ff26{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 6px;font-size:14px;color:var(--m-texto)}
.ff26-t{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--m-texto) 55%,transparent)}
.ff26-ico{display:inline-flex;width:18px;height:18px;flex:none}
.ff26-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ff26 button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* 1 · píldoras (control segmentado) y 5 · resalta (mismo control, atenúa en vez de ocultar) */
.ff26-seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:color-mix(in srgb,var(--m-texto) 7%,transparent);max-width:100%;overflow-x:auto;scrollbar-width:none}
.ff26-seg::-webkit-scrollbar{display:none}
.ff26-seg button{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:0;border-radius:999px;background:transparent;font-weight:600;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.ff26-seg button[aria-pressed="true"]{background:var(--m-fondo,#fff);color:var(--m-acento);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.ff26-seg button:not([aria-pressed="true"]):hover{color:var(--m-acento)}
.ff26-resalta .ff26-seg button[aria-pressed="true"]{background:var(--m-acento);color:#fff}
/* 2 · tarjetas con lo que mira cada fase */
.ff26-tarjetas{display:block}
.ff26-tarjetas .ff26-t{display:block;margin-bottom:10px}
.ff26-tjs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ff26-tjs button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;text-align:left;padding:14px 16px;border-radius:calc(var(--m-r,18px) * .8);border:1.5px solid color-mix(in srgb,var(--m-texto) 12%,transparent);background:var(--m-fondo,#fff);transition:border-color .2s,background .2s,transform .2s}
.ff26-tjs button .ff26-ico{grid-row:span 2;width:26px;height:26px;color:var(--m-acento)}
.ff26-tjs button b{font-size:16px}
.ff26-tjs button small{font-size:12px;line-height:1.35;color:color-mix(in srgb,var(--m-texto) 60%,transparent)}
.ff26-tjs button:hover{border-color:var(--m-acento)}
.ff26-tjs button[aria-pressed="true"]{border-color:var(--m-acento);background:color-mix(in srgb,var(--m-acento) 9%,var(--m-fondo,#fff))}
.ff26-todo{margin-top:10px;padding:6px 0;border:0;background:none;font-size:13px!important;font-weight:600;color:var(--m-acento)!important;text-decoration:underline;text-underline-offset:3px}
/* 3 · etiquetas que se suman (varias a la vez) */
.ff26-chips button:not(.ff26-todo){display:inline-flex;align-items:center;gap:7px;padding:8px 12px 8px 14px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--m-texto) 16%,transparent);background:transparent;font-weight:600;transition:all .2s}
.ff26-chips button em{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--m-texto) 8%,transparent);font-size:12px}
.ff26-chips button[aria-pressed="true"]{border-color:var(--m-acento);color:var(--m-acento);background:color-mix(in srgb,var(--m-acento) 8%,transparent)}
.ff26-chips button[aria-pressed="true"] em{background:var(--m-acento);color:#fff}
.ff26-chips .ff26-todo{margin:0}
/* 4 · deslizador de la subida a la bajada */
.ff26-desl{display:block}
.ff26-desl .ff26-t{display:block;margin-bottom:6px}
.ff26-rango{position:relative;max-width:520px;padding-top:6px}
.ff26-rango input{width:100%;margin:0;accent-color:var(--m-acento);height:26px;cursor:pointer}
.ff26-marcas{position:relative;height:26px;margin:0 8px}
.ff26-marcas button{position:absolute;top:0;left:calc(var(--k) / (var(--n) - 1) * 100%);transform:translateX(-50%);border:0;background:none;padding:4px 0;font-size:13px;font-weight:600;white-space:nowrap;color:color-mix(in srgb,var(--m-texto) 50%,transparent)!important}
.ff26-marcas button:first-child{transform:translateX(-8px)}
.ff26-marcas button:last-child{transform:translateX(calc(-100% + 8px))}
.ff26-marcas button.on{color:var(--m-acento)!important}
@media (max-width:760px){
  .ff26{margin:14px 0 4px;gap:8px}
  .ff26-pildoras{flex-direction:column;align-items:stretch}
  .ff26-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
  .ff26-seg button{justify-content:center;padding:9px 6px;gap:5px;font-size:13px}
  .ff26-tjs{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}
  .ff26-tjs button{grid-template-columns:1fr;justify-items:center;text-align:center;padding:12px 6px}
  .ff26-tjs button .ff26-ico{grid-row:auto}
  .ff26-tjs button small{display:none}
  .ff26-rango{max-width:none}
}

/* ---- modo noche (11/10): lo elegido, en naranja ---- */
html[data-oscuro="1"] .fp-desl-tabs button[aria-selected="true"],html[data-oscuro="1"] .fp-tabs button[aria-selected="true"]{color:var(--n2,#FF8A4C)}
html[data-oscuro="1"] .fp-desl-ind,html[data-tema="noche"] .fp-desl-ind{background:color-mix(in srgb,var(--m-acento) 18%,var(--fondo2,#27272B))}
html[data-oscuro="1"] .fc-tabs button[aria-selected="true"],html[data-oscuro="1"] .m-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--m-acento) 18%,var(--fondo2,#27272B));color:var(--n2,#FF8A4C)}
html[data-oscuro="1"] .f-graf-sel button[aria-pressed="true"],html[data-oscuro="1"] .m-bq-fil button[aria-pressed="true"]{background:var(--m-acento);border-color:var(--m-acento);color:#fff}
html[data-oscuro="1"] .ff26-seg button[aria-pressed="true"]{background:color-mix(in srgb,var(--m-acento) 18%,var(--fondo2,#27272B))}

/* ---- fijaciones (11/10): la puntera y la talonera, cada una en su tarjeta ---- */
.f-piezas-1{grid-template-columns:minmax(0,1fr)}
.f-piezas-1 .f-pz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:26px;align-items:start}
.f-piezas-1 .f-pz figure{grid-row:1 / span 3;margin:0;height:100%;max-height:340px;aspect-ratio:auto;min-height:200px}
.f-piezas-1 .f-pz figure img{max-height:300px}
.f-piezas-1 .f-pz>p{margin:6px 0 10px}
@media (max-width:760px){
  .f-piezas-1 .f-pz{display:block}
  .f-piezas-1 .f-pz figure{height:auto;min-height:0;max-height:none;width:100%;aspect-ratio:4/3;margin:0 0 12px}
  .f-piezas-1 .f-pz figure img{max-height:220px}
}

/* ---- fotos a pantalla completa (11/10) ---- */
.f-ficha .f-foto img,.f-ficha .f-pz img,.f-ficha .f-g-cuerpo figure img{cursor:zoom-in;-webkit-user-drag:none;user-select:none}
.f-ficha .f-foto[data-fotos]{touch-action:pan-y}
html.fv26-abierto,html.fv26-abierto body{overflow:clip}
.fv26{position:fixed;inset:0;z-index:200;background:rgba(10,10,12,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease;display:flex;flex-direction:column}
.fv26.on{opacity:1}
.fv26[hidden]{display:none}
.fv26-pista{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}
.fv26-pista::-webkit-scrollbar{display:none}
.fv26-it{flex:0 0 100%;scroll-snap-align:center;display:grid;place-items:center;padding:64px clamp(16px,7vw,110px) 70px}
.fv26-it img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:14px;padding:clamp(10px,2vw,28px);box-sizing:border-box;cursor:default}
.fv26-x{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.fv26-fl{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background .2s}
.fv26-fl:hover,.fv26-x:hover{background:var(--m-acento,#EF5517)}
.fv26-ant{left:clamp(8px,2vw,28px)}.fv26-sig{right:clamp(8px,2vw,28px)}
.fv26-una .fv26-fl{display:none}
.fv26-pie{position:absolute;left:0;right:0;bottom:18px;margin:0;display:flex;justify-content:center;gap:14px;color:rgba(255,255,255,.8);font-size:13px}
.fv26-n{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}
@media (max-width:760px){.fv26-fl{width:42px;height:42px;font-size:24px;top:auto;bottom:56px;transform:none}.fv26-it{padding:60px 10px 110px}}
/* comparador (11/10/2026): la foto de cada modelo, cuadrada y del ancho de su columna, sin recuadro de fondo y con el modelo grande */
:is(.fc-cab,.fc-t) .f-foto{height:auto;aspect-ratio:1/1;padding:0;background:none!important;box-shadow:none!important;border-radius:0;overflow:visible}
/* esquís y fijaciones son fotos apaisadas: en un cuadrado solo ganarían hueco vacío, así que su caja es más baja */
:is([data-ccat="esquis"],[data-ccat="fijaciones"]) :is(.fc-cab,.fc-t) .f-foto{aspect-ratio:3/2}
:is(.fc-cab,.fc-t) .f-foto img{width:100%;height:100%;max-height:none;max-width:100%;object-fit:contain}
.fc-duelo .fc-cab .f-foto{max-width:360px;margin:0 auto;width:100%}