:root{--brand-navy:#141e68;--brand-yellow:#f4d803;--brand-violet:#5d45ef;--navy-950:#070a1d;--navy-900:#0c1032;--navy-800:#141e68;--navy-700:#212d8c;--navy-300:#bcc1e6;--navy-200:#dbdef0;--navy-100:#eeeff7;--navy-50:#f7f7fb;--canvas:#f4f5f7;--surface:#fff;--raised:#f7f7fb;--border:#dbdef0;--border-strong:#bcc1e6;--border-dark:#232a5c;--ink:#141e68;--ink-2:#4a5378;--ink-3:#5c6572;--ink-dark:#f4f5f7;--ink-2-dark:#a8aecd;--ink-3-dark:#8a93a2;--font-display:"Jost", "Futura", system-ui, sans-serif;--font-ui:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--fs-meta:.75rem;--fs-dense:.875rem;--fs-body:1rem;--fs-lead:1.25rem;--fs-h5:1.5625rem;--fs-h4:1.9375rem;--fs-h3:2.4375rem;--fs-h2:3.0625rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;--gutter:24px;--max-catalog:1320px;--radius-sm:2px;--radius-md:4px;--touch-min:48px;--skew:-12deg;--elev-1:0 2px 12px #070a1d33;--elev-2:0 8px 32px #070a1d5c;--ease-spring:cubic-bezier(.34,1.4,.44,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur-micro:.18s;--dur-state:.26s}@media (prefers-reduced-motion:reduce){:root{--dur-micro:0s;--dur-state:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit}img,svg{display:block}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.15}.mono{font-family:var(--font-mono);letter-spacing:.01em}.label{font-family:var(--font-display);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.icon{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;width:24px;height:24px}.icon-20{width:20px;height:20px}.icon-16{width:16px;height:16px}.wrap{max-width:var(--max-catalog);padding:0 var(--sp-6);margin:0 auto}:focus-visible{outline:2px solid var(--brand-navy);outline-offset:2px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}body:after{content:"";z-index:30;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.12 0 0 0 0 0.4 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:fixed;inset:0}.trama-paralelogramo{pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22'%3E%3Cpath d='M7 3h15l-5 16H2z' fill='%23141E68'/%3E%3C/svg%3E");background-size:26px 22px;position:absolute;inset:0}.trama-rayas{opacity:.08;background-image:repeating-linear-gradient(102deg,currentColor 0 2px,#0000 2px 9px)}.topbar{background:var(--brand-navy);color:var(--ink-dark);font-size:var(--fs-dense)}.topbar .wrap{justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:36px;display:flex}.topbar a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.topbar .mono{color:var(--ink-2-dark);font-size:var(--fs-meta)}.header{background:var(--surface);border-bottom:1px solid var(--border)}.header .wrap{align-items:center;gap:var(--sp-6);grid-template-columns:auto 1fr auto;min-height:76px;display:grid}.logo{width:auto;height:28px}.logo img{width:auto;height:100%}.search{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:48px;padding:0 var(--sp-4);align-items:center;gap:var(--sp-3);display:flex;position:relative}.search input{font:inherit;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--ink-3)}.search .hint{color:var(--ink-3);font-size:var(--fs-meta);white-space:nowrap}.header-actions{align-items:center;gap:var(--sp-6);display:flex}.tel{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-dense);text-decoration:none;display:inline-flex}.btn-outline{align-items:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-4);border:1px solid var(--brand-navy);border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-dense);background:0 0;text-decoration:none;display:inline-flex}.menu-btn{display:none}.nav{background:var(--surface);border-bottom:1px solid var(--border)}.nav .wrap{align-items:stretch;gap:var(--sp-8);min-height:52px;display:flex;overflow-x:auto}.nav a{align-items:center;gap:var(--sp-2);font-size:var(--fs-dense);white-space:nowrap;border-bottom:2px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.nav a[aria-current=page]{border-bottom-color:var(--brand-navy);font-weight:700}.nav .spacer{flex:1}.crumbs{padding:var(--sp-6) 0 var(--sp-4);font-size:var(--fs-dense);color:var(--ink-3)}.crumbs ol{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:var(--sp-2)}.crumbs a{text-decoration:none}.crumbs .back{display:none}.ficha-top{gap:var(--gutter);padding-bottom:var(--sp-16);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.media{grid-column:span 6}.info{top:var(--sp-6);grid-column:span 6;position:sticky}.media-photo{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-8);place-items:center;display:grid}.media-photo img{object-fit:contain;width:100%;height:100%}.media-tipo{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-12);flex-direction:column;display:flex;position:relative;overflow:hidden}.media-tipo .cat{align-items:center;gap:var(--sp-3);color:var(--ink-2);display:flex}.media-tipo .cat .icon{width:32px;height:32px}.media-tipo .marca{font-family:var(--font-display);letter-spacing:-.02em;margin-top:auto;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:1}.media-tipo .ref{font-family:var(--font-mono);margin-top:var(--sp-3);font-size:clamp(1.75rem,4vw,3rem);line-height:1.1}.media-tipo .tipo{font-size:var(--fs-lead);color:var(--ink-2);margin-top:var(--sp-4);margin-bottom:var(--sp-16)}.media-tipo .rayas{height:28%;color:var(--brand-navy);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.media-cat{aspect-ratio:1;background:var(--navy-800);color:var(--ink-dark);border:1px solid var(--navy-900);border-radius:var(--radius-md);padding:var(--sp-12);flex-direction:column;display:flex;position:relative;overflow:hidden}.media-cat .bg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media-cat>:not(.bg){z-index:2;position:relative}.media-cat .cat{align-items:center;gap:var(--sp-3);color:var(--ink-2-dark);display:flex}.media-cat .cat .icon{width:32px;height:32px}.media-cat .marca{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;text-shadow:0 2px 6px #070a1d80;max-width:50%;margin-top:auto;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1}.media-cat .ref{font-family:var(--font-mono);margin-top:var(--sp-3);overflow-wrap:anywhere;text-shadow:0 2px 6px #070a1d80;max-width:55%;font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.1}.media-cat .tipo{font-size:var(--fs-dense);color:var(--ink-2-dark);margin-top:var(--sp-4);max-width:45%}.badge{border:1px solid var(--border-strong);background:var(--raised);border-radius:12px;align-items:center;height:24px;padding:0 10px;text-decoration:none;display:inline-flex}.badge.no-link{pointer-events:none}.h1{margin-top:var(--sp-3);font-size:clamp(1.9rem,2.6vw,2.375rem)}.refs{margin:var(--sp-6) 0;gap:var(--sp-2);display:grid}.ref-row{align-items:center;gap:var(--sp-3);grid-template-columns:140px 1fr;display:grid}.ref-row .k{font-size:var(--fs-meta);color:var(--ink-3)}.ref-row .v{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);display:inline-flex}.ref-row .v.big{font-size:var(--fs-lead)}.copy{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--ink-3);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.copy:hover{background:var(--navy-100);color:var(--ink)}.copy[data-done="1"]{color:var(--ink)}.rule{border:0;border-top:1px solid var(--border);margin:var(--sp-4) 0}.price{font-weight:500;font-size:var(--fs-lead)}.price-note{color:var(--ink-3);font-size:var(--fs-dense);margin-top:2px}.qty-label{font-size:var(--fs-meta);color:var(--ink-3);margin-top:var(--sp-4)}.qty-row{align-items:center;gap:var(--sp-4);margin-top:var(--sp-1);display:flex}.qty{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:48px;display:inline-flex}.qty button{background:0 0;border:0;place-items:center;width:48px;display:grid}.qty button:hover{background:var(--navy-50)}.qty input{text-align:center;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);width:64px;font:inherit;font-family:var(--font-mono);font-size:var(--fs-lead);color:var(--ink);-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-hint{color:var(--ink-3);font-size:var(--fs-dense)}.btn-wa{justify-content:center;align-items:center;gap:var(--sp-3);width:100%;min-height:56px;margin-top:var(--sp-6);background:var(--brand-yellow);color:var(--brand-navy);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-body);transition:transform var(--dur-micro) var(--ease-spring), box-shadow var(--dur-micro) var(--ease-out);border:0;text-decoration:none;display:flex}.btn-wa:hover{box-shadow:var(--elev-1)}.btn-wa:active{transform:scale(.97)}.secondary{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:1fr 1fr;align-items:center;display:grid}.btn-ter{justify-content:center;align-items:center;gap:var(--sp-2);border:1px solid var(--brand-navy);border-radius:var(--radius-sm);min-height:48px;font-weight:500;font-size:var(--fs-dense);background:0 0;text-decoration:none;display:inline-flex}.call{align-items:center;gap:var(--sp-3);text-decoration:none;display:flex}.call small{font-size:var(--fs-meta);color:var(--ink-3);display:block}.call .num{font-family:var(--font-mono);font-size:var(--fs-body)}.trust{gap:var(--sp-2);font-size:var(--fs-dense);margin:0;padding:0;list-style:none;display:grid}.trust li{align-items:center;gap:var(--sp-3);display:flex}.trust .mono{color:var(--ink-3);font-size:var(--fs-meta);padding-left:36px}.two{gap:var(--gutter);padding:var(--sp-12) 0;border-top:1px solid var(--border);grid-template-columns:repeat(12,1fr);display:grid}.two>section{grid-column:span 6}.two h2{font-size:var(--fs-h5);margin-bottom:var(--sp-4)}.desc p{max-width:68ch;margin:0 0 var(--sp-3)}.pending{background:var(--navy-100);border-left:2px solid var(--border-strong);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-dense);color:var(--ink-2);max-width:68ch}.specs{border-collapse:collapse;width:100%;font-size:var(--fs-dense)}.specs th,.specs td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 0}.specs th{color:var(--ink-2);width:42%;font-weight:400}.specs td{color:var(--ink)}.familia{padding:var(--sp-12) 0;border-top:1px solid var(--border)}.familia h2{font-size:var(--fs-h5);margin-bottom:var(--sp-6)}.cards{gap:var(--gutter);grid-template-columns:repeat(4,1fr);display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:box-shadow var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out);flex-direction:column;display:flex}.card:hover{box-shadow:var(--elev-1);border-color:var(--brand-navy);transform:translateY(-2px)}.card{transition:box-shadow var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out), transform var(--dur-state) var(--ease-spring)}a.card-media{color:inherit;text-decoration:none}.card-media{aspect-ratio:1;border-bottom:1px solid var(--border);padding:var(--sp-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.card-media .top{color:var(--ink-2);justify-content:space-between;align-items:center;display:flex}.card-media .ref{font-family:var(--font-mono);font-size:var(--fs-h5);margin-top:auto;margin-bottom:36%}.card-media .rayas{height:30%;color:var(--brand-navy);position:absolute;bottom:0;left:0;right:0}.card-media.photo{padding:var(--sp-4);justify-content:center;align-items:center}.card-media.photo img{object-fit:contain;width:100%;height:100%}.card-media.cat{background:var(--navy-800);color:var(--ink-dark);border-bottom-color:var(--navy-900)}.card-media.cat .bg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-media.cat>:not(.bg){z-index:2;position:relative}.card-media.cat:before,.media-cat:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0c1032e0 0%,#0c10329e 32%,#0c103200 62%);position:absolute;inset:0}.card-media.cat .top{color:var(--ink-2-dark)}.card-media.cat .badge{border-color:var(--navy-300);color:var(--ink-dark);background:0 0}.card-media.cat .ref{color:var(--ink-dark);overflow-wrap:anywhere;max-width:55%;margin-bottom:0}.card-media.cat .name-big{color:var(--ink-dark);max-width:60%;margin-bottom:0}.card-media.cat .tipo{font-size:var(--fs-meta);color:var(--ink-2-dark);margin-top:var(--sp-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:55%;display:-webkit-box;overflow:hidden}.card-media.cat .ref.ref-long{font-size:var(--fs-lead);max-width:62%}.card-media.cat .ref,.card-media.cat .name-big{text-shadow:0 1px 2px #070a1d99}.card-body{padding:var(--sp-3);gap:var(--sp-2);display:grid}.card-body .name{font-size:var(--fs-dense);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.card-body .code{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--ink-3)}.card-body .pr{font-size:var(--fs-meta)}.card-more{justify-content:center;gap:var(--sp-3);padding:var(--sp-6);background:var(--navy-100);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--fs-lead);flex-direction:column;text-decoration:none;display:flex}.proveedor{background:var(--navy-100);padding:var(--sp-16) 0;position:relative;overflow:hidden}.proveedor .trama-paralelogramo{left:62%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.proveedor .wrap{position:relative}.proveedor h2{font-size:var(--fs-h4);max-width:22ch}.proveedor .dato{margin:var(--sp-6) 0 0;max-width:60ch}.proveedor .dato .mono{font-size:var(--fs-lead)}.clientes-label{margin-top:var(--sp-8);color:var(--ink-2)}.clientes{margin:var(--sp-3) 0 0;gap:var(--sp-4);grid-template-columns:repeat(5,1fr);max-width:880px;padding:0;list-style:none;display:grid}.clientes li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);place-items:center;height:72px;display:grid}.clientes .cl{object-fit:contain;filter:grayscale();opacity:.6;mix-blend-mode:multiply;width:auto;max-width:120px;height:48px}.puente{margin:var(--sp-12) auto;border:2px dashed var(--brand-navy);border-radius:var(--radius-md);padding:var(--sp-8);gap:var(--sp-6);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.puente .icon{width:32px;height:32px}.puente h2{font-size:var(--fs-h5)}.puente p{margin:var(--sp-1) 0 0;color:var(--ink-2)}.btn-navy{align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-6);background:var(--brand-navy);color:var(--ink-dark);border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-dense);text-decoration:none;display:inline-flex}.btn-navy,.btn-ter,.btn-outline{transition:background var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-spring)}.btn-navy:hover{background:var(--navy-700)}.btn-navy:active,.btn-ter:active,.btn-outline:active{transform:scale(.97)}.footer{background:var(--brand-navy);color:var(--ink-dark);padding:var(--sp-16) 0 var(--sp-8);font-size:var(--fs-dense)}.footer .cols{gap:var(--sp-8);grid-template-columns:1.4fr 1fr 1fr 1fr;display:grid}.footer .logo{height:24px;margin-bottom:var(--sp-6)}.footer .mono{font-size:var(--fs-meta);color:var(--ink-2-dark);line-height:1.8}.footer h3{font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2-dark);margin-bottom:var(--sp-3)}.footer ul{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.footer a{text-decoration:none}.footer .bottom{border-top:1px solid var(--border-dark);margin-top:var(--sp-8);padding-top:var(--sp-4);color:var(--ink-3-dark);font-size:var(--fs-meta)}.actionbar{display:none}@media (width<=767px){.wrap{padding:0 var(--sp-4)}.topbar{display:none}.header .wrap{gap:var(--sp-3);grid-template-columns:auto 1fr auto;min-height:56px}.header .search{height:48px;margin-bottom:var(--sp-3);order:10;grid-column:1/-1}.search .hint,.header-actions .btn-outline,.header-actions .tel span{display:none}.menu-btn{background:0 0;border:0;place-items:center;width:48px;height:48px;margin-left:-12px;display:grid}.nav{display:none}.logo{justify-self:center;height:22px}.crumbs{padding:var(--sp-4) 0 var(--sp-3)}.crumbs ol{display:none}.crumbs .back{align-items:center;gap:var(--sp-1);min-height:var(--touch-min);text-decoration:none;display:inline-flex}.ficha-top{padding-bottom:var(--sp-8);display:block}.info{margin-top:var(--sp-6);position:static}.media-tipo{aspect-ratio:4/3;padding:var(--sp-4)}.media-tipo .cat .icon{width:24px;height:24px}.media-tipo .marca{font-size:3.25rem}.media-tipo .ref{font-size:1.75rem}.media-tipo .tipo{display:none}.media-tipo .ref{margin-bottom:22%}.media-tipo .rayas{height:18%}.media-cat{aspect-ratio:4/3;padding:var(--sp-4)}.media-cat .cat .icon{width:24px;height:24px}.media-cat .marca{font-size:2.5rem}.media-cat .ref{font-size:1.5rem}.media-cat .tipo,.card-media.cat .tipo{display:none}.media-photo{padding:var(--sp-4)}.h1{font-size:1.875rem}.ref-row{grid-template-columns:112px 1fr}.qty{width:100%;height:60px}.qty button{width:60px}.qty input{flex:1;width:auto}.qty-hint,.info .btn-wa,.call{display:none}.secondary{grid-template-columns:1fr}.btn-ter.email-link{border:0;justify-content:flex-start;padding:0;text-decoration:underline}.two{padding:var(--sp-8) 0;display:block}.two>section+section{margin-top:var(--sp-8)}.familia{padding:var(--sp-8) 0}.cards{gap:var(--sp-3);grid-template-columns:1fr 1fr}.card-more{padding:var(--sp-4);font-size:var(--fs-body);grid-column:1/-1}.proveedor{padding:var(--sp-12) 0}.proveedor .trama-paralelogramo{top:70%;left:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.proveedor h2{font-size:var(--fs-h5)}.clientes{gap:var(--sp-2);grid-template-columns:repeat(3,1fr)}.clientes li{height:64px}.clientes .cl{object-fit:contain;filter:grayscale();opacity:.6;mix-blend-mode:multiply;width:auto;max-width:120px;height:48px}.puente{padding:var(--sp-6);margin:var(--sp-8) auto;grid-template-columns:1fr}.puente .btn-navy{display:none}.footer{padding:var(--sp-12) 0 calc(var(--sp-8) + 80px)}.footer .cols{gap:var(--sp-6);grid-template-columns:1fr}.footer .cols>div:not(:first-child){display:none}.actionbar{z-index:20;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);padding-bottom:max(var(--sp-2), env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--elev-2);grid-template-columns:1fr 64px;display:grid;position:fixed;bottom:0;left:0;right:0}.actionbar .btn-wa{min-height:56px;margin:0}.actionbar .btn-call{border:1px solid var(--brand-navy);border-radius:var(--radius-sm);background:0 0;place-items:center;min-height:56px;display:grid}}@media (width>=768px) and (width<=1023px){.cards{grid-template-columns:repeat(2,1fr)}.clientes{grid-template-columns:repeat(3,1fr)}}.nav a.linea2026{border-bottom-color:#0000;position:relative}.nav a.linea2026:after{content:"";background:var(--brand-violet);height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav a.linea2026[aria-current=page]{font-weight:700}@media (width<=767px){.nav.abierta{display:block}.nav.abierta .wrap{flex-direction:column;align-items:stretch;gap:0}.nav.abierta a{border-bottom:1px solid var(--border);min-height:48px}.nav.abierta .spacer{display:none}}