:root{--fondo:#faf7f2;--carbon:#1c1815;--terracota:#b5562c;--esmalte:#5c6b5d;--arena:#d8d0c3;--texto-sec:#8a7f6e;--terracota-suave:#b5562c1a;--esmalte-suave:#5c6b5d1a;--sombra:0 1px 2px #1c18150f, 0 2px 8px #1c18150a;--sombra-hover:0 2px 4px #1c181514, 0 8px 20px #1c181514;--radio:3px;--fuente-display:"Oswald", "Arial Narrow", sans-serif;--fuente-cuerpo:"Inter", system-ui, -apple-system, sans-serif;--fuente-mono:"IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--carbon);font-family:var(--fuente-cuerpo);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}a{color:var(--terracota)}:focus-visible{outline:2px solid var(--terracota);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--fondo)}::-webkit-scrollbar-thumb{background:var(--arena);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--texto-sec)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--carbon);border-bottom:3px solid var(--terracota);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;position:sticky;top:0}.header__marca{align-items:center;gap:14px;display:flex}.header__logo-placa{border-radius:var(--radio);background:#fff;flex-shrink:0;align-items:center;padding:6px 10px;display:flex}.header__logo{width:auto;height:38px;display:block}.header__eyebrow{font-family:var(--fuente-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--terracota);margin-bottom:2px;font-size:11px;display:block}.header__marca h1{font-family:var(--fuente-display);letter-spacing:.01em;color:var(--fondo);text-transform:uppercase;margin:0;font-size:22px;font-weight:600}.header__acciones{gap:10px;display:flex}.header__boton{border:1px solid var(--arena);color:var(--fondo);border-radius:var(--radio);background:0 0;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex;position:relative}.header__boton:hover:not(:disabled){border-color:var(--terracota)}.header__boton:disabled{opacity:.4;cursor:default}.header__boton--terracota{background:var(--terracota);border-color:var(--terracota)}.header__boton--terracota:hover:not(:disabled){background:#9c4a24}.header__badge{background:var(--fondo);color:var(--carbon);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.app__cuerpo{flex:1;align-items:flex-start;display:flex}.sidebar__toggle-movil{background:var(--fondo);border:none;border-bottom:1px solid var(--arena);width:100%;font-family:var(--fuente-display);letter-spacing:.04em;text-transform:uppercase;color:var(--carbon);justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;display:none}.sidebar{border-right:1px solid var(--arena);background:var(--fondo);flex-shrink:0;width:264px;height:calc(100vh - 73px);padding:24px 20px 40px;position:sticky;top:73px;overflow-y:auto}.sidebar__header{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.sidebar__header h2{font-family:var(--fuente-display);letter-spacing:.06em;text-transform:uppercase;color:var(--carbon);margin:0;font-size:15px}.sidebar__limpiar{color:var(--terracota);background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.sidebar__campo{margin-bottom:18px}.sidebar__campo label{letter-spacing:.04em;text-transform:uppercase;color:var(--texto-sec);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.sidebar__campo input[type=text],.sidebar__campo input[type=number],.sidebar__campo select{border:1px solid var(--arena);border-radius:var(--radio);width:100%;color:var(--carbon);background:#fff;padding:9px 10px;font-size:14px}.sidebar__campo input:focus,.sidebar__campo select:focus{border-color:var(--terracota)}.sidebar__rango{align-items:center;gap:6px;display:flex}.sidebar__rango input{width:100%;min-width:0}.sidebar__rango span{color:var(--texto-sec)}.sidebar__contador{font-family:var(--fuente-mono);color:var(--texto-sec);border-top:1px solid var(--arena);margin-top:8px;padding-top:14px;font-size:13px}.grilla-wrap{flex:1;min-width:0;padding:28px}.grilla{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.card{border:1px solid var(--arena);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--sombra-hover);transform:translateY(-2px)}.card--comparando{outline:2px solid var(--terracota);outline-offset:-1px}.card__foto{aspect-ratio:4/3;background:var(--arena);position:relative}.card__foto img{object-fit:cover;width:100%;height:100%;display:block}.card__foto-placeholder{background:linear-gradient(135deg, var(--arena), #e6dfd3);width:100%;height:100%;color:var(--texto-sec);font-family:var(--fuente-mono);justify-content:center;align-items:center;font-size:13px;display:flex}.card__fav{color:#fff;background:#1c1815b8;border:none;border-radius:14px;align-items:center;gap:5px;height:28px;padding:0 10px 0 8px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.card__fav-icono{font-size:15px;line-height:1}.card__fav-texto{letter-spacing:.01em;white-space:nowrap;font-size:11px;font-weight:600}.card__fav--activo{background:var(--terracota);color:#fff}.card__cuerpo{flex-direction:column;flex:1;padding:14px 14px 12px;display:flex}.card__descripcion{color:var(--carbon);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0 0 4px;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card__precio{font-family:var(--fuente-display);color:var(--terracota);margin:0 0 10px;font-size:19px;font-weight:600}.ficha{border-top:1px dashed var(--arena);margin:0 0 12px;padding-top:8px}.ficha__fila{justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;display:flex}.ficha__fila dt{color:var(--texto-sec);font-family:var(--fuente-mono);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:10.5px}.ficha__fila dd{text-align:right;color:var(--carbon);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.ficha__proveedor{color:var(--esmalte);font-size:11px}.card__comparar{color:var(--texto-sec);cursor:pointer;align-items:center;gap:6px;margin-top:auto;font-size:12px;display:flex}.card__comparar input{accent-color:var(--terracota)}.estado-pantalla{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:300px;display:flex}.estado-pantalla__titulo{font-family:var(--fuente-display);color:var(--carbon);margin:0;font-size:18px}.estado-pantalla__detalle{color:var(--texto-sec);margin:0;font-size:14px}.boton{border:1px solid var(--arena);color:var(--carbon);border-radius:var(--radio);background:#fff;padding:10px 18px;font-size:14px;font-weight:600}.boton--secundario{color:var(--texto-sec);background:0 0}.boton--terracota{background:var(--terracota);border-color:var(--terracota);color:#fff}.comparador-overlay,.cotizacion-overlay{z-index:50;background:#1c18158c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.comparador,.cotizacion{background:var(--fondo);width:100%;max-width:920px;max-height:85vh;box-shadow:var(--sombra-hover);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.comparador__header,.cotizacion__header{border-bottom:1px solid var(--arena);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.comparador__header h2,.cotizacion__header h2{font-family:var(--fuente-display);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:18px}.comparador__cerrar{color:var(--texto-sec);background:0 0;border:none;font-size:13px;font-weight:600}.comparador__tabla-wrap{padding:18px 22px 24px;overflow:auto}.comparador__tabla{border-collapse:collapse;width:100%}.comparador__tabla th,.comparador__tabla td{border:1px solid var(--arena);text-align:left;vertical-align:top;padding:10px 12px;font-size:13px}.comparador__tabla thead th{vertical-align:top;background:#fff}.comparador__tabla tbody th{font-family:var(--fuente-mono);text-transform:uppercase;color:var(--texto-sec);white-space:nowrap;background:#fff;font-size:11px}.comparador__col-header{flex-direction:column;gap:6px;min-width:150px;display:flex}.comparador__col-header img,.comparador__sin-foto{object-fit:cover;border-radius:var(--radio);background:var(--arena);width:100%;height:90px}.comparador__col-header p{margin:0;font-size:12.5px;font-weight:600;line-height:1.3}.comparador__codigo{font-family:var(--fuente-mono);color:var(--texto-sec);font-size:11px}.comparador__quitar{color:var(--terracota);background:0 0;border:none;align-self:flex-start;padding:0;font-size:11px;font-weight:600}.cotizacion__lista{flex:1;margin:0;padding:10px 22px;list-style:none;overflow-y:auto}.cotizacion__item{border-bottom:1px solid var(--arena);align-items:center;gap:12px;padding:10px 0;display:flex}.cotizacion__item img,.cotizacion__sin-foto{object-fit:cover;border-radius:var(--radio);background:var(--arena);flex-shrink:0;width:56px;height:56px}.cotizacion__info{flex:1;min-width:0}.cotizacion__descripcion{margin:0;font-size:13.5px;font-weight:600}.cotizacion__meta{color:var(--texto-sec);margin:2px 0;font-size:11.5px}.cotizacion__precio{font-family:var(--fuente-display);color:var(--terracota);margin:0;font-size:14px;font-weight:600}.cotizacion__quitar{color:var(--texto-sec);background:0 0;border:none;flex-shrink:0;font-size:16px}.cotizacion__acciones{border-top:1px solid var(--arena);flex-wrap:wrap;gap:10px;padding:16px 22px;display:flex}.cotizacion__acciones .boton{flex:1;min-width:140px}@media (width<=880px){.app__cuerpo{flex-direction:column}.sidebar__toggle-movil{display:flex}.sidebar{border-right:none;border-bottom:1px solid var(--arena);width:100%;height:auto;max-height:0;padding:0 20px;transition:max-height .2s,padding .2s;position:static;overflow:hidden}.sidebar--abierto{max-height:600px;padding:20px 20px 28px;overflow-y:auto}.grilla-wrap{padding:20px 16px}.header{padding:14px 16px}.header__logo{height:30px}.header__marca h1{font-size:17px}}