/* =========================================================
   CATELLI S.A. — Maquinarias · maquinarias.css
   Se apoya en ../../css/styles.css (tokens, cabecera, botones, sucursales, reseñas, pie, WhatsApp).
   Concepto: "Elegí tu máquina". Hub, categoría, serie con comparador y ficha de modelo.
   ========================================================= */

/* ---------- Base de la página ---------- */
body{background:var(--ink)}
.ftr{border-top:1px solid var(--line-w)}
.ftr h3{font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px;font-weight:800}
.hdr__nav a[aria-current]::after{transform:scaleX(1)}
.menu__nav a[aria-current],.ftr nav a[aria-current]{color:var(--yellow)}
.btn,.rbtn,.mq-opt,.mq-pick,.mq-chip,.dots button,.fab__btn{touch-action:manipulation}
.mq-hero .ln__in{overflow-wrap:break-word}
.ftr nav a,.ftr__cols>div>a{min-height:44px;display:flex;align-items:center;padding-block:4px}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:260;transform:translate(-50%,24px);background:var(--ink);color:#fff;border:1px solid var(--line-w);padding:.8em 1.3em;border-radius:999px;font-size:.92rem;font-weight:700;opacity:0;pointer-events:none;transition:opacity .35s,transform .45s var(--ease-o);max-width:calc(100vw - 32px);text-align:center}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

