.hdr{position:sticky;top:0;z-index:50;color:#fff;background:var(--marca);box-shadow:0 1px 0 #ffffff14}.hdr-fila{display:flex;align-items:center;gap:16px;min-height:60px}.hdr-buscar-escritorio{display:none}.hdr-solo-escritorio{display:none!important}.hdr-iconos{display:flex;align-items:center;gap:0;margin-left:auto}.hdr-icono{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;min-height:56px;padding:0 4px;border:0;border-radius:12px;background:transparent;color:#fff;font-size:var(--icono-palabra);font-weight:700;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background var(--t-corto),transform var(--t-micro)}.hdr-icono:hover{background:#ffffff14}.hdr-icono:active{transform:scale(.95)}.hdr-wa{min-width:64px}.hdr-wa svg{color:#3DDC84}.hdr-cuenta{position:absolute;top:2px;right:2px;display:inline-grid;place-items:center;min-width:20px;height:20px;padding-inline:5px;border-radius:999px;background:var(--acento);color:var(--sobre-acento);font-size:12px;font-weight:800;line-height:1;animation:hdr-salta var(--t-medio) var(--c-resorte)}@keyframes hdr-salta{50%{transform:scale(1.4)}}.hdr-buscar-movil{padding-top:10px;padding-bottom:12px;background:var(--marca)}@media (max-width:399px){.hdr-fila{gap:8px}.hdr .brand-logo,.hdr .logo-metorre{width:92px;height:auto;max-height:34px}}@media (min-width:768px) and (max-width:1023px){.hdr-buscar-escritorio{display:block;flex:1;min-width:0}.hdr-buscar-movil{display:none}}@media (min-width:1024px){.hdr-fila{min-height:72px;gap:8px}.hdr .hdr-fila{padding-inline:20px}.hdr-solo-escritorio{display:inline-flex!important}.hdr-solo-celular{display:none!important}.hdr-buscar-escritorio{display:block;flex:1;min-width:0;max-width:560px}.hdr-buscar-movil{display:none}.hdr-icono{flex-direction:row;gap:6px;min-height:48px;padding:0 10px;font-size:var(--icono-palabra-escritorio)}.hdr-icono,.hdr-wa{min-width:48px}.hdr-cuenta{position:static}.hdr-desplegable{border:1px solid #ffffff40}.hdr-desplegable[aria-expanded=true]{background:#ffffff1f}.hdr-desplegable[aria-expanded=true] .hdr-flecha{transform:rotate(180deg)}.hdr-flecha{transition:transform var(--t-corto)}.hdr-cotiza{flex-shrink:0;min-height:48px;padding-inline:16px;font-size:16px;white-space:nowrap}}@media (min-width:1024px) and (max-width:1279px){.hdr .brand-logo{width:104px}.hdr .logo-metorre{width:104px;height:auto}.hdr-icono{gap:4px;padding:0 6px}.hdr-cotiza{padding-inline:14px}}.hoja{width:min(100%,560px);max-height:min(88dvh,720px);overflow:auto;margin:auto auto 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:20px 20px 0 0;background:var(--superficie);color:var(--tinta);box-shadow:0 -12px 40px #0004;opacity:1;translate:0 0;transition:opacity var(--t-medio) var(--c-salida),translate var(--t-medio) var(--c-salida),overlay var(--t-medio) allow-discrete,display var(--t-medio) allow-discrete}.hoja:not([open]){opacity:0;translate:0 24px}@starting-style{.hoja[open]{opacity:0;translate:0 24px}}.hoja::backdrop{background:#1a1a2e80;background:color-mix(in srgb,var(--marca,#1a1a2e) 50%,transparent)}@media (min-width:768px){.hoja{margin:72px 24px auto auto;border-radius:20px;width:min(100%,380px)}}.hoja-cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px}.hoja-cabeza h2{font-size:22px;font-weight:800}.hoja-cerrar{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:12px;background:var(--fondo);color:var(--tinta);cursor:pointer}.hdr-menu{padding-top:12px}.hdr-menu[data-modo=menu]{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}@media (min-width:768px){.hdr-menu[data-modo=menu]{width:min(100%,420px);margin:0 0 0 auto}.hdr-menu[data-modo=productos]{width:min(calc(100% - 48px),1040px);max-height:calc(100dvh - 96px);margin:72px auto auto;border-radius:0 0 20px 20px}.hdr-menu[data-modo=ayuda]{width:min(100%,400px);max-height:calc(100dvh - 96px);margin:72px 24px auto auto}}.hdr-menu[data-modo=ayuda] .hm-productos,.hdr-menu[data-modo=ayuda] .hm-solo-menu,.hdr-menu[data-modo=menu] .hm-numero,.hdr-menu[data-modo=productos] .hm-ayuda,.hdr-menu[data-modo=productos] .hm-solo-menu{display:none}.hdr-menu[data-modo=ayuda] .hm-titulo,.hdr-menu[data-modo=productos] #hm-productos-titulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hm-cerrar{display:inline-flex;width:auto;min-height:48px;gap:6px;padding:0 14px;font-size:16px;font-weight:700}.hm-titulo{margin:20px 0 4px;font-size:var(--menu-titulo);font-weight:800;color:var(--tinta-2)}.hdr-menu ul{margin:0;padding:0;list-style:none}.hm-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--menu-fila);padding:6px 0;border:0;border-bottom:1px solid var(--linea);background:none;color:var(--tinta);font-size:var(--menu-letra);font-weight:600;text-align:left;cursor:pointer}.hm-fila svg{flex-shrink:0;color:var(--tinta-2);transition:transform var(--t-corto)}.hm-fila:hover svg{transform:translateX(3px)}.hm-fila[aria-current=page]{color:var(--acento-texto);font-weight:800}.hm-fila small{display:block;font-size:var(--letra-2);font-weight:500;color:var(--gris-2)}.hm-cotiza{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:72px;margin-top:16px;padding:12px 18px;text-align:left}.hm-cotiza b{display:block;font-size:18px}.hm-cotiza small{display:block;font-size:15px;font-weight:600;opacity:.95}.hm-buscar{justify-content:flex-start;margin-top:8px}.hm-grupo summary{list-style:none}.hm-grupo summary::-webkit-details-marker{display:none}.hm-grupo summary b{display:block;font-size:var(--menu-letra);font-weight:800}.hm-grupo[open]>summary svg{transform:rotate(180deg)}.hm-grupo[open]>summary{position:sticky;top:-12px;z-index:1;background:var(--superficie)}.hm-grupo ul{padding-left:12px}.hm-atajo{font-weight:800;color:var(--acento-texto)}.hm-todo{margin-top:8px!important}.hm-rubro-grupo h4{margin:16px 0 0;font-size:var(--menu-titulo);font-weight:800;color:var(--tinta-2)}.hm-con-precio{display:inline-block!important;flex-shrink:0;padding:2px 8px;border-radius:999px;background:#FEF6E0;color:#7D5A00!important;font-size:12px!important;font-weight:800!important}.hm-wa{margin-top:16px;padding:8px 12px;border:1px solid var(--linea);border-radius:14px;background:#fff;justify-content:flex-start}.hm-wa svg{color:var(--wa)}.hm-wa b{display:block;font-size:16px}.hm-numero{margin:16px 0 4px;padding:12px 14px;border-radius:14px;background:var(--fondo);font-size:15px;line-height:1.5}@media (min-width:1024px){.hdr-menu[data-modo=ayuda] .hm-fila,.hdr-menu[data-modo=productos] .hm-fila{min-height:48px;font-size:var(--menu-letra-panel)}.hdr-menu[data-modo=productos] .hm-grupos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:32px;column-gap:32px;align-items:start}.hdr-menu[data-modo=productos] .hm-rubros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:24px;column-gap:24px;align-items:start}.hdr-menu[data-modo=productos] .hm-todo{display:flex;gap:24px}.hdr-menu[data-modo=productos] .hm-todo li{flex:1}}@media (prefers-reduced-motion:reduce){.hdr-flecha,.hm-fila svg{transition:none}}.hdr .logo-encabezado{width:auto;max-width:none;max-height:none;-o-object-fit:contain;object-fit:contain}.hdr .logo-metorre.logo-encabezado{height:clamp(18px,calc((100vw - 232px) / 4.86),32px)}.hdr .brand-logo.logo-encabezado{height:clamp(32px,calc((100vw - 232px) / 2.52),44px)}@media (min-width:768px){.hdr .logo-metorre.logo-encabezado{height:36px}.hdr .brand-logo.logo-encabezado{height:44px}}@media (min-width:1024px){.hdr .header-brand{margin-right:8px}}@media (min-width:1024px) and (max-width:1279px){.hdr .header-brand{margin-right:0}.hdr .logo-metorre.logo-encabezado{height:30px}.hdr .brand-logo.logo-encabezado{height:38px}}@media (min-width:1280px){.hdr .logo-metorre.logo-encabezado{height:42px}.hdr .brand-logo.logo-encabezado{height:52px}}.hm-grupo-cara{display:flex;align-items:center;gap:12px;min-width:0}.hm-foto,.hm-icono{flex:none;width:48px;height:48px;border-radius:12px;background:var(--fondo)}.hm-foto{-o-object-fit:contain;object-fit:contain;padding:4px;mix-blend-mode:multiply}.hm-icono{display:grid;place-items:center}.hm-icono,.hm-icono svg{color:var(--acento-texto)}.hm-icono svg{transform:none!important}.hm-con-foto{justify-content:flex-start}.hm-pilar+.hm-pilar{margin-top:14px}.hm-pilar-titulo{margin:6px 0 4px;padding:0 4px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}.hm-cotizar{flex-shrink:0;margin-left:auto;padding:2px 8px;border-radius:999px;background:#EEF0F3;color:#475467;font-size:12px;font-weight:700}.pedido-guardar{display:grid;gap:6px;margin:12px 0;padding:12px;border:1px solid var(--linea);border-radius:12px}.pedido-guardar>label:first-of-type{font-size:14px;font-weight:800;color:var(--tinta)}.pedido-guardar>label small{font-weight:600;color:var(--tinta-2)}.pedido-guardar input[type=text]{min-height:48px;padding:0 12px;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);font-size:16px}.pedido-guardar-marca{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px;font-weight:700;color:var(--tinta)}.pedido-guardar-marca input{flex-shrink:0;width:20px;height:20px;accent-color:var(--acento)}.pedido-guardar-marca a{color:var(--tinta);text-decoration:underline}.pedido-guardar>small{font-size:12px;line-height:1.4;color:var(--tinta-2)}.pedido-guardar>small a{color:var(--tinta);text-decoration:underline}.pedido-guardado{margin:0;font-size:13px;font-weight:800;color:var(--tinta)}.pedido-fijo-total small{text-decoration:none}.pedido-fijo-productos{color:#C9CBDA}.pedido-fijo-nota{text-decoration:underline!important;text-underline-offset:2px}.pedido-fijo-brilla{animation:pedido-brilla var(--t-largo) var(--c-salida)}@keyframes pedido-brilla{30%{color:var(--acento);transform:scale(1.04)}}.pedido-fijo{animation:pedido-sube var(--t-medio) var(--c-salida)}@keyframes pedido-sube{0%{transform:translateY(100%)}}.pedido-fijo:has(.pedido-hoja[open]) .pedido-fijo-fila,body.con-hoja .pedido-fijo-fila{visibility:hidden}.pedido-hoja-seguir{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:8px;border:1px solid var(--linea);border-radius:12px;background:#fff;color:var(--tinta);font-size:16px;font-weight:800;cursor:pointer}@media (prefers-reduced-motion:reduce){.pedido-fijo,.pedido-fijo-brilla{animation:none}}.pedido-fijo .pedido-aviso{background:var(--marca);border:2px solid var(--acento)}.pedido-hoja-datos{list-style:none;margin:0 0 14px;padding:12px 14px;display:grid;gap:10px;border-radius:14px;background:var(--fondo)}.pedido-hoja-datos li{display:flex;align-items:flex-start;gap:10px}.pedido-hoja-datos svg{flex-shrink:0;margin-top:2px;color:var(--acento-texto)}.pedido-hoja-datos b{display:block;font-size:15px;font-weight:800;color:var(--tinta)}.pedido-hoja-datos small{display:block;font-size:14px;color:var(--tinta-2)}.pedido-listo{margin:0 0 14px;padding:0;border:0;display:grid;gap:4px}.pedido-listo legend{margin-bottom:4px;font-size:18px;font-weight:800;color:var(--tinta)}.pedido-listo label{display:flex;align-items:center;gap:12px;min-height:48px;font-size:16px;color:var(--tinta);cursor:pointer}.pedido-listo input{width:24px;height:24px;accent-color:var(--wa);flex-shrink:0}.pedido-listo p{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:15px;font-weight:700;color:var(--wa)}html[data-marca=jatnor] .pedido-hoja-cabecera h2{font-size:24px}html[data-marca=jatnor] .pedido-hoja-lineas b{font-size:16px}html[data-marca=jatnor] .pedido-hoja-lineas small{font-size:14px;white-space:normal}html[data-marca=jatnor] .pedido-hoja-lineas .cifra{font-size:22px}html[data-marca=jatnor] .pedido-hoja-total{font-size:16px}html[data-marca=jatnor] .pedido-hoja-total b{font-size:32px}.pedido-hoja .pedido-hoja-wa{position:sticky;bottom:0;z-index:1;box-shadow:0 -12px 16px -8px rgb(255 255 255/.95),0 -1px 0 var(--superficie)}.pedido-mensaje{display:grid;gap:6px;margin:0 0 14px;font-size:16px;font-weight:800;color:var(--tinta)}.pedido-mensaje small{font-weight:600;color:var(--tinta-2)}.pedido-mensaje textarea{width:100%;min-height:64px;padding:10px 12px;border:1px solid var(--linea);border-radius:12px;font:inherit;font-size:16px;font-weight:500;color:var(--tinta);resize:vertical}.pedido-hecha{margin:0 0 14px;padding:14px;border:2px solid var(--wa);border-radius:14px;background:rgb(21 122 74/.06)}.pedido-hecha p{margin:0;display:grid;gap:2px;font-size:15px;color:var(--tinta)}.pedido-hecha p b{font-size:20px;font-weight:800}.pedido-hecha div{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pedido-hecha a,.pedido-hecha button{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;border:1px solid var(--linea);border-radius:12px;background:#fff;color:var(--tinta);font:inherit;font-size:16px;font-weight:800;cursor:pointer}:root{--t-micro:120ms;--t-corto:160ms;--t-medio:240ms;--t-largo:400ms;--c-salida:cubic-bezier(.2,.8,.2,1);--c-resorte:linear(0,.25 7%,.69 18%,1.03 30%,1.07 37%,1.04 46%,.99 62%,1);--mv-paso:40ms}.mv-aparece{animation:mv-aparece var(--t-medio) var(--c-salida) both}@keyframes mv-aparece{0%{opacity:0}}.mv-entra{animation:mv-entra var(--t-medio) var(--c-salida) both}@keyframes mv-entra{0%{opacity:0;transform:translateY(8px)}}.mv-centro{animation:mv-centro var(--t-medio) var(--c-resorte) both}@keyframes mv-centro{0%{opacity:0;transform:scale(.85)}}.mv-rebote{animation:mv-rebote var(--t-medio) var(--c-resorte)}@keyframes mv-rebote{50%{transform:scale(1.12)}}.mv-dibuja :is(path,line,polyline,circle,rect){stroke-dasharray:1;animation:mv-dibuja var(--t-medio) var(--c-salida) both}@keyframes mv-dibuja{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.mv-cascada>*{animation:mv-entra var(--t-medio) var(--c-salida) both;animation-delay:calc(var(--mv-i, 0) * var(--mv-paso))}.mv-esqueleto{position:relative;overflow:hidden;background:var(--surface-2,#E8EAF1);border-radius:8px}.mv-esqueleto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255/.55),transparent);transform:translateX(-100%);animation:mv-barrido 1.2s linear infinite}@keyframes mv-barrido{to{transform:translateX(100%)}}::view-transition-group(foto-producto){animation-duration:var(--t-medio);animation-timing-function:var(--c-salida)}@supports (animation-timeline:view()){.mv-dibuja-al-ver :is(path,line,polyline,circle,rect){stroke-dasharray:1;animation:mv-dibuja linear both;animation-timeline:view();animation-range:entry 10% cover 35%}.mv-entra-al-ver{animation:mv-entra linear both;animation-timeline:view();animation-range:entry 0 entry 60%}}@supports (animation-timeline:scroll(self inline)){.mv-fila-mascara{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);-webkit-mask-size:calc(100% + 24px) 100%;mask-size:calc(100% + 24px) 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:mv-mascara linear both;animation-timeline:scroll(self inline)}@keyframes mv-mascara{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}}@media (prefers-reduced-motion:reduce){:root{--t-micro:0ms;--t-corto:0ms;--t-medio:0ms;--t-largo:0ms;--mv-paso:0ms}.mv-aparece,.mv-cascada>*,.mv-centro,.mv-dibuja :is(path,line,polyline,circle,rect),.mv-dibuja-al-ver :is(path,line,polyline,circle,rect),.mv-entra,.mv-entra-al-ver,.mv-rebote{animation:none!important}.mv-esqueleto:after{animation:none;transform:none;opacity:0}.mv-fila-mascara{animation:none}::view-transition-group(foto-producto){animation-duration:0s}}:where(.btn-primary,.btn-secondary,.btn-ghost,.vt-cta,.tarjeta-boton,button){-webkit-tap-highlight-color:transparent}:where(.btn-primary,.btn-secondary,.btn-ghost,.vt-cta,.tarjeta-boton){transition:transform var(--t-micro) var(--c-salida),box-shadow var(--t-corto) var(--c-salida),filter var(--t-corto) var(--c-salida)}:where(.btn-primary,.btn-secondary,.btn-ghost,.vt-cta,.tarjeta-boton,button):not(:disabled):active{transform:scale(.97)}@media (hover:hover){:where(.btn-primary,.vt-cta,.tarjeta-boton):not(:disabled):hover{filter:brightness(1.07);box-shadow:0 8px 20px rgb(26 26 46/.18)}:where(.btn-secondary,.btn-ghost):not(:disabled):hover{box-shadow:0 4px 14px rgb(26 26 46/.12)}}:where(.btn-primary,.btn-secondary,.btn-ghost,.vt-cta,.tarjeta-boton):focus-visible{outline:3px solid var(--acento);outline-offset:2px}@media (prefers-reduced-motion:reduce){:where(.btn-primary,.btn-secondary,.btn-ghost,.vt-cta,.tarjeta-boton){transition:none}:where(.btn-primary,.btn-secondary,.btn-ghost,.vt-cta,.tarjeta-boton,button):active{transform:none}}