:root{--navy:#001d59;--blue:#007fd0;--orange:#f36a10;--ink:#080b10;--paper:#f4f5f2;--muted:#69727d;--line:#d9dde1;--max:1380px;--display:'Archivo Black',sans-serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.signal-bar{height:31px;display:flex;align-items:center;justify-content:center;gap:9px;background:#061020;color:#aeb9c7;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.signal-bar span{width:6px;height:6px;border-radius:50%;background:#3cf29a;box-shadow:0 0 12px #3cf29a}.site-header{height:86px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:190px 1fr auto auto;align-items:center;gap:34px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(244,245,242,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.logo img{width:108px;height:70px;object-fit:contain}.site-header nav{display:flex;justify-content:center;gap:clamp(18px,3vw,42px)}.site-header nav a{font-size:13px;font-weight:700}.site-header nav a:hover{color:var(--blue)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.header-cta{min-height:46px;padding:0 18px;background:var(--navy);color:#fff}.header-cta:hover{background:var(--orange)}.menu-toggle{display:none;border:0;background:none;font-weight:700}.hero{min-height:calc(100vh - 117px);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:center;gap:50px;padding:clamp(70px,8vw,125px) max(22px,calc((100vw - var(--max))/2));background:#070b12;color:#fff}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero:after{content:"";position:absolute;width:580px;height:580px;right:-250px;top:-250px;border:1px solid rgba(0,127,208,.35);border-radius:50%;box-shadow:0 0 0 80px rgba(0,127,208,.04),0 0 0 160px rgba(0,127,208,.03)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{margin:0 0 24px;color:#9aa9b9;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow i{display:inline-block;width:24px;height:2px;margin-right:10px;background:var(--orange);vertical-align:middle}.eyebrow.blue{color:var(--blue)}.hero h1{margin:0;max-width:850px;font:400 clamp(3.6rem,7.3vw,7.5rem)/.88 var(--display);letter-spacing:-.075em;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px #6e8298}.hero-lead{max-width:650px;margin:34px 0;color:#aeb8c5;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.btn{min-height:54px;padding:0 22px}.btn.primary{background:var(--orange);color:#fff}.btn.primary:hover{background:#ff7b25}.btn.secondary{border:1px solid #344253;color:#fff}.btn.secondary:hover{border-color:var(--blue);background:rgba(0,127,208,.12)}.hero-proof{display:flex;gap:42px;margin-top:65px;padding-top:25px;border-top:1px solid #26303d}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font:400 17px var(--display);text-transform:uppercase}.hero-proof span{margin-top:5px;color:#758393;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.hero-visual{min-height:620px;display:grid;place-items:center}.hero-visual img{position:relative;z-index:2;width:min(100%,570px);aspect-ratio:1;object-fit:cover;clip-path:polygon(9% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%);filter:saturate(.72) contrast(1.04)}.orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(0,127,208,.38),rgba(0,37,129,.18) 45%,transparent 70%);filter:blur(10px)}.visual-tag{position:absolute;z-index:3;min-width:150px;padding:13px 16px;border:1px solid rgba(255,255,255,.2);background:rgba(5,11,20,.82);backdrop-filter:blur(10px)}.visual-tag span,.visual-tag b{display:block}.visual-tag span{color:var(--orange);font-size:8px;letter-spacing:.18em}.visual-tag b{margin-top:5px;font-size:12px}.visual-tag.top{top:90px;right:-10px}.visual-tag.bottom{bottom:80px;left:-20px}.brand-rail{min-height:92px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,54px);padding:15px 22px;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}.brand-rail span{color:#8a929a;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brand-rail b{font:400 clamp(14px,2vw,20px) var(--display);color:#2a323b}.brand-rail i{width:4px;height:4px;border-radius:50%;background:var(--orange)}.section{padding:clamp(75px,9vw,145px) max(22px,calc((100vw - var(--max))/2))}.section-head{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:50px;margin-bottom:55px}.section-head h2,.why h2,.contact h2{margin:0;font:400 clamp(2.4rem,5vw,5.4rem)/.94 var(--display);letter-spacing:-.06em;text-transform:uppercase}.section-head>p,.why-intro>p{max-width:470px;margin:0;color:var(--muted);line-height:1.7}.filters{display:flex;align-items:center;gap:8px;margin-bottom:28px}.filter{padding:10px 16px;border:1px solid var(--line);background:transparent;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer}.filter:hover,.filter.active{border-color:var(--navy);background:var(--navy);color:#fff}.filters>span{margin-left:auto;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.lot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lot-card{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s;background:#fff;border:1px solid var(--line)}.lot-card.revealed{opacity:1;transform:none}.lot-card[hidden]{display:none}.lot-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr}.lot-image{position:relative;min-height:315px;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}.lot-image img{width:100%;height:100%;position:absolute;inset:0;padding:18px;object-fit:contain;transition:transform .55s}.lot-card:hover .lot-image img{transform:scale(1.035)}.lot-image span,.lot-image b{position:absolute;top:14px;padding:8px 10px;background:#fff;font-size:9px;text-transform:uppercase}.lot-image span{left:14px;color:var(--blue);font-weight:700}.lot-image b{right:14px;background:var(--orange);color:#fff}.lot-body{padding:25px}.lot-sku{margin:0 0 14px;color:#8b939b;font-size:8px;font-weight:700;letter-spacing:.14em}.lot-body h3{min-height:67px;margin:0;font:400 clamp(1.25rem,2vw,1.8rem)/1.02 var(--display);letter-spacing:-.04em;text-transform:uppercase}.lot-body h3 small{display:block;margin-bottom:4px;color:var(--blue);font:700 9px var(--sans);letter-spacing:.16em}.lot-body dl{margin:23px 0;border-top:1px solid var(--line)}.lot-body dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.lot-body dt{color:#8a929b}.lot-body dd{margin:0;text-align:right;font-weight:700}.lot-price{margin:24px 0}.lot-price span,.lot-price em{display:block;color:#8a929b;font-size:9px;font-style:normal;text-transform:uppercase}.lot-price strong{display:block;margin:4px 0;font:400 clamp(1.8rem,3vw,2.7rem) var(--display);letter-spacing:-.05em}.lot-price strong small{font:700 9px var(--sans);letter-spacing:.12em}.lot-body>a{display:flex;justify-content:space-between;padding:15px 0 0;border-top:2px solid var(--ink);font-size:11px;font-weight:700;text-transform:uppercase}.lot-body>a:hover{color:var(--orange)}.process{background:var(--navy);color:#fff}.section-head.inverse>p{color:#91a5c6}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.steps article{min-height:280px;opacity:0;transform:translateY(15px);padding:28px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);transition:.5s}.steps article.revealed{opacity:1;transform:none}.steps span{color:var(--orange);font:400 22px var(--display)}.steps h3{margin:80px 0 12px;font:400 18px var(--display);text-transform:uppercase}.steps p{margin:0;color:#9eb0cf;font-size:13px;line-height:1.6}.why{display:block}.why-intro{position:static;max-width:900px;margin-bottom:clamp(38px,5vw,62px)}.why-intro>p{margin-top:30px}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.benefits article{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start;opacity:0;transform:translateY(14px);padding:28px;background:#fff;border:1px solid var(--line);transition:.5s}.benefits article.revealed{opacity:1;transform:none}
.benefits article:hover{border-color:var(--blue)}.benefits article>b{color:var(--orange);font:400 24px var(--display)}.benefits h3{margin:0 0 8px;font:400 18px var(--display);text-transform:uppercase}.benefits p{margin:0;color:var(--muted);line-height:1.6}.contact{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;background:var(--orange);color:#fff}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:18px}.btn.light{background:#fff;color:var(--ink)}.contact-actions>a:last-child{text-align:center;font-size:12px;font-weight:700}footer{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:30px;padding:45px max(22px,calc((100vw - var(--max))/2));background:#070b12;color:#8592a1}footer img{width:100px}footer p{font-size:12px}footer div{display:flex;gap:20px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}footer small{grid-column:1/-1;padding-top:25px;border-top:1px solid #202a36;font-size:9px;letter-spacing:.12em;text-transform:uppercase}@media(max-width:1050px){.site-header{grid-template-columns:140px 1fr auto auto}.site-header nav{display:none}.menu-toggle{display:block}.header-cta{display:none}.site-header.menu-open nav{position:absolute;display:flex;flex-direction:column;align-items:flex-start;top:86px;left:0;right:0;padding:30px;background:var(--paper);border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:80px}.hero-visual{min-height:500px}.hero-visual img{width:min(85vw,550px)}.lot-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.why-intro{position:static}.contact{grid-template-columns:1fr}.brand-rail{justify-content:flex-start}.brand-rail span{display:none}}@media(max-width:680px){.signal-bar{padding:0 14px;text-align:center;font-size:8px}.site-header{height:72px}.logo img{height:62px}.site-header.menu-open nav{top:72px}.hero{min-height:auto;display:block;padding-top:70px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.hero-copy{padding-bottom:55px}.hero-proof{gap:18px;justify-content:space-between}.hero-visual{min-height:390px}.visual-tag.top{top:25px;right:0}.visual-tag.bottom{bottom:18px;left:0}.brand-rail{min-height:72px}.section-head{grid-template-columns:1fr;gap:20px}.filters{overflow-x:auto;padding-bottom:5px}.filter{white-space:nowrap}.filters>span{display:none}.lot-grid{grid-template-columns:1fr}.lot-card.featured{grid-column:auto;display:block}.lot-image{min-height:300px}.steps{grid-template-columns:1fr}.steps article{min-height:220px}.steps h3{margin-top:55px}.benefits{grid-template-columns:1fr}.benefits article{grid-template-columns:52px 1fr;padding:22px}.contact{padding-block:75px}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer div{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lot-card,.steps article,.benefits article{opacity:1;transform:none;transition:none}}

.site-header .idioma{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.06em}
.site-header .idioma:hover{border-color:var(--navy);background:var(--navy);color:#fff}

.acciones-cabecera{display:flex;align-items:center;gap:9px}
.wa-movil{display:none;width:44px;height:44px;place-items:center;background:#25d366;color:#fff;font-size:19px;border-radius:50%}
.why>*,.benefits,.benefits article,.benefits article>div,.steps article,.lot-card,.lot-body,.contact>div{min-width:0}
.benefits article>div>*{overflow-wrap:anywhere}
.brand-rail{overflow-x:auto;scrollbar-width:none}
.brand-rail::-webkit-scrollbar{display:none}
@media(max-width:1050px){
  .wa-movil{display:grid}
  
}
@media(max-width:680px){
  .site-header{grid-template-columns:auto 1fr auto auto;gap:10px;padding:0 14px}
  .logo img{width:78px;height:48px}
  .acciones-cabecera{gap:6px}
  .wa-movil{width:40px;height:40px;font-size:17px}
  .site-header nav a{font-size:15px;padding:6px 0}
  .benefits article{grid-template-columns:44px 1fr;gap:14px}
  .hero-proof{flex-wrap:wrap;gap:14px 22px}
  .lot-body{padding:20px}
  .lot-body h3{min-height:auto}
}

/* El contenido se adapta a cualquier ancho, pero las decoraciones absolutas
   —el orbe del hero y los círculos de fondo— sobresalen a propósito y en
   móvil eso creaba una franja de desplazamiento lateral. clip las recorta sin
   convertir el body en un contenedor de scroll (a diferencia de hidden, que
   rompería el position:sticky de la cabecera). */
html{overflow-x:clip}

/* Publicaciones de Instagram con el lenguaje del sitio: fondo oscuro, marco
   recto y la tipografía de las tarjetas de producto, en vez del recuadro
   blanco que trae el incrustado de Instagram. */
.redes{background:var(--ink);color:#fff}
.redes .section-head h2{color:#fff}
.redes .section-head>p{color:#9aa9b9}
.redes .eyebrow{color:var(--orange)}
.redes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post{display:block;background:#0f1620;border:1px solid #1e2836;transition:border-color .3s,transform .3s}
.post:hover{border-color:var(--blue);transform:translateY(-4px)}
.post-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#000}
.post-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.post .play{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(9,17,27,.72);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(4px)}
.post .play:after{content:"";position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.post:hover .play{background:var(--orange);border-color:var(--orange)}
.post-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px}
.post-pie b{font-size:12px;letter-spacing:.02em}
.post-pie em{color:#8fa0b3;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.post:hover .post-pie em{color:var(--orange)}
.redes-cta{display:flex;justify-content:center;margin-top:34px}
@media(max-width:1050px){.redes-grid{grid-template-columns:repeat(3,1fr);gap:12px}.post-pie{padding:12px}}
@media(max-width:680px){.redes-grid{grid-template-columns:1fr;gap:16px}}

/* Las anclas del menú caían detrás de la cabecera pegajosa. */
#inventario,#proceso,#nosotros,#contacto,#redes{scroll-margin-top:96px}
@media(max-width:680px){#inventario,#proceso,#nosotros,#contacto,#redes{scroll-margin-top:80px}}
.post[data-reel]{cursor:pointer}
.post-img iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.post.sonando{border-color:var(--orange)}
.post.sonando .post-img{aspect-ratio:auto;height:min(78vh,620px)}
.post.sonando .play,.post.sonando .post-img img{display:none}
.post.sonando .post-pie em{color:var(--orange)}

/* La portada agrupa por marca: una muestra de cada una, con su rótulo, en vez
   del catálogo entero de golpe. */
.marca-bloque{margin-bottom:clamp(34px,4vw,54px)}
.marca-titulo{display:flex;align-items:center;gap:16px;margin:0 0 18px;font:400 clamp(1.1rem,1.8vw,1.5rem) var(--display);letter-spacing:-.03em;text-transform:uppercase}
.marca-titulo i{flex:1;height:1px;background:var(--line)}
.marca-titulo span{color:var(--muted);font:700 10px var(--sans);letter-spacing:.14em}
.marca-bloque .lot-grid{grid-template-columns:repeat(4,1fr)}
.inv-cta{display:grid;justify-items:center;gap:14px;padding-top:12px}
.inv-cta p{max-width:520px;margin:0;color:var(--muted);font-size:12px;text-align:center;line-height:1.6}
.buscador{display:grid;grid-template-columns:minmax(200px,1.6fr) 1fr 1fr auto auto;gap:9px;align-items:center;margin-bottom:22px;padding:14px;background:#fff;border:1px solid var(--line)}
.buscador input[type=search],.buscador select{height:44px;padding:0 12px;border:1px solid var(--line);background:#fff;font-size:13px}
.buscador button{height:44px;padding:0 22px;border:0;background:var(--navy);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer}
.buscador .limpiar{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}
.check-disp{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
.conteo{margin:0 0 18px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}
.vacio{padding:50px 0;text-align:center;color:var(--muted)}
.volver{margin-top:36px;font-size:12px;font-weight:700;text-transform:uppercase}
@media(max-width:1050px){.marca-bloque .lot-grid{grid-template-columns:repeat(2,1fr)}.buscador{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.marca-bloque .lot-grid{grid-template-columns:1fr}.buscador{grid-template-columns:1fr}}

/* El escaparate: el equipo que el dueño elige con la estrella del panel, en
   grande y antes que nada. */
.destacado{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);margin-bottom:clamp(34px,4vw,54px);background:#fff;border:1px solid var(--line)}
.destacado-img{position:relative;min-height:340px;background:#fff;border-right:1px solid var(--line)}
.destacado-img img{position:absolute;inset:0;width:100%;height:100%;padding:24px;object-fit:contain}
.destacado-img span{position:absolute;left:0;top:22px;padding:9px 15px;background:var(--orange);color:#fff;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.destacado-datos{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3vw,44px)}
.destacado-datos h3{min-height:auto;margin:0;font:400 clamp(1.6rem,3vw,2.6rem)/1 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.destacado-datos h3 small{display:block;margin-bottom:6px;color:var(--blue);font:700 10px var(--sans);letter-spacing:.16em}
.destacado-datos dl{margin:22px 0;border-top:1px solid var(--line)}
.destacado-datos dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.destacado-datos dt{color:#8a929b}
.destacado-datos dd{margin:0;font-weight:700}
.destacado-datos .btn{align-self:flex-start;margin-top:6px}
@media(max-width:900px){.destacado{grid-template-columns:1fr}.destacado-img{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}}

/* Catálogo privado: el comprador pone cantidades y manda el pedido */
.catalogo-privado main{padding-top:clamp(30px,4vw,50px)}
.pedido-lista{border-top:1px solid var(--line)}
.pedido-fila{display:grid;grid-template-columns:76px minmax(180px,2fr) 130px 120px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.pedido-fila img{width:76px;height:76px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.pedido-datos b{display:block;font-size:14px}
.pedido-datos small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.pedido-precio strong{display:block;font:400 1.15rem var(--display)}
.pedido-precio small{color:var(--muted);font-size:10px}
.pedido-cantidad{display:grid;gap:5px}
.pedido-cantidad span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pedido-cantidad input{width:100%;padding:11px;border:1px solid var(--line);font-size:15px;text-align:center}
.pedido-cantidad input.bajo-minimo{border-color:var(--orange);background:#fff7ed}
.pedido-total{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:20px 0;border-bottom:2px solid var(--ink)}
.pedido-total span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pedido-total strong{font:400 clamp(1.6rem,3vw,2.4rem) var(--display);letter-spacing:-.04em}
.pedido-datos-cliente{margin-top:34px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--line)}
.pedido-datos-cliente h2{margin:0 0 18px;font-size:clamp(1.2rem,2vw,1.6rem)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.campos label{display:grid;gap:7px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}
.campos .ancho{grid-column:1/-1}
.campos input,.campos textarea{padding:12px;border:1px solid var(--line);font:inherit;font-size:14px;font-weight:400;text-transform:none;color:var(--ink)}
.gracias{max-width:620px;margin:0 auto;padding:50px 0;text-align:center}
.gracias h1{margin:10px 0 20px;font:400 clamp(2rem,4vw,3.2rem)/1 var(--display);letter-spacing:-.05em;text-transform:uppercase}
.gracias .referencia{display:inline-block;margin:0 0 20px;padding:12px 22px;background:var(--ink);color:#fff;font:400 1.2rem var(--display);letter-spacing:.06em}
.gracias p{color:var(--muted);line-height:1.7}
.pantalla-error{display:grid;place-items:center;min-height:100vh;margin:0;padding:24px;background:var(--ink);color:#fff;text-align:center;font-family:var(--sans)}
.pantalla-error img{width:120px;margin-bottom:22px}
.pantalla-error h1{margin:0 0 14px;font:400 clamp(1.6rem,3vw,2.4rem) var(--display);text-transform:uppercase}
.pantalla-error p{max-width:440px;margin:0 auto 24px;color:#9aa9b9;line-height:1.7}
@media(max-width:760px){
  .pedido-fila{grid-template-columns:60px 1fr;gap:12px}
  .pedido-fila img{width:60px;height:60px}
  .pedido-precio,.pedido-cantidad{grid-column:2}
  .campos{grid-template-columns:1fr}
}

/* Primero el tipo de equipo, después marca y formato: es el orden en que
   decide un comprador mayorista. */
.tipos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tipos .tipo{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.tipos .tipo b{padding:2px 7px;background:var(--paper);color:var(--muted);font-size:10px}
.tipos .tipo:hover{border-color:var(--navy)}
.tipos .tipo.activo{background:var(--navy);border-color:var(--navy);color:#fff}
.tipos .tipo.activo b{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:680px){.tipos{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.tipos .tipo{white-space:nowrap}}