.skip:not(:focus){transform:translateY(-100%)}
/* Foco y anclas no quedan bajo la cabecera flotante */
section[id],.mq-comp,.mq-res,.mq-scard,.mq-mcard,.mq-tw,.bcard{scroll-margin-top:96px}
.btn,.rbtn,.mq-opt,.mq-pick,.mq-chip,.mq-f select,.mq-f input,.mq-f label,.mq-tel,.vrow,.mq-idx,.mq-fact__a,.mq-mcard__a,.mq-pn__a,.mq-res a,.dots button,.soc a,.ftr a,.mq-bl a,.mq-crumbs a,.mq-t a,.mq-t__a{scroll-margin-top:120px}
@media (max-width:620px){section[id],.mq-comp,.mq-res,.mq-scard,.mq-mcard,.mq-tw,.bcard{scroll-margin-top:84px}}
:is(.mq-hero,.mq-cats,.mq-t7,.mq-models,.mq-why,.mq-cons,.mq-loc,.hdr,.menu,.mq-dev) :focus-visible{outline-color:#fff}
.mq-cons .mq-comp :focus-visible,.mq-find .mq-comp :focus-visible{outline-color:var(--ink)}
.fab__btn:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}
.mq-voices :focus-visible{outline-color:var(--ink);box-shadow:0 0 0 2px #fff}
.btn{white-space:normal;text-align:center;line-height:1.2}
.menu__foot .btn,.hdr__cta{white-space:nowrap}
.btn[data-mag]{transform:translate(var(--mx,0px),var(--my,0px))}
.btn[data-mag]:hover{transform:translate(var(--mx,0px),calc(var(--my,0px) - 2px))}
.btn--ghost-i{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost-i:hover{background:var(--ink);color:#fff}
.mq-js{display:inline}
.mq-nojs-i{display:none}

/* =========================================================
   HERO
   ========================================================= */
.mq-hero{position:relative;background:var(--ink);color:#fff;min-height:min(100svh,940px);display:flex;align-items:center;padding:calc(var(--hdr) + clamp(22px,4vh,52px)) 0 clamp(70px,8vw,120px);overflow:hidden}
.mq-hero--s,.mq-hero--m{min-height:0;padding-bottom:clamp(60px,7vw,100px)}
.mq-hero__bg{position:absolute;inset:0;background:radial-gradient(900px 560px at 86% 24%,rgba(10,77,140,.7),transparent 70%),radial-gradient(700px 420px at 0% 100%,rgba(255,210,0,.1),transparent 70%);pointer-events:none;overflow:hidden}
.mq-hero__bg::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 2px,transparent 2px 46px)}
.mq-hero__bg b{position:absolute;left:-1%;bottom:-.12em;font-family:var(--f-d);font-weight:900;text-transform:uppercase;font-size:clamp(8rem,26vw,28rem);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,210,0,.16);z-index:1;user-select:none;white-space:nowrap}
.mq-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(28px,5vw,80px);align-items:center;width:100%}
.mq-hero__in--s{grid-template-columns:minmax(0,1fr)}
.mq-hero__in--m{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.mq-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(20px,3.6vh,36px)}
.mq-kicker{font-size:.82rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:clamp(10px,2vh,18px)}
.mq-hero__title{font-family:var(--f-d);font-weight:900;text-transform:uppercase;font-size:clamp(3.4rem,min(11vw,15svh,10rem),10rem);line-height:.9;letter-spacing:-.005em;padding-bottom:.04em}
.mq-hero--s .mq-hero__title,.mq-hero--m .mq-hero__title{font-size:clamp(3rem,min(9.5vw,15svh,8.4rem),8.4rem)}
.js .mq-hero__title .ln:first-child{padding-top:.4em;margin-top:-.4em}
.js .mq-hero__title .ln:nth-child(2){padding-top:.14em;margin-top:-.14em;margin-bottom:.04em}
@media (min-width:1001px){.mq-hero__title .ln__in{white-space:nowrap}}
.mq-hero__lead{max-width:32em;margin-top:clamp(16px,2.6vh,28px);font-size:clamp(1rem,1.2vw,1.15rem);color:rgba(255,255,255,.88)}
.mq-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(18px,2.8vh,30px)}
.mq-later{margin-top:14px;font-size:.92rem;font-weight:600;color:rgba(255,255,255,.88);max-width:30em}
.mq-later[hidden]{display:none}
.mq-crumbs{margin-bottom:clamp(14px,2.4vh,24px)}
.mq-crumbs ol{display:flex;flex-wrap:wrap;gap:2px 0;font-size:.9rem;font-weight:700;color:rgba(255,255,255,.78)}
.mq-crumbs li{display:inline-flex;align-items:center}
.mq-crumbs li+li::before{content:"/";margin:0 .7em;color:rgba(255,255,255,.4)}
.mq-crumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.4)}
.mq-crumbs a:hover{color:var(--yellow);text-decoration-color:currentColor}
.mq-crumbs [aria-current]{color:#fff}

/* Índice del hero */
.mq-hero__idx{position:relative;padding:clamp(18px,2vw,26px);border-radius:14px;background:rgba(6,18,31,.58);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 40px 80px -44px rgba(0,0,0,.75)}
.mq-idx__h{font-size:.82rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:6px}
.mq-hero__idx ol{display:grid}
.mq-idx{display:grid;grid-template-columns:2.2em minmax(0,1fr) 1.2em;grid-template-areas:"n t a" ". m a";align-items:center;column-gap:10px;min-height:56px;padding:10px 4px;border-top:1px solid rgba(255,255,255,.14);transition:background .3s,padding .4s var(--ease-o)}
.mq-hero__idx li:first-child .mq-idx{border-top:0}
.mq-idx__n{grid-area:n;font-weight:800;font-size:.82rem;letter-spacing:.12em;color:var(--yellow)}
.mq-idx__t{grid-area:t;font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:clamp(1.5rem,2.1vw,2rem);line-height:1}
.mq-idx__m{grid-area:m;font-size:.82rem;color:rgba(255,255,255,.72)}
.mq-idx svg{grid-area:a;width:1.2em;height:1.2em;color:var(--yellow);transition:transform .35s var(--ease-o)}
.mq-idx:hover{background:rgba(255,255,255,.06);padding-left:12px}
.mq-idx:hover svg{transform:translateX(4px)}

/* Tarjeta de cifras en la ficha */
.mq-hero__card{padding:clamp(20px,2.4vw,32px);border-radius:14px;background:rgba(6,18,31,.62);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 40px 80px -44px rgba(0,0,0,.75)}
.mq-hero__cardk{font-size:.82rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px}
.mq-hero__cardf{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:.92rem;color:rgba(255,255,255,.76)}
.mq-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:14px 18px}
.mq-nums dt{font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.mq-nums dd{margin-top:4px;font-size:.92rem;font-weight:700;color:rgba(255,255,255,.86)}
.mq-nums b{font-family:var(--f-d);font-weight:800;font-size:clamp(1.9rem,2.4vw,2.6rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.mq-nums--l b{font-size:clamp(2.4rem,3.4vw,3.6rem)}

@media (max-height:700px) and (min-width:1001px){.mq-chips{margin-bottom:14px}.mq-hero__lead{margin-top:12px}.mq-hero__cta{margin-top:14px}.mq-hero{padding-bottom:50px}}
@media (max-width:1000px){
  .mq-hero{min-height:0;align-items:flex-start}
  .mq-hero__in,.mq-hero__in--m{grid-template-columns:minmax(0,1fr)}
  .mq-hero__title{font-size:min(9rem,16vw,20svh)}
  .mq-hero--s .mq-hero__title,.mq-hero--m .mq-hero__title{font-size:min(7rem,14vw,18svh)}
}
@media (max-width:560px){
  .mq-hero{padding-top:calc(var(--hdr) + 14px)}
  .mq-hero .chip:first-child{display:none}
  .mq-hero__cta .btn{flex:1 1 100%;padding-inline:1em}
}

/* =========================================================
   BUSCADOR (hub)
   ========================================================= */
.mq-find{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) 0 clamp(60px,8vw,110px);position:relative}
.mq-find__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:clamp(22px,3vw,48px);align-items:start}
.mq-comp{position:relative;background:#fff;color:var(--ink);border-radius:4px;border-top:4px solid var(--ink);padding:clamp(20px,2.6vw,36px);box-shadow:0 30px 70px -40px rgba(6,18,31,.55)}
.mq-k{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 .9em}
.mq-k small{display:block;margin-top:.4em;font-size:.82rem;font-weight:600;letter-spacing:0;text-transform:none;color:rgba(6,18,31,.74)}
#hpBox{margin-top:clamp(20px,2.6vw,30px)}
.mq-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mq-opts--hp{grid-template-columns:repeat(4,minmax(0,1fr))}
.mq-opt{position:relative;display:flex;flex-direction:column;gap:2px;text-align:left;min-height:76px;padding:14px 16px;border:1.5px solid var(--ink);border-radius:10px;transition:background .25s,color .25s,transform .35s var(--ease-o)}
.mq-opt b{font-size:1.02rem;line-height:1.2}
.mq-opt span{font-size:.92rem;line-height:1.35;color:rgba(6,18,31,.74);transition:color .25s}
.mq-opt:hover{background:rgba(6,18,31,.06)}
.mq-opt[aria-pressed="true"]{background:var(--ink);color:var(--yellow)}
.mq-opt[aria-pressed="true"] span{color:rgba(255,255,255,.82)}
.mq-opt--s{min-height:56px;justify-content:center}
.mq-opt--s b{font-size:.95rem}
.mq-prev{margin-top:clamp(20px,2.6vw,32px)}
.mq-prev__k{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(6,18,31,.78);margin-bottom:10px}
.mq-prev .bubble{max-width:none;white-space:pre-wrap;overflow-wrap:anywhere}
.mq-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:clamp(18px,2.4vw,26px)}
.mq-tel{display:inline-flex;align-items:center;min-height:44px;font-size:.92rem;font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.mq-tel:hover{color:var(--ink)}
.mq-st{min-height:1.4em;margin-top:12px;font-size:.92rem;font-weight:700;color:var(--blue-d)}
.mq-st.is-err{color:#a32117}
.mq-priv{margin-top:6px;font-size:.92rem;line-height:1.5;color:rgba(6,18,31,.7);max-width:44em}

.mq-res{position:sticky;top:96px;padding:clamp(20px,2.4vw,30px);border-radius:14px;background:var(--ink-2);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -40px rgba(6,18,31,.8)}
.mq-res__k{font-size:.82rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px}
.mq-comp .mq-res{position:static;margin-top:clamp(18px,3vw,26px)}
.mq-res__empty{font-size:.95rem;color:rgba(255,255,255,.82)}
.mq-res__s{margin:18px 0 8px;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.mq-res__l{display:grid;gap:8px}
.mq-res__l a{display:grid;grid-template-columns:minmax(0,1fr) 1.2em;align-items:center;gap:2px 10px;min-height:56px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);transition:border-color .25s,background .25s}
.mq-res__l a:hover{border-color:var(--yellow);background:rgba(255,255,255,.09)}
.mq-res__l b{font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:1.45rem;line-height:1}
.mq-res__l span{grid-column:1;font-size:.92rem;color:rgba(255,255,255,.78)}
.mq-res__l svg{grid-row:1/3;grid-column:2;width:1.2em;height:1.2em;color:var(--yellow)}
.mq-res__note{margin-top:14px;font-size:.92rem;color:rgba(255,255,255,.78)}
@media (max-width:980px){
  .mq-find__grid{grid-template-columns:minmax(0,1fr)}
  .mq-res{position:static}
}
@media (max-width:620px){.mq-opts,.mq-opts--hp{grid-template-columns:minmax(0,1fr)}.mq-opts--hp{grid-template-columns:1fr 1fr}}

/* =========================================================
   CATEGORÍAS (lista)
   ========================================================= */
.mq-cats{background:var(--ink-2);color:#fff;padding:clamp(80px,10vw,150px) 0;position:relative;overflow:hidden}
.mq-cats::before,.mq-models::before,.mq-loc::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 480px at 92% 0%,rgba(10,77,140,.5),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 46px);pointer-events:none}
.mq-cats .wrap,.mq-models .wrap,.mq-loc .wrap{position:relative}
.mq-cats .h2 em,.mq-models .h2 em,.mq-why .h2 em{color:var(--yellow)}
.mq-via{border-bottom:2px solid var(--ink)}
.vrow{display:grid;grid-template-columns:clamp(40px,6vw,90px) minmax(0,1.5fr) minmax(0,1.1fr) 56px;align-items:center;gap:clamp(8px,2vw,32px);border-top:2px solid var(--ink);padding:clamp(12px,1.6vw,22px) 0;transition:background .45s var(--ease-o),color .45s var(--ease-o),padding .5s var(--ease-o)}
.vrow__n{font-weight:800;font-size:.9rem;letter-spacing:.14em;color:var(--blue)}
.vrow__name{font-family:var(--f-d);font-weight:900;text-transform:uppercase;font-size:clamp(2.4rem,5vw,5rem);line-height:.9;letter-spacing:-.004em;overflow-wrap:break-word}
.vrow__d{font-size:.95rem;line-height:1.45;color:rgba(6,18,31,.78)}
.vrow__d b{display:block;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:.3em}
.vrow__arr{width:44px;height:44px;padding:11px;border-radius:50%;border:2px solid currentColor;justify-self:end;transition:transform .5s var(--ease-o),background .3s,color .3s}
.mq-tag{display:inline-block;margin-top:.5em;padding:.25em .8em;border-radius:999px;font-style:normal;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid currentColor}
.mq-tag.is-cat{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.mq-via--d{border-bottom:2px solid rgba(255,255,255,.3)}
.mq-via--d .vrow{border-top-color:rgba(255,255,255,.3)}
.mq-via--d .vrow__n,.mq-via--d .vrow__d b{color:var(--yellow)}
.mq-via--d .vrow__d{color:rgba(255,255,255,.84)}
.mq-via--d .mq-tag.is-cat{color:var(--ink)}
@media (hover:hover){
  .vrow:hover{background:var(--ink);color:#fff;padding-left:clamp(14px,2vw,32px);padding-right:clamp(14px,2vw,32px)}
  .vrow:hover .vrow__n{color:var(--yellow)}
  .vrow:hover .vrow__d{color:rgba(255,255,255,.86)}
  .vrow:hover .vrow__d b{color:var(--yellow)}
  .vrow:hover .vrow__arr{background:var(--yellow);color:var(--ink);border-color:var(--yellow);transform:rotate(45deg)}
  .mq-via--d .vrow:hover{background:#fff;color:var(--ink)}
  .mq-via--d .vrow:hover .vrow__n,.mq-via--d .vrow:hover .vrow__d b{color:var(--blue)}
  .mq-via--d .vrow:hover .vrow__d{color:rgba(6,18,31,.8)}
  .mq-via--d .vrow:hover .vrow__arr{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
}
.vrow.is-hit{outline:3px solid var(--yellow);outline-offset:-3px}
@media (max-width:860px){
  .vrow{grid-template-columns:34px minmax(0,1fr) 44px;grid-template-areas:"n name arr" ". d d";row-gap:6px}
  .vrow__name{font-size:clamp(1.8rem,9vw,3.4rem)}
  .vrow__n{grid-area:n}.vrow__name{grid-area:name}.vrow__arr{grid-area:arr;width:40px;height:40px;padding:10px}.vrow__d{grid-area:d}
}

/* =========================================================
   T7 EN EL HUB
   ========================================================= */
.mq-t7{background:var(--blue-d);color:#fff;padding:clamp(80px,10vw,150px) 0;position:relative;overflow:hidden}
.mq-t7::before,.mq-why::before,.mq-cons::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px);pointer-events:none}
.mq-t7__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,88px);align-items:center}
.mq-t7 .h2 em{color:var(--yellow)}
.mq-t7__p{margin-top:1.4em;max-width:34em;font-size:clamp(1rem,1.2vw,1.15rem);color:rgba(255,255,255,.88)}
.mq-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:16px clamp(14px,2vw,28px);margin-top:clamp(24px,3vw,40px)}
.mq-stats>div{border-top:2px solid var(--yellow);padding-top:10px}
.mq-stats dt{font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.mq-stats dd{margin-top:4px;font-family:var(--f-d);font-weight:800;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.05;font-variant-numeric:tabular-nums}
.mq-t7__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(22px,3vw,34px)}
.mq-t7__models{position:relative}
.mq-t7__big{position:absolute;right:-.02em;top:-.42em;font-family:var(--f-d);font-weight:900;font-size:clamp(9rem,17vw,17rem);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,210,0,.3);pointer-events:none;user-select:none}
.mq-t7__models ul{position:relative;display:grid;gap:8px;margin-top:clamp(20px,4vw,60px)}
.mq-t7__models a{display:grid;grid-template-columns:minmax(0,1fr) 1.2em;grid-template-areas:"b a" "s a";align-items:center;min-height:60px;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(6,18,31,.5);transition:border-color .25s,background .25s,transform .4s var(--ease-o)}
.mq-t7__models a:hover{border-color:var(--yellow);background:rgba(6,18,31,.8);transform:translateX(4px)}
.mq-t7__models b{grid-area:b;font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:1.6rem;line-height:1}
.mq-t7__models span{grid-area:s;font-size:.92rem;color:rgba(255,255,255,.78)}
.mq-t7__models svg{grid-area:a;width:1.2em;height:1.2em;color:var(--yellow)}
@media (max-width:980px){.mq-t7__grid{grid-template-columns:minmax(0,1fr)}.mq-t7__big{display:none}}

/* =========================================================
   COMPRAR EN CATELLI
   ========================================================= */
.mq-buy{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) 0;position:relative}
.mq-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.mq-fact{position:relative;display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,26px);background:#fff;border-top:4px solid var(--ink);border-radius:4px;box-shadow:0 24px 50px -36px rgba(6,18,31,.5)}
.mq-fact__n{font-family:var(--f-d);font-weight:900;font-size:3.4rem;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--blue)}
.mq-fact h3{font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:1.7rem;line-height:1}
.mq-fact p{font-size:.92rem;line-height:1.5;color:rgba(6,18,31,.82)}
.mq-fact__a{display:inline-flex;align-items:center;gap:.5em;margin-top:auto;padding-top:6px;min-height:44px;font-weight:800;font-size:.92rem;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.mq-fact__a svg{width:1em;height:1em;transition:transform .35s var(--ease-o)}
.mq-fact__a:hover{color:var(--ink)}.mq-fact__a:hover svg{transform:translateX(4px)}
@media (max-width:1180px){.mq-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.mq-facts{grid-template-columns:minmax(0,1fr)}}

/* =========================================================
   RESEÑAS, SUCURSALES, SALIDAS
   ========================================================= */
.mq-voices .voices__stage{touch-action:pan-y}
.mq-voices .vq{min-width:0}
.mq-voices .vq blockquote,.mq-voices .vq figcaption{overflow-wrap:anywhere}
html:not(.js) .vq,.js-fail .vq{grid-area:auto;opacity:1;visibility:visible;transform:none;margin-bottom:clamp(28px,4vw,48px)}
html:not(.js) .voices__nav,.js-fail .voices__nav{display:none}
html:not(.js) .vq blockquote,.js-fail .vq blockquote{font-size:clamp(1.5rem,3vw,2.4rem)}
@media (max-width:620px){.voices__nav{flex-wrap:wrap;row-gap:12px}.voices__btns{margin-left:auto}}
.mq-loc{background:var(--ink-2);color:#fff;position:relative;overflow:hidden}
.mq-loc .bcard{background:var(--ink);border:1px solid var(--line-w);min-height:0}
.mq-loc .bcard__h{color:rgba(255,255,255,.72)}
.mq-bl{display:grid;gap:2px}
.mq-bl a{overflow-wrap:anywhere;display:inline-flex;align-items:center;gap:.7em;min-height:44px;font-weight:600;color:rgba(255,255,255,.92);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .25s,text-decoration-color .25s}
.mq-bl a:hover{color:var(--yellow);text-decoration-color:currentColor}
.mq-bl svg{color:var(--yellow);width:1.15em;height:1.15em}
.mq-loc__note{margin-top:clamp(22px,3vw,36px);font-size:.92rem;color:rgba(255,255,255,.7);max-width:44em}
.mq-out{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) 0 clamp(60px,7vw,100px);border-top:1px solid var(--line)}

/* =========================================================
   CATEGORÍA Y SERIE
   ========================================================= */
.mq-series{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) 0;position:relative}
.mq-scards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.mq-scard{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.6vw,38px);background:#fff;border-top:4px solid var(--ink);border-radius:4px;box-shadow:0 30px 70px -44px rgba(6,18,31,.55);overflow:hidden}
.mq-scard__big{position:absolute;right:.2em;top:-.12em;font-family:var(--f-d);font-weight:900;font-size:clamp(8rem,13vw,13rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px rgba(10,77,140,.28);pointer-events:none;user-select:none}
.mq-scard>*{position:relative}.mq-scard>.mq-scard__big{position:absolute}
.mq-scard__k{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.mq-scard h3{font-family:var(--f-d);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:.92}
.mq-scard p{max-width:34em;color:rgba(6,18,31,.84)}
.mq-scard p.mq-scard__big{max-width:none;color:transparent;-webkit-text-stroke:1.5px rgba(10,77,140,.22)}
.mq-scard .mq-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}
.mq-scard .mq-stats>div{border-top-color:var(--ink)}
.mq-scard .mq-stats dt{color:rgba(6,18,31,.74)}
.mq-scard .mq-stats dd{color:var(--ink)}
.mq-scard__a{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}
.mq-scard--o{background:var(--ink-2);color:#fff;border-top-color:var(--yellow)}
.mq-scard--o p{color:rgba(255,255,255,.86)}
.mq-scard--o .mq-scard__k{color:var(--yellow)}
.mq-scard--o .btn--ghost-i{color:#fff;border-color:#fff}.mq-scard--o .btn--ghost-i:hover{background:#fff;color:var(--ink)}
@media (max-width:860px){.mq-scards{grid-template-columns:minmax(0,1fr)}}

.mq-models{background:var(--ink-2);color:#fff;padding:clamp(80px,10vw,150px) 0;position:relative;overflow:hidden}
.mq-filters{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-bottom:clamp(18px,2.4vw,28px)}
.mq-filters[hidden]{display:none}
.mq-filters__g{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mq-filters__k{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin-right:4px}
.mq-chip{min-height:44px;padding:.5em 1.1em;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);font-weight:700;font-size:.92rem;color:#fff;transition:background .25s,color .25s,border-color .25s}
.mq-chip:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.mq-chip[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.mq-filters__st{font-size:.92rem;font-weight:700;color:rgba(255,255,255,.86)}
.mq-grp+.mq-grp{margin-top:clamp(28px,4vw,52px)}
.mq-grp__t{font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:clamp(1.6rem,2.4vw,2.2rem);color:var(--yellow);margin-bottom:14px}
.mq-mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(12px,1.6vw,20px)}
.mq-mcard{position:relative;border:1px solid var(--line-w);border-radius:4px;background:rgba(255,255,255,.04);transition:border-color .3s,transform .5s var(--ease-o)}
.mq-mcard:hover{border-color:rgba(255,210,0,.7);transform:translateY(-3px)}
.mq-mcard__a{display:flex;flex-direction:column;gap:6px;height:100%;padding:clamp(18px,2vw,26px)}
.mq-mcard__n{font-family:var(--f-d);font-weight:900;text-transform:uppercase;font-size:clamp(2.6rem,3.6vw,3.6rem);line-height:.9}
.mq-mcard__t{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}
.mq-mcard__go{display:inline-flex;align-items:center;gap:.5em;margin-top:auto;padding-top:14px;min-height:44px;font-weight:800;font-size:.92rem;color:var(--yellow)}
.mq-mcard__go svg{width:1em;height:1em;transition:transform .35s var(--ease-o)}
.mq-mcard:hover .mq-mcard__go svg{transform:translateX(5px)}

/* Tablas */
.mq-tw{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;background:#fff;color:var(--ink);border-radius:4px;box-shadow:0 30px 70px -44px rgba(6,18,31,.55)}
.mq-tw:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.mq-t{border-collapse:separate;border-spacing:0;width:100%;font-size:.92rem;line-height:1.4}
.mq-t th,.mq-t td{padding:.8em 1em;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.mq-t thead th{background:var(--ink);color:#fff;font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:1.5rem;line-height:1;white-space:nowrap;border-bottom:0}
.mq-t thead th small{display:block;margin-top:.5em;font-family:"Manrope",system-ui,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.8);white-space:normal}
.mq-t thead a,.mq-t--l tbody th a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.mq-t thead a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:5px}
.mq-t thead a:hover{color:var(--yellow);text-decoration-color:currentColor}
.mq-t tbody th[scope=row]{position:sticky;left:0;z-index:1;background:#fff;font-weight:700;min-width:11.5em;max-width:15em;border-right:1px solid var(--line)}
.mq-t tbody th small{font-weight:600;color:rgba(6,18,31,.7)}
.mq-t thead .mq-t__corner{position:sticky;left:0;z-index:2;min-width:11.5em}
.mq-t td{min-width:9em;font-variant-numeric:tabular-nums}
.mq-t tr.mq-t__g th{background:var(--paper);color:var(--blue-d);font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding-block:.7em;border-bottom:1px solid var(--line)}
.mq-t td.is-na{color:rgba(6,18,31,.74)}
.mq-t td.is-hi{background:rgba(255,210,0,.34);font-weight:800}
.mq-t td.is-hi::before{content:"▲";font-size:.85em;margin-right:.5em;color:var(--ink)}
.mq-t [hidden]{display:none}
.mq-t tbody tr:hover td,.mq-t tbody tr:hover th[scope=row]{background-color:rgba(10,77,140,.06)}
.mq-t tbody tr:hover td.is-hi{background-color:rgba(255,210,0,.5)}
.mq-t--f{max-width:none}
.mq-t--f td{min-width:0}
/* Lista de modelos en fondo oscuro */
.mq-tw--l{background:transparent;color:#fff;box-shadow:none;border:1px solid var(--line-w)}
.mq-t--l thead th{background:rgba(255,255,255,.08);font-size:1.3rem}
.mq-t--l thead th.num small{font-size:.8rem}
.mq-t--l th,.mq-t--l td{border-bottom-color:rgba(255,255,255,.14)}
.mq-t--l tbody th[scope=row]{background:var(--ink-2);border-right:0;font-family:var(--f-d);font-weight:800;font-size:1.7rem;text-transform:uppercase;line-height:1;min-width:0}
.mq-t--l tbody th a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:5px}
.mq-t--l tbody th a:hover{color:var(--yellow);text-decoration-color:currentColor}
.mq-t--l td.num,.mq-t--l td{min-width:0;font-weight:700}
.mq-t--l tbody tr:hover td,.mq-t--l tbody tr:hover th[scope=row]{background-color:rgba(255,255,255,.07)}
.mq-t--l tr[hidden]{display:none}
.mq-src{margin-top:14px;font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.78);max-width:62em}
.mq-models .mq-src{color:rgba(255,255,255,.78)}
.mq-src-box{margin-top:clamp(18px,2.4vw,28px);padding:clamp(16px,2vw,24px);border-left:4px solid var(--yellow);background:rgba(6,18,31,.05)}
.mq-src-box__t{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.mq-src-box .mq-src{margin-top:8px;color:rgba(6,18,31,.8)}
.mq-srcs{margin-top:8px;display:grid;gap:4px;font-size:.92rem;color:rgba(6,18,31,.84)}
.mq-src-box .btn{margin-top:14px}

/* Comparador */
.mq-cmp{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) 0;position:relative}
.mq-cmp__bar{margin-bottom:clamp(18px,2.4vw,28px)}
.mq-cmp__bar[hidden]{display:none}
.mq-picks{display:flex;flex-wrap:wrap;gap:8px}
.mq-pick{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:104px;min-height:56px;padding:8px 16px;border:1.5px solid var(--ink);border-radius:10px;transition:background .25s,color .25s,opacity .25s}
.mq-pick b{font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:1.4rem;line-height:1}
.mq-pick span{font-size:.82rem;font-weight:700;color:rgba(6,18,31,.74)}
.mq-pick:hover{background:rgba(6,18,31,.06)}
.mq-pick[aria-pressed="true"]{background:var(--ink);color:var(--yellow)}
.mq-pick[aria-pressed="true"] span{color:rgba(255,255,255,.84)}
.mq-pick.is-full:not([aria-pressed="true"]){border-style:dashed;border-color:rgba(6,18,31,.6)}
.mq-cmp__legend{margin-top:14px;font-size:.92rem;line-height:1.5;color:rgba(6,18,31,.8);max-width:60em}
.mq-hi-s{display:inline-block;padding:0 .35em;border-radius:3px;background:rgba(255,210,0,.6);font-size:.9em}
.mq-cmp__cta{margin-top:clamp(20px,2.6vw,32px)}

/* Por qué New Holland */
.mq-why{background:var(--ink-2);color:#fff;padding:clamp(80px,10vw,150px) 0;position:relative;overflow:hidden}
.mq-why .wrap{position:relative}
.mq-why__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(18px,2.4vw,36px);align-items:start}
.mq-why__col{padding:clamp(22px,2.6vw,38px);border:1px solid var(--line-w);border-radius:4px;background:rgba(255,255,255,.04)}
.mq-why__col--c{background:var(--blue-d);border-color:rgba(255,210,0,.5)}
.mq-why__k{font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow)}
.mq-why__h{font-family:var(--f-d);font-weight:900;text-transform:uppercase;font-size:clamp(1.9rem,3vw,2.8rem);line-height:.95;margin:.3em 0 .7em}
.mq-why__l{display:grid;gap:16px}
.mq-why__l li{padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.mq-why__l h4{font-size:1.05rem;font-weight:800;margin-bottom:.25em}
.mq-why__l p{font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.86)}
.mq-why__f{margin-top:6px;font-size:.82rem!important;font-weight:700;color:rgba(255,255,255,.66)!important}
.mq-why__col .btn{margin-top:22px}
@media (max-width:900px){.mq-why__grid{grid-template-columns:minmax(0,1fr)}}

/* Consulta */
.mq-cons{background:var(--blue-d);color:#fff;padding:clamp(80px,10vw,140px) 0;position:relative;overflow:hidden}
.mq-cons .wrap{position:relative}
.mq-cons .h2 em{color:var(--yellow)}
.mq-cons__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:start}
.mq-cons__p{margin-top:1.4em;max-width:28em;font-size:clamp(1rem,1.2vw,1.12rem);color:rgba(255,255,255,.88)}
.mq-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mq-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.mq-f--w{grid-column:1/-1}
.mq-f label{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(6,18,31,.82)}
.mq-f input[type=text],.mq-f select{font:inherit;font-size:1rem;font-weight:600;color:var(--ink);background-color:rgba(6,18,31,.05);border:0;border-bottom:2px solid var(--ink);border-radius:6px 6px 0 0;padding:.7em .9em;min-height:50px;width:100%;transition:background-color .25s}
.mq-f input::placeholder{color:rgba(6,18,31,.6);font-weight:500}
.mq-f input:hover,.mq-f select:hover{background-color:rgba(6,18,31,.09)}
.mq-f select{appearance:none;-webkit-appearance:none;padding-right:2.4em;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2306121f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 1em center;background-size:.7em}
.mq-cons .mq-comp .mq-prev{margin-top:clamp(18px,2.4vw,28px)}
@media (max-width:900px){.mq-cons__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.mq-fields{grid-template-columns:minmax(0,1fr)}}

/* Ficha */
.mq-spec{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) 0;position:relative}
.mq-pn{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;margin-top:clamp(24px,3vw,40px)}
.mq-pn__a{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:10px 18px;border:1.5px solid var(--ink);border-radius:10px;transition:background .25s,color .25s}
.mq-pn__a span{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.mq-pn__a b{font-family:var(--f-d);font-weight:800;text-transform:uppercase;font-size:1.6rem;line-height:1}
.mq-pn__a:hover{background:var(--ink);color:#fff}.mq-pn__a:hover span{color:var(--yellow)}
.mq-pn__a--c{text-align:center;align-items:center}
.mq-pn__a--r{text-align:right;align-items:flex-end}
@media (max-width:620px){.mq-pn{grid-template-columns:minmax(0,1fr)}.mq-pn__a--c,.mq-pn__a--r{text-align:left;align-items:flex-start}}

.mq-vacio{padding:clamp(16px,2vw,24px);border-left:4px solid var(--yellow);background:rgba(6,18,31,.06);font-weight:600;color:var(--ink);max-width:46em}
.mq-vacio--c{background:transparent;border-left-color:var(--yellow);color:rgba(255,255,255,.9);padding:0 0 0 14px;margin-bottom:6px}

/* Panel interno (sólo vista previa) */
.mq-dev{background:#fff7cc;color:#3a2f00;padding:20px 0;border-top:4px solid var(--yellow)}
.mq-dev ul{margin-top:8px;display:grid;gap:4px;font-size:.92rem;padding-left:1.1em;list-style:disc}

/* ---------- Correcciones heredadas de las otras páginas ---------- */
.fab{pointer-events:none}
.fab__btn,.fab.is-open .fab__menu{pointer-events:auto}
.fab:not(.is-open) .fab__menu{display:none}
.fab{right:max(clamp(14px,2vw,28px),env(safe-area-inset-right));bottom:max(clamp(14px,2vw,28px),env(safe-area-inset-bottom))}
.wrap{padding-inline:max(var(--pad),env(safe-area-inset-left),env(safe-area-inset-right))}
.hdr{padding-inline:max(var(--pad),env(safe-area-inset-left),env(safe-area-inset-right))}
.hdr__cta{min-height:44px}
.ftr__bot{padding-right:84px}

/* ---------- Sin JavaScript (o si falla maquinarias.js) ---------- */
html:not(.js) .hdr__burger,.js-fail .hdr__burger{display:none}
html:not(.js) .hdr,.js-fail .hdr{position:relative;inset:auto;background:var(--ink)}
html:not(.js) .hdr__nav,.js-fail .hdr__nav{display:flex}
html:not(.js) .hdr__nav a,.js-fail .hdr__nav a{min-height:44px;display:inline-flex;align-items:center;padding:0}
html:not(.js) .fab,.js-fail .fab{display:none}
html:not(.js) .mq-hero,.js-fail .mq-hero{padding-top:clamp(40px,6vw,80px)}
html:not(.js) .mq-find,.js-fail .mq-find{display:none}
html:not(.js) .mq-hero__bg b,html:not(.js) .mq-scard__big,html:not(.js) .mq-t7__big,.js-fail .mq-hero__bg b,.js-fail .mq-t7__big{display:none}
html:not(.js) .mq-js,.js-fail .mq-js{display:none}
html:not(.js) .mq-nojs-i,.js-fail .mq-nojs-i{display:inline}
html:not(.js) .mq-fields,.js-fail .mq-fields,html:not(.js) #cCopy,.js-fail #cCopy,html:not(.js) .mq-cons .mq-prev,.js-fail .mq-cons .mq-prev,html:not(.js) .mq-cmp__cta,.js-fail .mq-cmp__cta{display:none}
.js-fail .cursor{display:none!important}
@media (max-width:980px){
  html:not(.js) .hdr__bar,.js-fail .hdr__bar{flex-wrap:wrap;border-radius:22px;padding:8px 14px}
  html:not(.js) .hdr__nav,.js-fail .hdr__nav{flex-wrap:wrap;gap:0 18px;margin-inline:0;flex:1 1 100%}
}
@media (pointer:coarse){.mq-f input[type=text],.mq-f select{min-height:50px}}

/* Tablas en celular: menos ancho por columna y columna fija más angosta */
@media (max-width:620px){
  .mq-t{font-size:.9rem}
  .mq-t th,.mq-t td{padding:.65em .55em}
  .mq-t tbody th[scope=row],.mq-t thead .mq-t__corner{min-width:6.2em;max-width:6.4em}
  .mq-t td{min-width:4.8em}
  .mq-t thead th{padding-inline:.45em}
  .mq-t thead th{font-size:1.15rem}
  .mq-t thead th small{font-size:.8rem;letter-spacing:0}
  html:not(.js) .mq-t td,.js-fail .mq-t td{min-width:8em}
}

/* Movimiento reducido y colores forzados */
@media (prefers-reduced-motion:reduce){
  .vrow,.mq-mcard,.mq-idx,.mq-t7__models a{transition:none}
}
@media (forced-colors:active){
  .mq-hero__bg b,.mq-scard__big,.mq-t7__big,.mq-fact__n,.vrow__arr{display:none}
  .mq-opt[aria-pressed="true"],.mq-pick[aria-pressed="true"],.mq-chip[aria-pressed="true"]{outline:3px solid Highlight}
  .mq-t td.is-hi{outline:2px solid Highlight}
}

/* Piso de tamaños: los textos compartidos con el home (etiquetas, pie, menú) no bajan de ~13 px en las páginas de maquinarias */
.eyebrow,.loader__t,.chip,.now__k,.ftr h4,.ftr h3{font-size:.82rem}
.hdr__cta,.menu__foot,.now__link,.now__guard,.now__open,.soc a,.ftr__bot{font-size:.9rem}
.menu__nav a span{font-size:.88rem}
/* Valores en texto (no numéricos) de las cifras: más chicos que un número grande y con salto de línea */
.mq-nums b.t,.mq-nums--l b.t{display:block;font-family:var(--f-b);font-size:clamp(1.05rem,1.3vw,1.3rem);font-weight:800;line-height:1.25;overflow-wrap:anywhere}


/* ---------- Calidad (08/11/2026): modelos de cada serie como botones de 44 px ---------- */
.mq-chips-m{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mq-chips-m a{display:inline-flex;align-items:center;min-height:44px;padding:0 1.05em;border:1.5px solid var(--ink);border-radius:999px;font-weight:700;font-size:.86rem;line-height:1.1;transition:background .25s,color .25s}
.mq-chips-m a:hover{background:var(--ink);color:#fff}